@charset "utf-8";
/* CSS Document */
/* NiCK Web Style */

/*test*/
 header {
	position: -webkit-sticky;
    position: sticky;
    top: -38px;
	z-index:777;
}




/*---main---*/
	#wrapper-n {
		width:auto;
		min-width:250px;
		height:auto;
		margin-top:0px;
		margin-bottom:0px;
	}
	#header-n {
		width: calc(100% - 10px);
		height:30px;
		display:block;
		/*position:fixed;*/
		z-index:7;
		
		margin-top:0px;
		margin-bottom:0;
		border:0;
		vertical-align:bottom;
		padding:5px;
		background: linear-gradient(#FFF,#D5FFAA);
		background-size:cover;
		border-bottom:1px solid #61BB25;
	}
	.header_boxl,
	.header_boxr {
		height:34px;
		width:80px;
		display:table-cell;
		float:left;
		margin:0;
	}
	.header_boxt {
		height:30px;
		width:calc(100% - 160px);
		min-width:100px;
		display:table-cell;
		float:left;
		margin-bottom:5px;
	}
	.header_boxmini {
		display:none;
	}
	.logo_img_box {
		height:30px;
		text-align:left;
	}
	.menu_box  a ,
	.header_boxt > a {
		text-decoration-line:none;
		color:#164D04;
	}
	
	#footer p{
		margin:2px 0;
	}

	#footer ::after{
		content:"Copyright © 2009-2025 NiCK Corporation, Limited All Rights Reserved.";
	}

	
	.main_box {
		width:auto;
		margin-top:40px;
		min-height: calc(100vh);
	}
	
	.main_img_box ,
	.main_img_box_top ,
	.main_img_box_bottom {
		position:relative;
	}
	
	.main_img_box > img,
	.main_img_box_top > img{
		width:80%;
		margin-left:10%;
		border:2px solid #FFF;
  		border-top-left-radius: 20px;     /* 左上 */
  		border-top-right-radius: 20px;    /* 右上 */
  		border-bottom-right-radius: 20px; /* 右下 */
  		border-bottom-left-radius: 20px;  /* 左下 */
		
	}
	.main_img_box_bottom > img{
		width:60%;
		border:2px solid #FFF;
  		border-top-left-radius: 20px;     /* 左上 */
  		border-top-right-radius: 20px;    /* 右上 */
  		border-bottom-right-radius: 20px; /* 右下 */
  		border-bottom-left-radius: 20px;  /* 左下 */
		
	}
	
	
	.main_img_box_top > ul > li{
		margin: 0;
		padding: 0;
		position:absolute;
		top: 2%;
		left:45%;
		
		list-style: none;
		text-align: center;
		color:  #D5FFAA;
		text-shadow:2px 2px 1px RGB(111,134,165);
		font-weight:300;
		font-size: 2.8vw;
		overflow-wrap: break-word;
		
	}
	.main_img_box > ul > li{
		margin: 0;
		padding: 0;
		position:absolute;
		top: 60%;
		left:60%;
		
		list-style: none;
		text-align: center;
		color:  #D5FFAA;
		text-shadow:2px 2px 1px RGB(111,134,165);
		font-weight:300;
		font-size: 3vw;
		overflow-wrap: break-word;
		
	}
	.main_img_box2 img {
		opacity:0.6;
		width:80%;
		margin-left:10%;
		border:2px solid #FFF;
  		border-top-left-radius: 20px;     /* 左上 */
  		border-top-right-radius: 20px;    /* 右上 */
  		border-bottom-right-radius: 20px; /* 右下 */
  		border-bottom-left-radius: 20px;  /* 左下 */
	}
		
	.main_img_box2 img:hover {
		opacity:1;
	}
/*↑---main---*/
	

/*---top menu---*/
	.menu_box {
		display:inline-block;
		position:relative;
		float:inherit;
		width:100%;
		z-index:77;
		/*height:38px;
		padding-top:5px;
		*/
	}
	.menu_box a {
		text-decoration:none;
	}
	
	.blank_menu {
		display:block;
		position:relative;
  		float:left;
		/*background-color:#CCC;/*for test*/
  
		width: calc((100% - (86px * 6)) / 2);
		height:30px;
		padding:2px;
		font-size:12px;
		line-height:14px;
		font-weight:bold;
		color:#626563;
	}
	
	.list_menu_pls ,
	.list_menu {
		display:block;
		position:relative;
  		float:left;
  
		width: 78px;
		height:30px;
		padding:2px;
		font-size:12px;
		line-height:14px;
		font-weight:bold;
		color:#626563;
		background:#FFF;
		/*background:#D5FFAA;*/
		border:2px solid #61BB25;
  		/*border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		/*border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */
	}
		
	
	
	.list_label0,
	.list_menu input,
	.list_menu_pls input,
	.st_menu_content11 {
		display:none;
		
	}
	
	.list_menu_pls > label ,
	.list_menu > label {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		color:#626563;
		width:100px;
		height:30px;
	}
	.list_menu_pls:hover ,
	.list_menu:hover {
		/*height:auto;*/
		background:#D5FFAA;
		z-index:7777;
	}
	.st_menu_content11 > label {
		display:table-cell;
		text-align:left;
		vertical-align:middle;
		font-size:1em;
		line-height:14px;
		font-weight:bold;
		color:#626563;
		width:auto;
		height:inherit;
	}
	.list_menu_pls:hover >  .st_menu_content11 ,
	.list_menu:hover > .st_menu_content11 {
		display:block;
		width:120px;
		height:45px;
		background:#D5FFAA;
		left:5px;
		position:inherit;
		border-top:2px solid #61BB25;
		border-right:2px solid #063;
		border-left:2px solid #61BB25;
		border-bottom:2px solid #063;
  		border-top-left-radius: 5px;     /* 左上 */
  		border-top-right-radius: 5px;    /* 右上 */
  		border-bottom-right-radius: 5px; /* 右下 */
  		border-bottom-left-radius: 5px;  /* 左下 */
		z-index:777;
		overflow:visible;
	}
	label > a {
		display:block;
		width:auto;
	}
	#list_menu_open_chk{
		display:none;
		
	}
	.menu-btn {
		display:none;
	}
	.top_text {
		display:none;
	}
	
	
/*↑---top menu---*/

	/*-----*/
	.title_box_tbcap_red {
		display:table-caption;
		text-align:center;
		font-size:150%;
		font-weight:bold;
		
		border: 2px solid #F00;
		padding:2px;
		
		color:#626563;
		margin:40px 3px 3px 3px ;
	
	}
	.title_box_tbcll_left_red {
		display:table-cell;
		text-align:left;
		padding-left: 20px;
		color:#fb6c6c;
	}
	.title_box_tbcap_green {
		display:table-caption;
		text-align:center;
		font-size:150%;
		font-weight:bold;
		
		border: 2px solid #61BB25;
		padding:2px;
		
		color:#626563;
		margin:40px 3px 3px 3px ;
	}
	.title_box_tbcll_left_green {
		display:table-cell;
		text-align:left;
		padding-left: 20px;
		color:#61BB25;
	}
	
	.title_box_tbcap_violet {
		display:table-caption;
		text-align:center;
		font-size:150%;
		font-weight:bold;
		
		border: 2px solid #D386FF;
		padding:2px;
		
		color:#626563;
		margin:40px 3px 3px 3px ;
	}
	.title_box_tbcll_left_violet {
		display:table-cell;
		text-align:left;
		padding-left: 20px;
		color:#D386FF;
	}
	
	.title_box_tbcap_orange {
		display:table-caption;
		text-align:center;
		font-size:150%;
		font-weight:bold;
		
		border: 2px solid #F93;
		padding:2px;
		
		color:#626563;
		margin:40px 3px 3px 3px ;
	}
	.title_box_tbcll_left_orange {
		display:table-cell;
		text-align:left;
		padding-left: 20px;
		color:#F93;
	}
	/*-----*/
	


/* ↓---------------------------------------------- */
/* for pop up menu */
/* ↓---------------------------------------------- */
.popup_main {
	display: flex;
    height: 20px;
    margin: 0 auto;
	 
    /*width: 100px;*/
}
.popup_main ul{
	padding-left:40px;
	
}
ul.popup_menu {
	padding:0px;
	text-align:left;
}
.popup_main li {
	list-style: none;
	position: relative;
	/*border:1px solid black;*/
	/*width:50px;*/
	margin:0px;
	left:-40px;
	border-bottom:0px solid black;
	
}


.popup_menu > li {
	
  /*display: none;*/
	height: 0;
    overflow: hidden;
    transition: 0.5s;
	width:80px;
	z-index:7;
}

.popup_main ul:hover li{
	height: auto;
	transition: 0.5s;
    overflow: visible;
	
	border-bottom:1px solid black;
	background:#fff;
}
/* ----------------------------------------------↑ */
/* for pop up menu */
/* ----------------------------------------------↑ */



	.box_flex_info {
		display:flex;
		flex-wrap: wrap;
		float: left;
	
		width: calc(100% - 30px);
		min-width: 200px;
		max-width: 100%;
		position:relative;
		margin: 10px;
		justify-content: space-around; 
	
		text-align:left;

		/*border:1px solid #F0C;/*for debug*/
		padding:3px;

		flex-shrink:1;
	}

	
	.boxinfo_tbl_01 {
		display:table;
		/*float: left;*/
		width: calc(100% - 40px);
		
		min-width: 200px;
		height: 20px;
		position:relative;
		overflow: auto;
	
		color:#063;
		font-size: 12px;
		text-align: left;
	
		margin: auto;
		padding:3px;
	}
	.boxinfo_th_01 {
		display:table-caption;
		
		width: calc(100% - 20px);
		max-width:500px;
		height: 20px;
		/*position:relative;*/

		/*overflow: auto;*/
	
		color:#063;
		text-align:center;
		font-size:18px;
		font-weight:600;
	
		margin: auto;
		padding:3px;
		
		background:linear-gradient(#FFF,#D5FFAA);;
		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */

	}
	.boxinfo_tb_01 {
		display:block;
		position: sticky;
		
		/*float: left;*/
		width: calc(100% - 40px);
		max-width:400px;
		min-width: 200px;
		min-height: 100px;
		position:relative;
		
	
		color:#063;
		font-size: 12px;
		text-align: left;
	
		margin: auto;
		padding:3px;
		
	}
	
	/*add at2024Nov*/
	.img_top2 {
		display:block;
		text-align:center;
		
		position:relative;
		width:50%;
		margin-left:calc(50% /2);
		overflow:hidden;
		border:1px solid white;
	}
	/**/
	
	.img_top {
		display:block;
		text-align:center;
		
		position:relative;
		width:70%;
		margin-left:calc(15%);
		overflow:hidden;
		border:1px solid white;
	}
	
	.img_top:hover {
		
		border:1px solid #0C3;
	}
	.img_top img {
		
		/*display:flex;*/
		flex: 0 0 auto;
		height:auto;
		
		width :auto;
		min-width:200px;
		max-height:80%;
		max-width: 80%;
		text-align:center;
		font-size:10px;
		border:1px solid #D5FFAA;
		margin:10px 5px 10px 5px;
		object-fit:scale-down; /*for except IE*/
	}
	
	.text p{
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 10%;
		width:80%;
	
		left: 50%;
		transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
		text-align: center;
		color:  #D5FFAA;
		text-shadow:1px 1px 2px black;
		font-size: 1em;
		overflow-wrap: break-word;
		/*word-break: keep-all;*/
		opacity: 0;
	}

	.text p:nth-child(1) { animation: text-anim 22s 0s infinite;}
	.text p:nth-child(2) { animation: text-anim 22s 5s infinite;}
	.text p:nth-child(3) { animation: text-anim 22s 10s  infinite;}
	.text p:nth-child(4) { animation: text-anim 22s 15s  infinite;}


	@keyframes text-anim {
		5%, 15%{opacity: 1;}
		25%, 40% {opacity: 0;}
	}
	
	.img_top_bg   img {
		display:block;
		text-align:center;
		
		position:relative;
		height:90%;
		width:90%;
		margin:auto;
		opacity: 0.2;
		
		overflow:hidden;
		object-fit:scale-down; /*for except IE*/
	}
	.img_top_bg:hover img{
		opacity: 1;
		transition: 1s;
	}
	

/*breadcrumbs list*/
		.breadcrumbs {
			min-width:200px;
			font-size:10px;
		}
		.breadcrumbs ul {
			display: table;
			list-style:none;
			padding-left:5px;
		}
		.breadcrumbs ul li {
			margin: 0 5px 5px 0;
			/*font-size: 13px;*/
			float: left;
		}
		.breadcrumbs ul li:first-child::before {
			padding: 0 3px 0 0;
			content: "";
		}
		.breadcrumbs ul li::before {
			padding: 0 10px 0 0;
			content: ">";
		}
/*breadcrumbs list*/



@media screen and (min-width: 1000px) {
	.main_box {
		width:90%;
		margin-top:40px;
		margin-left:calc((100% - 90%) / 2);
		min-height: calc(100vh);
	}
	/*-old set
	.main_box {
		width:1000px;
		margin-top:40px;
		margin-left:calc((100% - 1000px) / 2);
		min-height: calc(100vh);
	}
	*/
}



/***--display small size--***/
/***--↓↓↓↓↓↓↓↓↓--***/
@media screen and (max-width: 550px) {

/*---main---*/

 header {
    top: 0px;
}


	#header-n {
		width: 100%;
		height:34px;
		padding:0;
		display:grid;
		overflow:visible;
		/*position:fixed;*/
		z-index:7777;
	}
	.header_boxmini {
		height:20px;
		width:100px;
		display:table;
		text-align:center;
		float:none;
		
		margin:auto;
	}
	.header_boxl,
	.header_boxr,
	.header_boxt {
		display:none;
	}
	.logo_img_box {
		height:20px;
		text-align:center;
		margin-top:2px;
	}
	
	.header_menu_chkbox {
		display:table-cell;
	}
	
	
	.menu-btn {
    	display:block;
   		height: 30px;
    	justify-content: center;
    	align-items: center;
		text-align:center;
    	z-index: 77;
    	/*background-color: #3584bb;*/
	}
	
	#footer ::after{
		content:"© NiCK Corporation, Limited All Rights Reserved.";
	}

	.main_box {
		margin-top:20px;
	}
	.top_text {
		display:block;
		color:#626563;
		margin-left:10%;
		margin-right:10%;
		
		border:2px solid #D5FFAA;
		
  		border-top-left-radius: 5px;     /* 左上 */
  		border-top-right-radius: 5px;    /* 右上 */
  		border-bottom-right-radius: 5px; /* 右下 */
  		border-bottom-left-radius: 5px;  /* 左下 */
	}
	
	/*
	.main_img_box_top li{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 12%;
		left:45%;
		
		text-align: center;
		color:  #D5FFAA;
		text-shadow:3px 3px 3px RGB(111,134,165);
		font-weight:300;
		font-size: 12px;
		overflow-wrap: break-word;
		
	}
	.main_img_box li{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 12%;
		left:55%;
		
		text-align: center;
		color:  #D5FFAA;
		text-shadow:3px 3px 3px RGB(111,134,165);
		font-weight:300;
		font-size: 12px;
		overflow-wrap: break-word;
		
	}
	*/
							 
/*---main---*/

/*---menu_setting---*/	
	.menu-btn::after {
		content: '▼';
		/*line-height: 3;*/
		color:#060;
		text-shadow:1px 1px #c3c3c3;
		font-size: 16px;
		position:absolute;
		top: 10px;
		left: calc(100% / 2 + 32px);
		z-index:77;
		
		transform-origin:50% 50%;
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
		animation: flash 2s linear infinite;
	}
	
	#list_menu_open_chk:checked ~ .menu-btn::after {
		content: '▼';
		transform:rotate(180deg);
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
		animation:none;
	}
	

	@keyframes flash {
 	 	0%,100% {opacity: 1;}
		50% { opacity: 0;}
	}
	
	.menu-btn span {
		content: '　';
		color:#060;
		opacity: 0.7;
		
		height:6px;
		width:20px;
		position:absolute;
		top: 3px;
		left: calc(100% / 2 + 30px);
		border-bottom:3px solid #060;
		
		z-index:77;
		transform-origin:50% 50%;
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
	}
	.menu-btn span::before {
		content: '　';
		color:#060;
		height:5px;
		width:20px;
		position:absolute;
		top: 2px;
		left: calc(100% / 2 - 10px);
		border-top:3px solid #060;
		border-bottom:3px solid #060;
		
		z-index:77;
		transform-origin:50% 50%;
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
	}
	
	
	
	.menu_sub::after {
		content: '＋';
		/*line-height: 3;*/
		color:#060;
		text-shadow:1px 1px #c3c3c3;
		font-size: 16px;
		position:absolute;
		
		top: 10px;
		right: 10px;
		z-index:77;
		transform-origin:50% 50%;
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
	}
	
	#menu_200:checked ~ .menu_sub::after ,
	#menu_300:checked ~ .menu_sub::after {
		content: '＋';
		transform:rotate(315deg);
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
		animation:none;
	}
	
	
	#list_menu_open_chk:checked ~ .menu-btn span {
		opacity: 0.3;
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
	}
	
	#menu_200:checked ~ .st_menu_content11 ,
	#menu_300:checked ~ .st_menu_content11{
		display:block;
		background:#D5FFAA;
		width:calc(100% - 6px);
		height:30px;
		left:5px;
		position:inherit;
		border-top:2px solid #D5FFAA;/**/
		border-right:2px solid #063;
		border-left:2px solid #61BB25;
		border-bottom:2px solid #063;
  		border-top-left-radius: 5px;     /* 左上 */
  		border-top-right-radius: 5px;    /* 右上 */
  		border-bottom-right-radius: 5px; /* 右下 */
  		border-bottom-left-radius: 5px;  /* 左下 */
		z-index:7777;
		overflow:visible;
		transition: all 0.5s;
			-webkit-transition: all 0.5s;
	}
	
	.st_menu_content11 > label {
		display:table-cell;
		text-align:left;
		vertical-align:middle;
		font-size:1em;
		line-height:14px;
		font-weight:bold;
		color:#626563;
		padding-left:10px;
		width:100%;
		height:30px;
	}
	.st_menu_content11 > label > a > br {
		display:none;
	}
	
	.blank_menu {
		display:none;
	}
	.menu_box {
		display:none;
	}
	

	.list_menu_pls:hover >  .st_menu_content11 ,
	.list_menu:hover > .st_menu_content11 {
		display:none;
		background:#FFF;
	}
	
	
	.list_menu_pls:hover ,
	.list_menu:hover {
		/*height:auto;*/
		/*background:#FFF;*/
		z-index:7777;
	}
	
	
	.list_menu_pls ,
	.list_menu {
		display:block;
		position:relative;
		float:left;
		transition: 1s;
		height:30px;
		width:calc( 100% - 8px);
		height:auto;
		min-height:30px;
		z-index:77;
	}
	
	#list_menu_open_chk:checked ~ .list_menu , 
	#list_menu_open_chk:checked ~ .menu_box {
		display:block;
		height:30px;
		
	}
	#menu_200:checked ~ .menu_sub , 
	#menu_200:cheched ~ .st_menu_content11 {
		display:block;
		background:#D5FFAA;
	}
	

	.list_label0,
	.list_menu_pls input ,
	.list_menu input,
	.st_menu_content11 {
		display:none;
			
	}
	.list_menu_pls > label ,
	.list_menu > label ,
	.st_menu_content11 > label {
		display:table-cell;
		text-align:left;
		vertical-align:middle;
		font-size:1.2em;
		line-height:14px;
		font-weight:bold;
		color:#626563;
		width:calc(100vw - 70px);
		height:30px;
	}


/*---menu_setting---*/	
	
	
	.img_top {
		width:80%;
		margin-left:10%;
	}
	
	.text p{
		font-size:12px;
	}


/*breadcrumbs list*/
		.breadcrumbs {
			min-width:200px;
			margin: 5px auto 0;
			font-size:8px;
		}

/*breadcrumbs list*/

	
}
/***--↑↑↑↑↑↑↑↑↑--***/
/***--display small size--***/







/*----old-------*/
/***--↓↓↓↓↓↓↓↓↓--***/
















/* ↓---------------------------------------------- */
/* main setting */
/* ↓---------------------------------------------- */
	body{
 		margin:0; 
	}
	#wrapper {
		width:auto;
		min-width:250px;
		height:auto;
		margin-top:0px;
		margin-bottom:0px;
		overflow:hidden;
	}
	#header {
		width: calc(100% - 10px);
		height:30px;
		display:table;
		position:fixed;
		z-index:7777;
		
		
		margin-top:0px;
		margin-bottom:0;
		border:0;
		vertical-align:bottom;
		padding:5px;
		background: linear-gradient(#FFF,#D5FFAA);
		background-size:cover;
		border-bottom:1px solid #61BB25;
	}
	/* for main menu */
	.box_topmenu {
		
		border-bottom:3px solid #FFF;/*for debug*/
		background:#FFF;
		padding:0px;
		position:fixed;
		top:40px;
		width:100%;
		z-index:7777;

		flex-shrink:1;
		
	}
	

	.box_topmenu2 {
		display:block;
		height:32px;
		border: 1px solid #D5FFAA;
	}
	/* for main menu */
	
	.h_boxlr {
		height:30px;
		width:100px;
		display:table-cell;
		float:left;
		margin:0;
	}
	.h_boxt {
		height:30px;
		width:calc(100% - 200px);
		min-width:100px;
		display:table-cell;
		float:left;
	}
	@media screen and (min-width: 540px) {
	#footer {
		clear: both;
		
		bottom: 0px;
	
		width:auto;
		min-width: 100%;
		height: 20px;
		padding: 2px 5px 7px 5px;
		
		background-color:#D5FFAA ; /*#CCF0A0;*/
		border-top:1px solid #CCF0A0;
		display:table-cell;
	
		color:#626563;
		font-size: 14px;
		font-weight: 300; 
		font-style: italic; 
		text-align: center;
		vertical-align:middle;
	
		position: fixed;
		z-index:777;
	}
	}
	@media screen and (max-width: 540px) {
	#footer {
		clear: both;
		
		bottom: 0px;
	
		width:auto;
		min-width: 100%;
		height: 20px;
		padding: 2px 5px 7px 5px;
		
		background-color:#CCF0A0;
		display:table-cell;
	
		color:#626563;
		font-size: 10px;
		font-weight: 300; 
		font-style: italic; 
		text-align: center;
		vertical-align:middle;
	
		position: fixed;
		z-index:777;
	}
	}
	
	

	.tele {
		width: 100px;
		height: 15px;
		position:absolute;
		
		color:#3C6000;
		right: 0px;
		top: -2px;
		margin:15px 0px 0px 3px;
		padding:5px;
		opacity: 0.9;
		font-size:10px;
		text-align:center;
		vertical-align:text-bottom;	
		/*background-color:#CCF0A0;*/
		border:1px solid #61BB25;;
		border-top-left-radius: 5px;     /* 左上 */
  		border-top-right-radius: 5px;    /* 右上 */
  		border-bottom-right-radius: 5px; /* 右下 */
  		border-bottom-left-radius: 5px;  /* 左下 */
		
	}
	.tele::after{
		content: "TEL:048-224-3460";
	}
	
	.title_box_tb_top ,
	.title_box_tb {
		display:table;
		width:calc(100% - 20px);
		text-align:center;
		border:1px solid white;
	}
	
	.title_box_tb:hover {
		border:1px solid #0C3;
	}
	
	
	.title_box_tbcap {
		display:table-caption;
		text-align:center;
		font-size:150%;
		font-weight:600;
		border-bottom:3px solid #D5FFAA;
	}
	
	.title_box_tbcll {
		display:table-cell;
		text-align:left;
		padding-left: 20px;
		/*color:#228FFF;*/
	}
	
	.title_box_tbcll_bl {
		display:table-cell;
		text-align:right;
		color:#228FFF;
	}
	.title_box_tbcll_rd {
		display:table-cell;
		text-align:right;
		color:#F00;
	}
	.title_box_tbcll_blk {
		display:table-cell;
		text-align:right;
		color:#000;
	}
	.title_box_tbcll_gr {
		display:table-cell;
		text-align:right;
		color:#61BB25;
	}
	.title_box_tbcll_or {
		display:table-cell;
		text-align:right;
		color:#F93;
	}
	.title_box_tbcll_vi {
		display:table-cell;
		text-align:right;
		color:#D386FF;
	}
	
	.main_box_cell_main  .title_box_tbcap > a:link {
		color:#000;
	}
	.main_box_cell_main  .title_box_tbcap > a:visited {
		color:#61BB25;
	}
	
	

	
	/*link list*/
		.link_list {
			min-width:200px;
			margin: auto ;
			text-align:center;
			text-align:-webkit-center;
		}
		.link_list ul {
			display: table-cell;
			text-align:center;
			font-size: 13px;
			list-style:none;
			padding-left:5px;
			
		}
		.link_list ul li {
			margin: 0 10px 0 0 ;
			font-size: 13px;
			float:left;
			background-color:rgba(95,186,43,0.3);;
  			border-top-left-radius: 10px;     /* 左上 */
  			border-top-right-radius: 10px;    /* 右上 */
  			border-bottom-right-radius: 10px; /* 右下 */
  			border-bottom-left-radius: 10px;  /* 左下 */
		}
		.link_list ul li::before,.link_list ul li::after {
			content:"\00a0\00a0";
		}

/* ↓---------------------------------------------- */
/* for anchor link */
/* ↓---------------------------------------------- */	
a.anchor{
    display: block;
    padding-top: 80px;
    /*margin-top: -80px;**/
}

/* ----------------------------------------------↑ */
/* for anchorlink */
/* ----------------------------------------------↑ */




	
	/*table design*/
	.n_table_form {
		/*border:3px solid #FFF;*/
		width:1500px;
		vertical-align:middle;
		border-spacing:0px;
		margin:auto;
	}
	.n_table_form_2 {
		/*border:3px solid #FFF;*/
		width:auto;
		vertical-align:middle;
		border-spacing:0px;
		margin:auto;
	}
	
	.n_table_form caption,.n_table_form_2 caption{
		background:#D5FFAA;
		height:30px;
		width:auto;
		font-size:20px;
		font-weight:900;
		vertical-align:middle;
		border-bottom:3px solid #FFF;
		
	}
	
	.n_table_row {
		background:#D5FFAA;
		width:150px;
		height:30px;
		border:1px solid #FFF;
		/*position:sticky;*/
	}
	.n_table_cell {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border:1px solid #FFF;
	}
	
	
	.n_table_cell_red_tl {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #F00;
		border-left:1px solid #F00;
		border-right:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	.n_table_cell_red_t {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #F00;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	.n_table_cell_red_tr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #F00;
		border-right:1px solid #F00;
		border-left:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	
	.n_table_cell_red_l {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #F00;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	.n_table_cell_red_lb {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #F00;
		border-top:1px solid #FFF;
		border-bottom:1px solid #F00;
		border-right:1px solid #FFF;
	}
	
	.n_table_cell_red_b {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #F00;
	}
	.n_table_cell_red_br {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #F00;
		border-top:1px solid #FFF;
		border-bottom:1px solid #F00;
	}
	.n_table_cell_red_r {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #F00;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	
	
	
	
	.n_table_cell_gr_tl {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #0C0;
		border-left:1px solid #0C0;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_gr_t {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #0C0;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_gr_tr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #0C0;
		border-right:1px solid #0C0;
		border-bottom:1px solid #FFF;
		border-left:1px solid #FFF;
	}
	
	.n_table_cell_gr_l {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #0C0;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_gr_lb {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #0C0;
		border-top:1px solid #FFF;
		border-bottom:1px solid #0C0;
		border-right:1px solid #FFF;
	}
	
	.n_table_cell_gr_b {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #0C0;
	}
	.n_table_cell_gr_br {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #0C0;
		border-top:1px solid #FFF;
		border-bottom:1px solid #0C0;
	}
	.n_table_cell_gr_r {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #0C0;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	
	
	
	
	.n_table_cell_bl_tl {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #228FFF;
		border-left:1px solid #228FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_bl_t {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #228FFF;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_bl_tr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #228FFF;
		border-right:1px solid #228FFF;
		border-bottom:1px solid #FFF;
		border-left:1px solid #FFF;
	}
	
	.n_table_cell_bl_l {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #228FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_bl_lb {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #228FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #228FFF;
		border-right:1px solid #FFF;
	}
	
	.n_table_cell_bl_b {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #228FFF;
	}
	.n_table_cell_bl_br {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #228FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #228FFF;
	}
	.n_table_cell_bl_r {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #228FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	
	
	
	
		
	.n_table_cell_vio_tl {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #D386FF;
		border-left:1px solid #D386FF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_vio_tlr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #D386FF;
		border-left:1px solid #D386FF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #D386FF;
	}
	
	
	.n_table_cell_vio_t {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #D386FF;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_vio_tr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #D386FF;
		border-right:1px solid #D386FF;
		border-bottom:1px solid #FFF;
		border-left:1px solid #FFF;
	}
	.n_table_cell_vio_lr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #D386FF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #D386FF;
	}
	.n_table_cell_vio_l {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #D386FF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_vio_lb {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #D386FF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #D386FF;
		border-right:1px solid #FFF;
	}
	
	.n_table_cell_vio_b {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #D386FF;
	}
	.n_table_cell_vio_br {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #D386FF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #D386FF;
	}
	.n_table_cell_vio_r {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #D386FF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	.n_table_cell_vio_blr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #D386FF;
		border-right:1px solid #D386FF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #D386FF;
	}
	
	
	
	
	.n_table_cell_or_t {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #F93;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_or_tl {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #F93;
		border-left:1px solid #F93;
		border-right:1px solid #FFF;
	}
	.n_table_cell_or_tr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-top:1px solid #F93;
		border-right:1px solid #F93;
		border-bottom:1px solid #FFF;
		border-left:1px solid #FFF;
	}
	.n_table_cell_or_lr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #F93;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #F93;
	}
	.n_table_cell_or_l {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #F93;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	.n_table_cell_or_lb {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #F93;
		border-top:1px solid #FFF;
		border-bottom:1px solid #F93;
		border-right:1px solid #FFF;
	}
	
	.n_table_cell_or_b {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #F93;
	}
	.n_table_cell_or_br {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #F93;
		border-top:1px solid #FFF;
		border-bottom:1px solid #F93;
	}
	.n_table_cell_or_r {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #FFF;
		border-right:1px solid #F93;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	.n_table_cell_or_blr {
		background:#EAF8D6;
		word-break:break-word;
		width:120px;
		border-left:1px solid #F93;
		border-right:1px solid #F93;
		border-top:1px solid #FFF;
		border-bottom:1px solid #F93;
	}
	
	
	.n_table_form th:first-child {
  		/* 横スクロール時に固定する */
  		position: -webkit-sticky;
  		position: sticky;
  		left: 0;
	}

	.grad_box_red {
		background: linear-gradient(#FFF 70%, #F00);
	}
	.grad_box_gr {
		background: linear-gradient(#FFF 70%, #61BB25);
	}
	.grad_box_vio {
		background: linear-gradient(#FFF 70%, #D386FF);
	}
	.grad_box_or {
		background: linear-gradient(#FFF 70%, #F93);
	}
	.grad_box_skbl {
		background: linear-gradient(#FFF 70%, #6FC);
	}
	.grad_box_yl {
		background: linear-gradient(#FFF 70%, #FF3);
	}
	.grad_box_bl {
		background: linear-gradient(#FFF 70%, #228FFF);
	}
/* ----------------------------------------------↑ */
/* main setting */
/* ----------------------------------------------↑ */

/* ↓---------------------------------------------- */
/* for tool tip */
/* ↓---------------------------------------------- */	

.img_ico {
	display:inline;
	flex: 0 0 auto;
	height:auto;
		

	text-align:center;
	font-size:10px;
	vertical-align:middle;
		
	margin:2px 4px 2px 2px;
	object-fit:scale-down; /*for except IE*/
	
}
.link_ico_box {
	margin: 1px 2px 3px 4px ;
	text-align:center;
	text-align:-webkit-center;
}
.link_ico_box ul {
	display:inline-table;
	text-align:center;
	font-size: 13px;
	list-style:none;
	padding-left:5px;
	border:3px solid #B3DB6F;/*#7CE039;*/
  	border-top-left-radius:8px;
  	border-bottom-left-radius:8px;
  	border-top-right-radius:8px;
  	border-bottom-right-radius:8px;

}
.link_ico_box ul.red {
	display:inline-table;
	text-align:center;
	font-size: 13px;
	list-style:none;
	padding-left:5px;
	border:3px solid #fb6c6c;
  	border-top-left-radius:8px;
  	border-bottom-left-radius:8px;
  	border-top-right-radius:8px;
  	border-bottom-right-radius:8px;
}
.link_ico_box ul.orange {
	display:inline-table;
	text-align:center;
	font-size: 13px;
	list-style:none;
	padding-left:5px;
	border:3px solid #ffe470;
  	border-top-left-radius:8px;
  	border-bottom-left-radius:8px;
  	border-top-right-radius:8px;
  	border-bottom-right-radius:8px;
}
.link_ico_box ul.gray {
	display:inline-table;
	text-align:center;
	font-size: 13px;
	list-style:none;
	padding-left:5px;
	border:3px solid #e7e8e5;
  	border-top-left-radius:8px;
  	border-bottom-left-radius:8px;
  	border-top-right-radius:8px;
  	border-bottom-right-radius:8px;
}


.link_ico_box li {
  position:relative;
  float:left;
  margin:0px 0px;
  padding: 0px;
  list-style-type: none;
}
/*.n_cell3 li:hover {
  background: #ddbbbb;
}*/
.tooltips0,
.tooltips {
  display: none;
  position:absolute;
  font-size:12px;
  top: -50px;
  left:-50px;
  width:140px;
  z-index: 1000;
  padding: 0.5em;
  color: #626563;
  background: rgba(255,236,131,0.85);/*#F93;*/
  border-radius: 0.5em;
}
.tooltips:before {
  /*width: 3px;*/
  height:12px;
  content: "";
  display: block;
  position:absolute;
  left: 60px;
  top: 48px;
  z-index: 1000;
  border-left:12px solid transparent;
  border-top:12px solid rgba(255,236,131,0.85);
  border-right:12px solid transparent;
}
.link_ico_box li:hover .tooltips ,
.n_cell3 li:hover .tooltips{
  display: block;
}

/* ----------------------------------------------↑ */
/* for tool tip */
/* ----------------------------------------------↑ */




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


/* ↓---------------------------------------------- */
/* for page top */
/* ↓---------------------------------------------- */	
	#page_top{
  		width: 90px;
  		height: 70px;
  		position: fixed;
  		right: 0;
  		bottom: 0px;
  		
  		z-index:1000;
  	}
	#page_top a{
  		position: relative;
  		display: block;
 		width: 90px;
  		height: 40px;
		opacity: 0.5;
  		text-decoration: none;
	}
	#page_top a::after{
  		content: "▲\APAGE TOP";
  		white-space: pre;	
  		font-size: 13px;
  
  		position: absolute;
  		top: 0px;
  		bottom: 0;
  		right: 0;
  		left: 0;
  		margin: auto;
  		text-align: center;
		color:#61BB25;/*#f93;*/
  		/*color: #61BB25;*/
	}
	#page_top a:hover:after{
		color:#61BB25;
		text-shadow:1px 1px 0px #F93;
	}
	#page_top a:hover {
  		position: relative;
  		display: block;
  		width: 90px;
  		height: 40px;
  		font-weight:500;
  		opacity: 1;
  		text-decoration:none;
  		background-color:rgba(95,186,43,0.3);;
  		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */
	}
/* ----------------------------------------------↑ */
/* for page top */
/* ----------------------------------------------↑ */



/* ↓---------------------------------------------- */
/* for bottom logo */
/* ↓---------------------------------------------- */	
	#bottom_logo{
  		width: 90px;
  		height: 40px;
		
  		position: fixed;
  		left: 0px;
  		bottom: 25px;
		background-image:url(../contents/img/NiCK_logo.gif);
		background-repeat:no-repeat;
  		opacity: 0.1;
  		z-index:3;
  	}
	#bottom_logo a{
  		position: relative;
  		display: block;
 		width: 90px;
  		height: 40px;
		z-index:3;
  		text-decoration: none;
	}
	#bottom_logo:hover{
  		
  		opacity: 1;
  		z-index:3;
  	}
	
	
/* ----------------------------------------------↑ */
/* for bottom logo */
/* ----------------------------------------------↑ */



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


/* ↓---------------------------------------------- */
/*Common setting for main*/
/* ↓---------------------------------------------- */
	ul {
		margin:2px;
	}
	.clear {
		clear: both;
	}
	
	/*for link*/
	/* 1:link 2:visited 3:hover 4:active */
	
	.main_box_cell_main  a {
		text-decoration:none;
		/*display:flex;*/
		/*display:block;*/
	}
	.main_box_cell_main  a:link {
		color: #164D04;
		font-weight:bold;
		
	}
	.main_box_cell_main  a:visited {
		color: #993;
	}
	.main_box_cell_main  a:visited > .box_prd_n {
		color: #993;
		border:1px solid #993;
	}
	.main_box_cell_main  a:hover{
		color: #0C3;
		text-decoration:underline;
	}
	.main_box_cell_main  a:hover .p_index_box_img{
		border:1px solid #0C3;
	}
	
	.main_box_cell_main  a:hover > .resizeimg {
		color: #0C3;
		border:1px solid #0C3;
		text-decoration:underline;
	}
	.main_box_cell_main  a:active {
		color: #0C3;
	}
	
	
	.box_flex_t a:hover > .img_cont {
		color: #0C3;
		border:1px solid #0C3;
	}
	.box_flex_t > a > .img_cont {
		border:1px solid #fff;
	}
	
	
	
	/* for index word  */
	h2{
  		text-align: center;
  		margin-bottom: 30px;
  	}

	h3 {
		width:150px;
		height:30px;
		font-size:20px;
		font-weight:200;
		background-color: #61BB25;
		position:relative;
		float:left;
	}
	
	/* for info section*/
 	.info_list {
		width: calc(100% - 20px);
		height:auto;
		position:relative;
		text-align:left;
	
		ist-style-image:url(/contents/img/o/mark_2.gif);
	}

	.info_list_title {
		display:table;
		position:absolute;
		float:none;
	
		width:95%;
		height:20px;
		margin:0 0px 5px 10px;
	
		text-align:center;
		font-size:18px;
		font-weight:600;
		z-index:55;
	
		background:linear-gradient(#FFF,#D5FFAA);;
		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */
  
		border:1px solid #D5FFAA;
	}
	
/* ----------------------------------------------↑ */
/*Common setting for main*/
/* ----------------------------------------------↑ */


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


/* ↓---------------------------------------------- */
/*Common setting for contents*/
/* ↓---------------------------------------------- */

	.main_box_table {
		min-height: calc(100vh - 20px);
		width:100%;
		display:table;	
		table-layout: fixed ;
	}

	.resizeimg {
		width:auto;
		height:auto;
		max-width:95%;
		max-height:95%;
		min-height:40px;
		margin:0px;
		padding:10px;
		border:1px solid  #FFF;
		object-fit: cover; 
	}
	
	img{
		margin:0px;
		/*border:none;*/
	}
	.img_line {
		display:flex;
		
		height:auto;
		width :auto;
		min-width:200px;
		max-height:90%;
		max-width: 90%;
		
		text-align:center;
		font-size:10px;
		
		margin:10px 5px 10px 5px;
		object-fit:scale-down; /*for except IE*/
	
	}
	
	.img_cont {
		display:flex;
		flex: 0 0 auto;
		height:auto;
		
		width :auto;
		min-width:100px;
		max-height:90%;
		max-width: 90%;
		min-height:30px;
		text-align:center;
		font-size:10px;
		
		margin:10px 5px 10px 5px;
		object-fit:scale-down; /*for except IE*/
	
	}
	.img_cont2 {
		
		/*display:flex;*/
		flex: 0 0 auto;
		height:auto;
		
		width :auto;
		min-width:200px;
		max-height:90%;
		max-width: 90%;
		min-height:30px;
		text-align:center;
		font-size:10px;
		
		margin:10px 5px 10px 5px;
		object-fit:scale-down; /*for except IE*/
	
	}

	.img_cont3 {
		
		/*display:flex;*/
		flex: 0 0 auto;
		height:auto;
		
		width :auto;
		min-width:200px;
		max-height:90%;
		max-width: 90%;
		/*min-height:30px;*/
		text-align:center;
		font-size:10px;
		
		margin:10px 5px 10px 5px;
		object-fit:scale-down; /*for except IE*/
	
	}
	
	.img_cont2025 {
		display:flex;
		flex: 0 0 auto;
		height:auto;
		
		width :auto;
		/*
		min-width:100px;
		max-height:90%;
		max-width: 90%;
		min-height:30px;
		*/
		text-align:center;
		font-size:10px;
		
		margin:10px 5px 10px 5px;
		object-fit:scale-down; /*for except IE*/
	
	}
	
	.img_cont_line {
		
		/*display:flex;*/
		flex: 0 0 auto;
		height:auto;
		
		width :auto;
		min-width:200px;
		max-height:90%;
		max-width: 90%;
		/*min-height:30px;*/
		text-align:center;
		font-size:10px;
		
		margin:5px;
		object-fit:scale-down; /*for except IE*/
	
	}



	.img_mini {
		
		/*display:flex;*/
		height:auto;
		
		width : 100%;
		max-width: 150px;
		min-width:90px;
		text-align:center;
		
		margin:0;
		object-fit:scale-down; /*for except IE*/
	
	}
	
	.mailbox {
		width:90%;
		display:block;
		
		
		position:relative;
		margin: 10px;
	
		color:#063;
		font-size: 12px;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		overflow: auto;
		padding:3px;
	}
	
	.scroll_box01 {
		
		width:auto;
		min-height:40px;
		
		position:relative;
		margin: 10px;
		padding:0px;
	
		color:#063;
		font-size: 12px;
		text-align: center;
		border:#CCF0A0 solid 1px;
		overflow:scroll;
		
		
   	}
	.scroll_box01::-webkit-scrollbar {
  		background:#FFF;
	}
	.scroll_box01::-webkit-scrollbar:vertical {
		width:0px;
	}
	.scroll_box01::-webkit-scrollbar:horizontal {
		height:10px;
	}
	.scroll_box01::-webkit-scrollbar-thumb {
		width:5px;
		height:5px;
    	background:#7CE039;
	}
/*	.scroll_box01::-webkit-scrollbar-button {
		width:20px;
		height:5px;
		color:		#FF3;
    	background:#61BB25;
	}
/*	.scroll_box01::-webkit-scrollbar:horizontal {
    	
			height:10px;
	}
	
	.scroll_box01::-webkit-scrollbar-thumb {
    		width: 0px;
			height:10px;
			color:#093;
	}
/* ----------------------------------------------↑ */
/*Common setting for contents*/
/* ----------------------------------------------↑ */



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


/* ↓---------------------------------------------- */
/*Common setting for contents box*/
/* ↓---------------------------------------------- */
	.box_coution {
		display:flex;
		flex-wrap: wrap;
		width: calc(100% - 30px);
		
		position:relative;
		margin: 10px;
		justify-content: space-around; 
	
		text-align:left;

		border:1px solid red;
		padding:5px;

		flex-shrink:1;
	}
	
	.box_flex {
		display:flex;
		flex-wrap: wrap;
		float: left;
	
		width: calc(100% - 30px);
		min-width: 200px;
		max-width: 100%;
		position:relative;
		margin: 10px;
		justify-content: space-around; 
	
		text-align:center;

		/*border:1px solid #F0C;/*for debug*/
		padding:3px;

		flex-shrink:1;
	}
	
	.box_flex2025 {
		display:flex;
		flex-wrap: wrap;
		float: left;
	
		width: calc(100% - 30px);
		
		min-width: 200px;
		max-width: 100%;
		
		position:relative;
		margin: 10px;
		justify-content: space-around; 
	
		text-align:center;

		/*border:1px solid #F0C;/*for debug*/
		padding:3px;

		flex-shrink:1;
	}
	/*new logo showbox*/
	.box_newpic {
		display:box;
		flex-wrap: wrap;
		float: left;
	
		width: calc(100% - 30px);
		min-width: 100px;
		max-width: 100%;
		position:relative;
		margin: 10px;
		justify-content: space-around; 
	
		text-align:center;

		/*border:1px solid #F0C;/*for debug*/
		padding:3px;

		flex-shrink:1;
	}
	
	.box_flex_line {
		display:flex;
		flex-wrap: wrap;
		/*float: center;*/
	
		/*width: calc(100% - 30px);*/
		min-width: 200px;
		max-width: 100%;
		position:relative;
		margin: 10px;
		justify-content: space-around; 
	
		text-align:center;

		/*border:1px solid #F0C;/*for debug*/
		padding:0px;
		margin:0px;

		flex-shrink:1;
	}
	
	.box_flex_t {
		/*display:flex;*//*can't use for ie*/
		flex-wrap: wrap;
		float: left;
	
		width: calc(100% - 30px);
		min-width: 200px;
		max-width: 100%;
		position:relative;
		margin: 10px;
		justify-content: center; 
	
		text-align:center;

		/*border:1px solid #F0C;/*for debug*/
		padding:3px;

		flex-shrink:1;
	}
	.box_flex_cont {
		display:flex;
		flex-wrap: wrap;
		/*flex: 1 1 auto;*/
		max-width:400px;
		padding:10px;
		/*border:#663 solid 1px;/*for debug*/
  	}
	.box_flex_cont .box_title {
		display:table-cell;
		position:relative;

		font-size:16px;
		line-height:16px;
	
		font-weight:200;
		
		min-height:20px;
		
		text-align:center;
		vertical-align:middle;
		margin:0;
	
		padding:5px 0 0 0 ;
	}
	
	.index_box {
		display:flex;
		flex-wrap: wrap;
		float: left;
	
		width: calc(100% - 30px);
		min-width: 200px;
		max-width: 100%;
		position:relative;
		margin: 10px;
		justify-content: space-around; 
	
		/*border:1px solid #F0C;/*for debug*/
		padding:3px;
	
	
		flex-basis :content;
		flex-shrink:1;
	}
	.box_title_p {
		display:inline-block;
		
		width:100%;
	  	height:30px;
		color:#626563;
		white-space:nowrap;
		
		font-size:100%;
		text-align:center;
		vertical-align:middle;
		padding:5px;
		margin:5px;
						
		background-color:#D5FFAA;;
		border-top-left-radius: 20px;     /* 左上 */
  		border-top-right-radius: 20px;    /* 右上 */
  		border-bottom-right-radius: 20px; /* 右下 */
  		border-bottom-left-radius: 20px;  /* 左下 */
		
	}
	.p_index_box {
		display:table;
			
		width: auto;
		min-width: 200px;
		max-width: 100%;
		position:relative;
		margin: 10px;
		border:1px solid rgba(0,0,0,0);/*for debug*/
		padding:3px;
	}
	
	.p_index_box_title {
		display:table-header-group;
		
		width:100%;
	  	height:30px;
		color:#626563;
		white-space:nowrap;
		padding-top:0px;
		font-size:100%;
		text-align:center;
	}
	.p_index_box_img {
		display:table-cell;
		
		
		display:block;
		flex: 0 0 auto;
		height:auto;
		width :250px;
		min-height:40px;
		
		text-align:center;
		margin:10px 5px 10px 5px;
		object-fit:scale-down; /*for except IE*/
		border:1px solid rgba(0,0,0,0);
	}
	
	
	.box_title_p  h1:before{
		content:"<< ";
		color:#61BB25;
	}
	.box_title_p  h1:after{
		content:" >>";
		color:#61BB25;
	}
	
	/*
	.box_iframe {
		display:flex;
		justify-content: space-around;
		width:360px;
		height:250px;
		overflow:hidden;
		padding:0;
		
	}
	.box_iframe::after {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            content: '';
            width: 100%;
            height: 50%;
            background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%, #fff 100%);
        }
	*/
	
	.box_title_p2 {
		width:100%;
		height:30px;
		color:#626563;
		background-color:#D5FFAA;
		white-space:nowrap;
	}

	.box01 .box_title {
		display:inline-block;
		position:relative;

		font-size:3em;
		line-height:1em;
		font-weight:200;
		width:100%;
			
		text-align:center;
		vertical-align:middle;
		white-space: nowrap;
		padding:0;
		margin:12px 0 10px 0;
	}

	.box02 .box_title {
		display:block;
		position:relative;

		font-size:16px;
		line-height:16px;
	
		font-weight:200;
		width:100%;
		min-height:20px;
		
		text-align:center;
		vertical-align:middle;
		margin:0;
	
		padding:5px 0 0 0 ;
	}
	
	.box02 .box_contain {
		display:flex;
		position:relative;
	}
	
		
	/* for products container */
	.box_img_contents {
	  	text-align:center;
	}
	.box_img_title {
		display:inline-block;
		width: auto;
		height: auto;
	
		position:relative;
		margin: auto;
		color:#063;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		
		padding:3px;
		overflow:hidden;
	}

 	.box_prd_a2 {
		display:flex;
		justify-content: space-around;  
		flex-wrap: wrap;
		height: auto;
		min-width: 300px;
		max-width: 400px;
		position:relative;
		margin: 10px;
		color:#063;
		text-align: center;
		padding:3px;
		overflow:hidden;
	
		border:1px solid #F30;
	}
	.box_prd_a1 {
		display:flex;
		justify-content: space-around;  
		flex-wrap: wrap;
		height: auto;
		min-width: 300px;
		max-width: 400px;
		position:relative;
		margin: 10px;
		color:#063;
		text-align: center;
		padding:3px;
		overflow:hidden;
		border:1px solid #369;
	}

 	.box_prd_b {
	 	display:flex;
		justify-content: space-around;  
		flex-wrap: wrap;
	
		height: auto;
		min-width: 300px;
		max-width: 400px;
		position:relative;
		margin: 10px;
		color:#063;
		text-align: center;
		padding:3px;
		overflow:hidden;
	
		border:1px solid #0C0;
	}
	
	.box_prd_f {
	 	display:flex;
		justify-content: space-around;  
		flex-wrap: wrap;
	
		height: auto;
		min-width: 300px;
		max-width: 400px;
		position:relative;
		margin: 10px;
		color:#063;
		text-align: center;
		padding:3px;
		overflow:hidden;
	
		border:1px solid #D386FF;
	}
	
	.box_prd_n {
	 	display:flex;
		justify-content: space-around;  
		flex-wrap: wrap;
	
		height: 250px;
		min-width: 180px;
		max-width: 250px;
		position:relative;
		margin: 10px;
		
		/*text-align: center;*/
		padding:10px;
		
		
		overflow:hidden;
		border:1px solid #92ED55;;
		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */
		
	}
	.box_prd_n2 {
	 	display:flex;
		justify-content: space-around;  
		flex-wrap: wrap;
	
		height: auto;
		min-width: 100px;
		max-width: 200px;
		position:relative;
		margin: 10px;
		
		/*text-align: center;*/
		padding:10px;
		
		
		overflow:hidden;
		border:1px solid #92ED55;;
		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */
		
	}
	
	.box_prd_n_txt {
		font-size:80%;
		color:#626563;
		margin:0 20px;
		text-align:left;
		
	}
	.box_prd_n::after {
    	position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        content: '';
        width: 100%;
        height: 50%;
        background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%, #fff 100%);
  	}
		
	.box_prd_n::before {
    	position: absolute;
        bottom: 0;
        right: 10px;
        z-index: 3;
		color:#626563;
		opacity: 0.7;
        content: '=>more info...';
		
	}
	
	.box_prd_n:hover:before {
    	position: absolute;
        bottom: 0;
        right: 10px;
        z-index: 3;
		color:#61BB25;
		text-shadow:1px 1px #626563;
		opacity: 1;
        content: '=>more info...';
		
	}
	
	
	/* for link */
	.box_prd_link , .box_prd_link_b {
	 	display:block;
		height: 20px;
		width: calc(100% - 30px);
		position:relative;
		margin: 10px;
		color:#063;
		text-align: center;
		
	
		padding:3px;
		background: #D5FFAA;/*#CCF0A0;*/
		border-bottom:3px solid #FFF;
	}
	.box_prd_link::before {
		content:" ";
		display:block;
		width:0;
		height:0px;
		position: absolute;
		top:0px;
		left:-10px;
		white-space:normal;
	
		border-top:13px solid  #D5FFAA;/*#CCF0A0;*/
		border-bottom:13px solid  #D5FFAA;/*#CCF0A0;*/
		border-left:10px solid transparent;
	}
	.box_prd_link::after {
		content:" ";
		display:block;
		width:0;
		height:0px;
		position: absolute;
		top:0px;
		right:-10px;
	
		border-top:13px solid transparent;
		border-bottom:13px solid transparent;
		border-left:10px solid  #D5FFAA;/*#CCF0A0;*/
	}
	.box_prd_link_b::before {
		content:" ";
		display:block;
		width:0;
		height:0px;
		position: absolute;
		top:0px;
		left:-10px;
		white-space:normal;
		
		border-top:13px solid transparent;
		border-bottom:13px solid transparent;
		border-right:10px solid #D5FFAA;/*#CCF0A0;*/
		
	}
	.box_prd_link_b::after {
		content:" ";
		display:block;
		width:0;
		height:0px;
		position: absolute;
		top:0px;
		right:-10px;
		
		border-top:13px solid #D5FFAA;
		border-bottom:13px solid #D5FFAA;/*#CCF0A0;*/
		border-right:10px solid transparent;
		
	}
	
	
	.box_prd_link > a:link　, .box_prd_link_b > a { 
		text-decoration:none;
		display:block;
	}
	.box_link_s  {
		width:80%;
		display:inline-block;
		text-align:center;
	}
	
	@media screen and (min-width: 540px) {
	.box_prd_link > a::after {
		content:" －＞＞";
	}
	.box_prd_link_b > a::before {
		content:" ＜＜－";
	}
	}
	@media screen and (max-width: 400px) {
	.box_prd_link > a::after , .box_prd_link_b > a::before{
		content:" ";
	}
	}
	
	
	.box_prd_link:hover , .box_prd_link_b:hover  {
		color:#F90;
		text-shadow:1px 1px 0px #390;
		border-bottom:3px solid #F90;
	}
	
	.box_prd_link:hover > a, .box_prd_link_b:hover > a {
		color:#F90;
		display:block;
	}
	
	/* for  blank */
	.blankbox {
		display:block;
	
		float: left;
		/*width: 400px;*/
		min-width: 300px;
		width: calc(100% - 40px);
		height: 20px;
		max-height:300px;
		position:relative;
		margin: 10px;
		color:#063;
		font-size: 12px;
		text-align: center;
	
		overflow:hidden;
	}
	
	.boxinfo {
		display:block;
		/*float: left;*/
		width: calc(100% - 40px);
		max-width:400px;
		min-width: 200px;
		height: auto;
		max-height: 150px;
		position:relative;
		overflow: auto;
	
		color:#063;
		font-size: 12px;
		text-align: center;
	
		margin: auto;
		padding:3px;
		border:#CCF0A0 solid 1px;;
		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */
	}
	
	.boxinfo2 {
		display:block;
		/*float: left;*/
		width: calc(100% - 40px);
		max-width:400px;
		min-width: 200px;
		height: auto;
		
		position:relative;
		overflow: auto;
	
		color:#063;
		font-size: 12px;
		text-align: center;
	
		margin: auto;
		padding:3px;
		border:#CCF0A0 solid 1px;;
		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */
	}

	.boxinfo_tbl {
		display:table;
		/*float: left;*/
		width: calc(100% - 40px);
		
		min-width: 200px;
		height: 20px;
		position:relative;
		overflow: auto;
	
		color:#063;
		font-size: 12px;
		text-align: center;
	
		margin: auto;
		padding:3px;

		
	}

	.boxinfo_th {
		display:box;
		
		width: calc(100% - 40px);
		max-width:500px;
		height: 20px;
		/*position:relative;*/

		/*overflow: auto;*/
	
		color:#063;
		text-align:center;
		font-size:18px;
		font-weight:600;
	
		margin: auto;
		padding:3px;
		
		background:linear-gradient(#FFF,#D5FFAA);;
		border-top-left-radius: 10px;     /* 左上 */
  		border-top-right-radius: 10px;    /* 右上 */
  		border-bottom-right-radius: 10px; /* 右下 */
  		border-bottom-left-radius: 10px;  /* 左下 */

	}


	.boxinfo_tb {
		display:table-row-group;
		position: sticky;
		
		/*float: left;*/
		width: calc(100% - 40px);
		max-width:400px;
		min-width: 200px;
		height: 100px;
		position:relative;
		overflow: scroll;
	
		color:#063;
		font-size: 12px;
		text-align: center;
	
		margin: auto;
		padding:3px;

	}


/* ----------------------------------------------↑ */
/*Common setting for contents box*/
/* ----------------------------------------------↑ */



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


/* ↓---------------------------------------------- */
/*Common setting for table*/
/* ↓---------------------------------------------- */
	.n_table {
		display:table;
		width: calc(100% - 20px);
		text-align:center;
		table-layout: fixed ;
		overflow:visible;
	}
	.n_table_title {
		display:table-caption;
		/*display:block;*/
		width:calc(100% - 5px);/*100%;*/
		background: #D5FFAA;
		border-top: 2px solid white;
		padding:2px;
		font-size: 140%;
		font-weight:bold;
		text-align:center;
		color:#626563;
		margin:3px 0;
	}
	.n_table_title2 {
		display:block;
		width:100%;
		background: #D5FFAA;
		border-top: 2px solid white;
		font-size: 120%;
		font-weight:bold;
		text-align:center;
		color:#626563;
		margin:3px 0;
	}

	.n_table_title_vi {
		display:table-caption;
		/*display:block;*/
		width:100%;
		
		border-top: 2px solid white;
		padding:2px;
		font-size: 140%;
		font-weight:bold;
		text-align:center;
		color:#626563;
		margin:3px 0;
		
		background: #DCC8FF;;/*#D386FF; (violet_dark*/
		border-top-left-radius: 20px;     /* 左上 */
  		/*border-top-right-radius: 20px;    /* 右上 */
  		border-bottom-right-radius: 20px; /* 右下 */
  		/*border-bottom-left-radius: 20px;  /* 左下 */
	}




	.n_row {
		display:table-row;
	}
	
	.n_row_line {
		display:table-cell;
		width:100%;
		height:0px;
		background: #61BB25;
		
		border-top: 2px solid #61BB25;
		border-bottom: 2px solid #61BB25;
		
		margin:3px 0;
	}
	
	.n_row_title {
		display:table-row-group;
		width:90%;
	}
	.n_row_title1 {
		display:table-cell;
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-right: 0;
	
		word-break : break-all;
	
		width:auto;
		background: #D5FFAA;
		padding:5px;
	}
	.n_row_title2 {
		display:table-cell;		
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-right: 0;
		vertical-align: middle;
		word-break : break-all;
		
	
		width:150px;
		background: #D5FFAA;
		padding:5px;
	}
	.n_row_title4 {
		display:table-cell;
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-right: 0;
	
		word-break : break-all;
	
		width:100px;
		background: #D5FFAA;
		padding:5px;
	}
	
	
	@media screen and (min-width: 540px) {
	.n_row_title3 {
		display:table-cell;
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-right: 0;
	
		word-break :;
		width:150px;

		background: #D5FFAA;
		padding:5px;
	}
	}
	@media screen and (max-width: 540px) {
	.n_row_title3 {
		display:table-cell;
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-right: 0;
	
		word-break :;
		width:100px;

		background: #D5FFAA;
		padding:5px;
	}
	}
	
	.n_cell_title {
		display:table-cell;
		border-top: 2px solid white;
		border-left: 10px solid white;
		border-right: 3px solid white;
		
		width: 100px;
		/*min-width:100px;*/
		background: #D5FFAA;
		padding:5px;
		word-break : break-all;
	}
	.n_cell {
		display:table-cell;
		border-top: 2px solid white;
		border-right: 0px solid white;
		width:100%;
		background: #EAF8D6;
	}
	.n_cell2 {
		display:table-cell;
		border-top: 2px solid white;
		border-right: 0px solid white;
		width:100%;
		text-align:left;
		background: #EAF8D6;
		padding:0 5px;
	}
	.n_cell3 {
		display:table-cell;
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-right: 0;
	
		max-width:100px;
		background: #EAF8D6;
		padding:5px;
		word-break : break-all;
		vertical-align:middle;
	}
	.n_cell4 {
		display:table-cell;
		border-top: 2px solid white;
		border-right: 0px solid white;
		width:100%;
	
	}
	.n_list_title {
		display:box;
		width:90%;
		text-align:left;
		font-size:100%;
		padding-left:20px;
	}
	.n_list_title2 {
		display:box;
		width:90%;
		
		font-size:100%;
		padding-left:20px;
	}

	.n_table  .n_list {
		display:inline-block;
		width:80%;
		text-align:left;
		padding-left:20px;
		padding-right:10px;
		white-space:normal;
		margin-right: 10px;
		/*overflow-wrap: break-word;*/
		word-break:break-word;
	
	}
	.n_table  .n_list li {
		margin-left:20px;
	}
	.n_table  .n_list li::marker {
		content:"-->";
	}
	

	
	.n_table  .n_list_extd {
		display:inline-block;
		width:80%;
		text-align:left;
		padding-left:20px;
		padding-right:10px;
		white-space:normal;
		margin-right: 10px;
		/*overflow-wrap: break-word;*/
		word-break:break-word;
	
	}
	.n_list_extd > label:after{
 		content:"......" url(/contents/img/mark/exmark1.png);
	}
	.n_list_extd input:checked ~ label::after {
		content:"　　"url(/contents/img/mark/exmark0.png);
	}
	.extd_content {
		display:none;
	}
	.n_list_extd input{
		display:none
  	}
	.n_list_extd input:checked ~ .extd_content{
  		transition: all 1s 0s ease;
   		box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.2);
		
		display:inline-block;
		width:100%;
		height:100%;
		text-align:left;
		padding-left:0px;
		padding-right:0px;
		white-space:normal;
		margin-right: 0px;
		/*overflow-wrap: break-word;*/
		word-break:break-word;
		
	}
	
	
	.n_table .box03 {
		width:100%;
	
		max-width:600px;
		height:auto;
		display:inline-block;
		text-align:center;
	}

	.n_table_blank {
		width:95%;
		height:20px;
	
	}
	.n_table_c {
		display:table;
		width: calc(100% - 20px);
		text-align:center;
		table-layout: fixed ;
		
	}
	.n_table_c2 {
		display:inline-block;
		text-align:left
	}
	.n_table_c .n_table_coution {
		display:block;
		
		
		
		padding:5px 20px;
		font-size: 140%;
		font-weight:bold;
		text-align:left;
		color:#626563;
		margin:3px 10px;
		
		border-top: 2px solid white;
		background: #D5FFAA;;
		border-bottom-right-radius: 20px; /* 右下 */
		border-top-left-radius: 20px; /* 左上 */
  		
	}
/* ----------------------------------------------↑ */
/*Common setting for table*/
/* ----------------------------------------------↑ */


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


/* ↓---------------------------------------------- */
/*Common setting for dlsite table*/
/* ↓---------------------------------------------- */
	@media screen and (min-width: 540px) {
	.d_table_main_title {
		display:block;
		
		width:100%;
	  	height:auto;
	  	min-height:30px;
		color:#626563;
		white-space:nowrap;
		font-size:25px;
		text-align:center;
		
		vertical-align:middle;
		padding:5px;
		margin:5px;
		/*word-break : break-all;*/
				
		background-color:#D5FFAA;;
		border-top-left-radius: 20px;     /* 左上 */
  		border-top-right-radius: 20px;    /* 右上 */
  		border-bottom-right-radius: 20px; /* 右下 */
  		border-bottom-left-radius: 20px;  /* 左下 */
		
	}
	}
	@media screen and (max-width: 540px) {
	.d_table_main_title {
		display:block;
		
		width:100%;
		height:auto;
	  	min-height:30px;
		color:#626563;
		white-space:nowrap;
		font-size:18px;
		text-align:center;
		
		vertical-align:middle;
		padding:5px;
		margin:5px;
		/*word-break : break-all;*/
				
		background-color:#D5FFAA;;
		border-top-left-radius: 20px;     /* 左上 */
  		border-top-right-radius: 20px;    /* 右上 */
  		border-bottom-right-radius: 20px; /* 右下 */
  		border-bottom-left-radius: 20px;  /* 左下 */
		
	}
	}
	.d_table {
		display:table;
		width: calc(100% - 20px);
		max-width:800px;
		text-align:center;
		table-layout: fixed ;
	}
	.d_table_title {
		display:table-caption;
		width:100%;
		background: #D5FFAA;
		border-top: 2px solid white;
		padding:2px;
		font-size: 140%;
		font-weight:bold;
		text-align:center;
		color:#626563;
		margin:3px 0;
	}
		
	.d_col_title1 {
		display:table-cell;
		border-top: 1px solid #BEAD92;
		border-left: 1px solid #BEAD92;
		border-right: 2px solid white;
		
		width:70%;
		min-width:200px;
		word-break : break-all;
	
		width:auto;
		background: #BEAD92;
		padding:5px;
	}
	.d_col_title2 {
		display:table-cell;
		border-top: 1px solid #BEAD92;
		border-left: 2px solid white;
		border-right: 1px solid #BEAD92;
		width:30%;
		min-width:70px;
	
		word-break : break-all;
	
		
		background: #BEAD92;
		padding:5px;
	}
	
	.d_cell {
		display:table-cell;
		
		border-left: 1px solid #BEAD92;
		border-right: 1px solid #BEAD92;
		border-bottom: 1px solid #BEAD92;
		padding:2px 10px;
		text-align:left;
	}
	
	.d_cell2 {
		display:table-cell;
		border-left: 1px solid #BEAD92;
		border-right: 1px solid #BEAD92;
		border-bottom: 1px solid #BEAD92;
		text-align:center;
		
		padding:0 5px;
	}
/* ----------------------------------------------↑ */
/*Common setting for dlsite table*/
/* ----------------------------------------------↑ */



/* ↓---------------------------------------------- */
/* for silde show */
/* ↓---------------------------------------------- */

.box_slide {
	display:inline-block;
	min-width:300px;
	max-width:612px;
	
}


.box_slide > .bx-wrapper {
	width:auto;
	min-width:300px;
	max-width:600px;
}

.box_slide .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.box_slide .bx-wrapper .bx-pager.bx-default-pager a.active, 
.box_slide .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background:#CCF0A0;
}

.box_slide .bx-wrapper .bx-pager.bx-default-pager a {
	background:#61BB25;
}
.bx-wrapper img {
	max-height:300px;
	max-width:300px;
	border:0px;

}

.box_slide .bx-wrapper .bx-caption {
	background: rgba(204, 240, 160, 0.75);
}
.box_slide .bx-wrapper .bx-caption span {
	color:#626563;
}


.bx-viewport ul { /*.slide_view　{*/
	/*text-align:center;*/
	padding-inline-start: 0px;
	height:200px;
	
}


/* ----------------------------------------------↑ */
/* for silde show */
/* ----------------------------------------------↑ */


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


/* ↓---------------------------------------------- */
/* main contents for PC setting */
/* ↓---------------------------------------------- */	
@media screen and (min-width: 730px) {
	h1 {
		text-align:center;
		margin-top:0px;
		margin-bottom: 0;
		color:#626563;
		font-size:30px;
		vertical-align:text-bottom;	
	}
   	
	.main_box_cell_main {
 		width:100%;
		display:table-cell;	
		vertical-align:top;
		padding:0px 0px 0px 0px;
		table-layout: fixed ;
   	}
   
   	.main_box_cell_left {
 		width:0px;
		display:table-caption;
		/*display:flex;*/
		width:100%;
		overflow:visible;
	}
   
   
   	.boxhide {
		overflow: hidden;
		white-space: nowrap;
	}
	
	
	.box01 {
		clear: both;
		width:auto;
		min-height:40px;
	
		position:relative;
		margin: 10px;
	
		color:#063;
		font-size: 12px;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		overflow:inherit;
		padding:3px;
   	}
	.box01_extd {
		clear: both;
		width:auto;
		min-height:40px;
	
		position:relative;
		margin: 10px;
	
		color:#063;
		font-size: 12px;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		overflow: auto;
		padding:3px;
   	}
    .box02 {
		justify-content: center; 
		/*float: left;*/
		/*width: calc(100vw - 180px);*/
		width: auto;
		/*max-width: 40%;*/
		height: auto;
		/*max-height:500px;*/
		position:relative;
		margin: 10px;
		color:#063;
		font-size: 12px;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		overflow: auto;
		background-size:cover;
		padding:3px;
	}
	.sw_box {
		display:block;
		width:100%;
		height:30px;
		
		border:1px solid #F60;
	}


	/* for main menu */
	/*.box_topmenu {
		display:flex;
		flex-wrap: wrap;
		float: left;
	
		width: 100%;
		height:32px;
		
		position:relative;
		margin: 0px;
		justify-content:space-around;
		
		text-align:center;
		/*background-color:#CCF0A0;
		/*border:5px solid #F0C;/*for debug*/
		/*padding:0px;

		flex-shrink:1;
	}*/
	.box_topmenu2 {
		display:flex;
		flex-wrap: wrap;
		
		width: 100%;
		height:32px;
		
		position:relative;
		margin: 0px;
		justify-content:space-around;
		
		text-align:center;
		/*background-color:#CCF0A0;*/
		border:1px solid #D5FFAA;/*#F0C;/*for debug*/
		padding:0px;

		flex-shrink:1;
	}
	
}
@media screen and (min-width: 540px) {
	h1 {
		line-height:30px;
		margin-top:0px;
		margin-bottom: 0;
		color:#626563;
		font-size:30px;
		padding-top:2px;
	
		vertical-align:bottom;	
		/*background-color:#CCF0A0;*/
		text-align:center;
   	}

  
	.main_box_cell_main {
 		width:100%;
		display:table-cell;
		height:auto;
		table-layout: fixed ;
	
		vertical-align:top;
		padding:0px 0px 0px 20px;
		position:relative;
		z-index:0;
	}
	.main_box_cell_left {
 		width:105px;
		max-width:100px;
		display:table-cell;	
		table-layout: fixed ;
		vertical-align:top;
		/*background-color:#CCF0A0;*/
		position:relative;
		
		padding:0;
	}
  
	 
   
   	.box01 {
		float: left;
		width: calc(100% - 20px);
		height: auto;
		min-height:40px;
		position:relative;
		overflow: auto;
	
		color:#063;
		font-size: 100%;
		text-align:center;
		
		margin: 10px;
		padding:3px;
		/*border:#CCF0A0 solid 1px;/*for debug*/
		
		background-size:cover;
	}
	
	.box01_extd {
		float: left;
		width: calc(100% - 20px);
		height: auto;
		min-height:40px;
		position:relative;
		overflow: auto;
	
		color:#063;
		font-size: 100%;
		text-align:center;
		
		margin: 10px;
		padding:3px;
		/*border:#CCF0A0 solid 1px;/*for debug*/
		
		background-size:cover;
	}
	
	.box02 {
		display:box;
		justify-content: space-between;  
	
		width: calc(40% - 10px);
		min-width:177px;
		height: auto;
	
		position:relative;
		margin: 10px;
		color:#063;
		text-align: center;
		/*border:#CCF0A0 solid 1px;/*for debug*/
	
		padding:3px;
		overflow:hidden;
	}

	.sw_box {
		display:none;
	}
}
/* ----------------------------------------------↑ */
/* main contents for PC setting */
/* ----------------------------------------------↑ */



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


/* ↓---------------------------------------------- */
/* main contents for mobile setting */
/* ↓---------------------------------------------- */	

@media screen and (max-width: 540px) {
 	h1 {
		text-align:center;
		margin-top:0px;
		margin-bottom: 0;
		color:#626563;
		font-size:5vw;
		vertical-align:text-bottom;	
	}
   	
	.main_box_cell_main {
 		width:100%;
		display:table-cell;	
		vertical-align:top;
		padding:0px 0px 0px 0px;
		table-layout: fixed ;
   	}
   
   	.main_box_cell_left {
 		width:0px;
		display:table-caption;
		width:100%;
		overflow:visible;
	}
   
   
   	.boxhide {
		overflow: hidden;
		white-space: nowrap;
	}
	
	
  	.box01 {
		clear: both;
		width:auto;
		min-height:40px;
	
		position:relative;
		margin: 10px;
	
		color:#063;
		font-size: 12px;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		overflow:inherit;
		padding:3px;
   	}
	.box01_extd {
		clear: both;
		width:auto;
		min-height:40px;
	
		position:relative;
		margin: 10px;
	
		color:#063;
		font-size: 12px;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		overflow: auto;
		padding:3px;
   	}
    .box02 {
		justify-content: center; 
		/*float: left;*/
		/*width: calc(100vw - 180px);*/
		width: auto;
		/*max-width: 40%;*/
		height: auto;
		/*max-height:500px;*/
		position:relative;
		margin: 10px;
		color:#063;
		font-size: 12px;
		text-align: center;
		/*border:#CCF0A0 solid 1px;*/
		overflow: auto;
		background-size:cover;
		padding:3px;
	}
	.sw_box {
		display:block;
		width:100%;
		height:30px;
		
		border:1px solid #F60;
	}


}
/* for more small size */
@media screen and (max-width: 350px) {
   	#header >h1 {
		font-size:1vw;
		opacity:0;
   	}
 	.h_boxt {
		display:none;
	}
}

/* ----------------------------------------------↑ */
/* main contents for mobile setting */
/* ----------------------------------------------↑ */


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



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




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




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


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