/**********************
DEFAULT
***********************/
@import url("./common.css");


@media (min-width: 768px) {
    .container {
        width:750px
    }

}

@media (min-width: 980px) {
    .container {
        width:960px
    }
}

@media (min-width: 1100px) {
    .container {
        width:1080px
    }
}

@media (min-width: 1230px) {
    .container {
        width:1200px
    }
}
.re_container {
    margin-top: 0 !important;
}

html, body, div, span, applet, object, iframe,form, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,  strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family:  Lato, 'Noto sans JP', 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;

	/* 100 300 400 700 900
	font-family:  'Source Sans Pro', 'Noto Sans Japanese', 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;*/
	font-size: 15px;
}
body{
	font-size: 15px;
	color: #333;
	line-height: 25px;
	font-weight: var(--font-regular);
}
#header{
	font-family:  'Lato','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif;
}
footer{margin-top:120px;}
footer.ftop{margin-top:0;}
ul, ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, label, button, .btn {
	margin: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	display: block;
}

h1, .h1 {
	font-size: 60px;
	font-weight: var(--font-medium);
	/*text-transform: uppercase;*/
}

h3, .h3 {
	/*
	font-size: 22px;
	font-weight: var(--font-medium);
	line-heiht:44px;
	margin-bottom:30px;*/
	font-size:18px;
	line-height: 40px;
	font-weight: var(--font-medium);
	padding-left: 5px;
	margin:30px 0 25px 0;
	border-bottom:1px solid var(--boder-def-color);
	border-left:none;
}

h4, .h4 {
	font-size: 16px;
	font-weight: var(--font-medium);
	text-transform: none;
}

h5, .h5 {
	font-weight: var(--font-bold);
	text-transform: none;
}

a{color: var(--font-def-color);}

a:hover{
	text-decoration:none;
	color: var(--main-color);
	transition: all 0.2s;
}

 a.detailLink{
	text-decoration:none;
    display: table-cell;
    vertical-align: middle;
  }

a.link_www{
	color:var(--main-color);
	margin:0 2px;
}

a.link_www:hover{
	text-decoration:underline;
	transition: all 0.2s;
}
a.link_normal{
	color:#3c64bd;
}

a.link_block{display: block;}
a.link_block:hover img{
	border:1px solid #f7f6f6;
	opacity: 0.7;
   filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}

a.dlimg{ padding-right:20px; background:url('./../img/download_icon_b.png') no-repeat right 2px;background-size:13px;}
a.dlimg:hover { background:url('./../img/download_icon.png') no-repeat right 3px;;}

a.link_win{
	color:#db4c3a;
	padding-right:20px;
	background:url('./../img/window_r.png') no-repeat right 5px;
	background-size:13px;
	display: inline-block;

}

section {
	position: relative;
}


.row {
    margin-left:0;
    margin-right:0;

}

.breadcrumb {
    padding:0;
    margin: 25px 0 70px 0;
    line-height:20px;
    background-color:#FFF;
}
.breadcrumb span{font-size:12px; line-height:20px;}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:">\00a0"}
.breadcrumb a {color:#5F6469;    }

.table-responsive{border:none;}

div.table-responsive::-webkit-scrollbar{
  width: 12px;
}
div.table-responsive::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777;
}
div.table-responsive::-webkit-scrollbar-thumb{
  background: #aaa;
  border-radius: 10px;
  box-shadow: none;
}


/*Checkboxes styles*/
.boxes input[type="checkbox"] { display: none; }

.boxes  input[type="checkbox"] + label {
  /*display: block;*/
  display: inline;
  position: relative;
  padding: 0 30px;
  margin-bottom: 20px;
font-weight:normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.boxes  input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.boxes  input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #5e6baa;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.boxes  input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*


.breadcrumb span{font-size:12px; line-height:20px;}

.breadcrumb>.active{color:#333}*/
/***************************
位置
***************************/
.float_r{float:right;}
.float_r:after{clear:both;}
.f_left{float:left;}
.f_left:after{clear:both;}
.f_clear{clear:both;}
.a_center{text-align:center;}
.a_right{text-align:right}
.a_left{text-align:left}

/***************************
* 余白
***************************/
.off_space_left{padding-left:0;}
.off_space_right{padding-right:0;}
.off_space{padding:0;}
.on_space_left{padding-left:5px;}
.on_space{padding:0 10px 0 15px;}
.rotate {transform: rotate(45deg);}
.mt-40{margin-top:40px;}
.mb-40{margin-bottom:40px;}
.mt-20{margin-top:20px;}
.mtb-8{margin:8px 0;}
.m-0{margin:0!important;}
/***************************
サイズ
***************************/
.fs_16{font-size:16px;}
.fs_13{font-size:13px;}
/****************************
背景
****************************/
.back_gray{
	background-color:var(--back-def-color);
}
.back_dgray{
	background-color:var( --boder-def-color);
	color:var(  --font-def-color)!important;
}
.back_darkgray{
	background-color:var(--color-dark_gray);
}
.back_skyblue_w{
	background-color:var(--color-skyblue);
	color:#FFF;
}
.back_wgreen{
	background-color:#d9e3da70;
}
.back_wyellow{
	background-color:#ffffe869;
}
.back_mossgreen_w{
	background-color:#98B29B;
	color:#FFF;
}
.back_orange{
	background-color:var( --color-orange);
}
.back_green{
	background-color:var( --color-green);
}
.back_main{
	background-color:var(  --main-color);
}
.back_white{
	background-color:#FFF;
}
.back_pink{
	background-color:#f2dede40;
}
.color_skyblue{
	color:var(--color-skyblue);
	}
	.bg-purple {background: #715BB8; }
.text-col-g{color:#228b22;}
.text-col-r{color:#ff0000;}

/******************
/* 光らせるためのstyle
*******************/
.shine{
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
/* 光の疑似要素 */
.shine::before{
  content: "";
  animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}
/* 光の動き */
@keyframes shine{
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}
/****************************
タイトル
****************************/
.def_title{
	padding-left:20px;
	font-weight:var(--font-medium);
	line-height:45px;
}
.sub_title{
	font-weight:var(--font-medium);
}

.container h1{
	font-weight: var(--font-medium);
	margin-bottom: 40px;
	width: 100%;
	padding: 0px 0px 20px 0px;
	font-size: 24px;
    clear: both;
    letter-spacing: 0.05em;
	border-bottom:1px solid  var(--boder-def-color);
}
.container  h2 {
	border-left: 5px solid var(--main-color);
	font-size: 20px;
 	/*line-height: 45px;*/
 	min-height: 45px;
 	font-weight: var(--font-medium);
  	margin:25px 0;
  	padding:10px 20px;
  	text-align: left;
 	background-color: var(--back-def-color);
}
.container  h3.non_line{border:0;}

.container  h4{
 border-left: 5px solid var(--main-color);
  line-height: 25px;
  margin:25px 0;
  padding-left:10px;
  font-size:18px;
}
.description{padding-right:10px;}
.description  h4{
 border-left: 5px solid var(--main-color);
  line-height: 25px;
  margin:25px 0;
  padding-left:20px;
  font-size:24px;
}
.info_txt{
	font-size:13px;
	text-align:center;
	line-height:14px;
	padding:3px 0;
	}
	.info_txt a{
	font-size:13px;
}
.txt_pause{margin-left:20px;}
/*.txt_date{font-family:  'Lato';}*/
/**********************
BOX
***********************/
.info_box{
	background-color:var( --back-def-color);
	margin:20px 0;
	padding:10px;
	}
.info_box h3{
	margin:0 0 10px 0;
	font-size:16px;
	border:0;
	}
.link_box{
	/*display: block;*/
	transition:.2s ;
	background: var(--back-def-color);
	display: table-cell;
    vertical-align: middle;
}
.link_box img {
	width:100%;
	}
	/*
.link_box:hover {
  opacity: 0.5 ;
}
.link_box:hover + .link_txt_box a{
	color: var(--main-color);
}

*/
.link_txt_box{
  text-align:center;
  margin:15px auto;
}

.info_bkcolor{
	width:225px;height:70px;
	background:#FFF;
	margin:5px 10px 5px 0;
	padding:10px;
	border:1px solid #D7D7D7;
	float:left;
	}

.info_bkcolor_s{
	width:225px;height:50px;
	background:#FFF;
	margin:5px 10px 15px 0;
	padding:10px ;
	border:1px solid #D7D7D7;
	float:left;
	}
.square_box{
	border-radius:8px;
	border:1px solid var( --boder-def-color);
	}

.square_0box{
	border:1px solid var( --boder-def-color);
	padding: 5px;
	}

.imgBoxNoB{
	font-size: 13px;
	margin:10px auto;
	text-align: center;
}

.box_cross{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #9bdce0;
    border-bottom: solid 2px #9bdce0;
}
.box_cross:before, .box_cross:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #9bdce0;
}
.box_cross:before {left: 10px;}
.box_cross:after {right: 10px;}
.box_cross p {
    margin: 0;
    padding: 5px 10px;
}


/**********************
BUTTONS
***********************/
.link_btn {
	border-radius: 28px;
	border: 1px solid var(--boder-s-color);
	box-sizing: border-box;
	outline: none;
	box-shadow: none;
	padding:10px 15px;
}
.link_btn:focus,
.link_btn:hover{
	border: 1px solid var( --main-color);
	color: var(--main-color);
	transition: all 0.2s;
}

.link_btn_dl {
	display: block;
	width:230px;
	line-height:30px;
	border: 0;
	color:#FFF;
	text-align:center;
	padding-right:30px;
	background: url("./../img/download_icon_w.png") no-repeat scroll 90% 50% #DB4C3A;
	background-size: 14px 13px;
	margin:0 auto;
}
.link_btn_dl_r {
	line-height:30px;
	padding-right:20px!important;
	background: url("./../img/download_icon.png") no-repeat scroll right 50% #FFF;
color:#DB4C3A;
}
.link_btn_dl_r:focus,
.link_btn_dl_r:hover {text-decoration:underline;}
.link_btn_dl:focus,
.link_btn_dl:hover{
	border: 0;
	background-color:#EDA59C;
	transition: all 0.2s;
	color:#FFF;
}

.markbox{
	position:relative;
	display:inline-block;
	margin-top:35px;
	}
	.markbox .link_btn {
		display:block;
		text-align:center;
		line-height:20px;
	}
	.markbox .link_btn_s {
		padding:0 25px 0 20px;
		height:25px;
		line-height:23px;
	}

.link_btn_L{
	display:block;
	padding:10px 0 0 0;
	line-height:20px;
	border-radius: 28px;
	width:200px;
	height:60px;
}
/*
.side_markbox .link_btn_L{
	padding:8px 0 0 0;
	}
*/


	.markLink:after {
	 content: '';
	 width: 12px;
	 height: 12px;
	 border: 0px;
	 border-top: solid 2px var( --boder-def-color);
	 border-right: solid 2px var( --boder-def-color);
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 position: absolute;
	 bottom:0;
	 right:5%;
  	/*
	font-size:18px;
 	content: " \232a ";
 	font-weight:var(--font-medium);
	position: absolute;
 	color:var( --boder-def-color);
  	right:5%;*/
  	}
	.markLink_s:after {
	 width: 8px;
	 height: 8px;
	 top:40%;
	  right:11px;
	}
	.markLink_xs:after {
	 width: 6px;
	 height:6px;
	 top:40%;
	  right:13px;
	}
	.markLink:hover::after{
	border-top: solid 2px var(--main-color);
	border-right: solid 2px var(--main-color);
  	transition: all 0.2s;
	}
	.markLink_L:after {
		 bottom:23px;
		 right:20px;
	}
	/*
	.markLink_s:hover::after{
	border-top: solid 2px var(--main-color);
	border-right: solid 2px var(--main-color);
  	transition: all 0.2s;
}*/
.markLink_g{
	width:220px;
	background:#9B9B9B;
	color:#FFF;
	border:0;
}
.markbox .markLink_g{line-height: 25px;}
.markLink_g:after {
	 content: '';
	 width: 8px;
	 height: 8px;
	 border: 0px;
	 border-bottom: solid 2px #FFF;
	 border-left: solid 2px #FFF;
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 position: absolute;
	top:43%;
	left:30px;
	}
	.markLink_g:focus,
	.markLink_g:hover{
	border-color:#cacaca;
	background-color:#cacaca;
	transition: all 0.2s;
	color:#FFF;
	border:0
}
a.markLink_r{line-height:45px!important;}
.markLink_r{
	padding:0;
	width:220px;
	background:#DB4C3A;
	color:#fff;
	border:0;
	}
	.markLink_r:focus,
	.markLink_r:hover{
	background-color:#EDA59C;
	transition: all 0.2s;
	color:#FFF;
	border:0;
	}
	.markLink_r:after {
	width: 8px;
	height: 8px;
	top:43%;
	right:30px;
	border-color:#FFF;
	}
	.markLink_r:hover::after{
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
  	transition: all 0.2s;
}

.btn_square{
	border-radius: 0px;
	height:100%;
	width:100%;
	display: table-cell;
	vertical-align: middle;
  	}
  	.btn_square:after {
 	top:40%;
}


#bt_col_m .btn_square{
	width:184px;
	height:60px;
	text-align:center;
	}
	#bt_col_l .btn_square{
	width:auto;
	height:60px;
	text-align:center;
	}
#bt_col_l  .submenu{margin-bottom:50px;}
#bt_col_m .submenu ul li{margin:0 15px 5px 0;}

#bt_col_s .btn_square{
	width:175px;
	height:60px;
	text-align:center;
	}
#bt_col_l .submenu,
#bt_col_s .submenu{margin-bottom:70px;}
#bt_col_l .submenu ul li,
#bt_col_s .submenu ul li{margin:0 15px 5px 0;}

#bt_col_xs .btn_square{
	width:auto;
	height:50px;
	text-align:center;
	min-width:92px;
	}
#bt_col_xs .submenu{margin-bottom:70px;}
#bt_col_xs .submenu ul li{margin:0 10px 5px 0;}



.arrow{
	position: relative;
	display: inline-block;
	padding: 0 18px 0 30px;
	vertical-align: middle;
	text-decoration: none;
	font-size:11px;
	line-height:20px;
}

.arrow:before,
.arrow:after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 18px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	transition: all 0.2s;
}
.arrow_top_m{
	font-size:14px;
	padding:0 0 0 15px;
}

.arrow_top:before{
	border-left: 4px solid  var(--font-def-color);
}
.arrow_top_m:before,
.arrow_top_m:after{
	border-left: 6px solid var(--main-color);
	left:0;
}

a.arrow_top:hover::before,
a.arrow_top:hover::after{
	border-left: 4px solid var(--main-color);
	}

.arrow_bottom:before{
	border-bottom: 4px solid var(--font-def-color);
	}
.arrow_bottom:hover::before{
	border-bottom: 4px solid var(--main-color);
	}

.triangleDown{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-top:30px solid var(--font-def-color);
}

.arrow-right {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  border-top: 4px solid #000;
  border-right: 4px solid #000;
  transform: rotate(45deg);
}

.circle_arrow {
  	color: #FFF;
	}
	.circle_arrow:before {
  	content: '';
  	width: 18px;
  	height: 18px;
  	background: #db4c3a;
  	border-radius: 50%;
  	position: absolute;
  	bottom: 20px;
  	right: 20px;
  	margin-top: -9px;
	}
	.circle_arrow:after {
  	content: '';
  	width: 6px;
  	height: 6px;
  	border: 0;
  	border-top: solid 2px #fff;
  	border-right: solid 2px #fff;
  	position: absolute;
  	bottom: 26px;
  	right: 27px;
  	margin-top: -4px;
  	transform: rotate(45deg);
}
/*
.arrow:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
*/

/**********************
  COLOR BOTTON
***********************/
.clr_btn{
 	font-size:12px;
	text-decoration: none;
	color: #FFF;
  	border: 0 none;
  	padding:  0px;
	 text-align:center;
  	font-weight:var(--font-medium);
  	letter-spacing: 0.07em;
  	width:30%;
  	line-height:20px;
}
.btn_skyblue{
	background-color:var( --color-skyblue);
}

.blink {
	position: relative;
	overflow: hidden;
}
.blink::before {
	content: "";
	width: 20px;
	height: 100%;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: -100px;
	left: 0;
	opacity: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: blink 2s ease-in-out infinite;
	animation: blink 2s ease-in-out infinite;
}
@-webkit-keyframes blink {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: .5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0;
}
}
@keyframes blink {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: .5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

/**********************
LIST
***********************/
dl.txt{}
dl.txt dd{margin-left:20px;}

dl.qa_list{}
dl.qa_list dt,
dl.qa_list dd{padding:5px 0;}
dl.qa_list dt{border-bottom:1px solid var( --boder-def-color);}
dl.qa_list dd{padding-bottom:15px;}
dl.qa_list dd span{
	color:var( --main-color);
	font-weight:var(--font-medium);
	}


dl.list{
	margin-bottom:0;
	}
	dl.list dt,dl.list dd{
		border-bottom:1px solid var( --boder-def-color);
	}
	dl.list dt{
		float:left;
		padding:0;
		clear: left ;
	}
	dl.list dt .clr_btn{
	  	line-height:16px;
	  	width:80px;
	  	float:right;
	    margin:20px 0 0 30px;

	}
	dl.list dt,
	dl.list dd{
		display: inline-block;
		padding: 10px 5px;
	}

	dl.list dd{
		float:left;
	}
	dl.list dt.nonline,
	dl.list dd.nonline{
		border:0;
	}

	dl.list dd .clear{
		clear:both;
	}
	dl.list:after{clear:both;
}

.line_list{}
.line_list .row{
	border-bottom:1px dotted var(--boder-def-color);
	}
	.line_list .list_cell{
		display:inline-block;
		padding:10px 5px;
	}
	.line_list .title{
		font-weight:var( --font-medium);
		vertical-align:top;
}

.table_list {
	display:table;
 	vertical-align: middle;
	margin-bottom:50px;
	}
	.table_list .ytable_cell{
  	display:table-cell;
  	vertical-align: top;
	padding-left:20px;
	}
	.table_list .cell_txt70{width:70%;}
	.table_list .cell_txt30{width:30%;}
	.table_list .cell_txt35{width:35%;}

.info_box .ytable_cell{
	 vertical-align: middle;
}





ul.f_list {
    display: block;
   /* list-style-type: disc;*/
	}
	ul.f_list li{
	float:left;width:auto;
	margin:0 25px 0 20px;
	}
	ul.f_list li.margin_b{
	margin-bottom:20px;
}
ul.f_list:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
table.line_top{border-top:1px solid var( --boder-def-color) ;}
table.table th,
table.table td,{
	border-color: var( --boder-def-color) !important;
	font-size:14px;
}
table.table td a,
table.table td div {font-size:14px;}
table.table th{
	background-color :var(--back-def-color) !important;
	font-weight: normal;
}
table.table-hover tr:hover{cursor:pointer;}
table.table_s>tbody>tr>th,table.table_s>tbody>tr>td{padding:5px;}
table.table-hover tr.link_www:hover>td{color:var(--main-color);}
/**********************
NAVIGATION
***********************/
.mega .nav, .mega .collapse, .mega .dropup, .mega .dropdown {
  position: static;
}
.navbar{
border-top:5px solid var(--main-color);
}
.navbar-default .navbar-nav>li>a{color:#333;}
.navbar-nav>li>a{line-height:30px;}
.mega .dropdown-menu {
  left: auto;
  width:850px;
  padding:0;
  padding-bottom:10px;
}
.mega .dropdown-menu li{
  padding:10px 10px 15px 10px;
}
.mega .dropdown-menu li:after{
  clear:both;
}
.mega .mega-content {
  margin:5px 10px;
  border-collapse: separate;
  border-spacing: 0px 5px;
  display: table;
  width: 168px;
  float:left;
}
.mega .mega-content .row{
	margin-bottom:10px;
}
.mega .mega-content .row div{
	padding-right:0;
}
.mega .dropdown.mega-fw .dropdown-menu {
  left: 0px;
  right: 0;
  width:980px;
}
.mega .dropdown.mega-fw .small_drop_nav {
  width:100%;
}
.navbar-header{width:100%;}
.navbar img{max-height:48px;}





li.mega-fw{
	width:200px;
	font-size:15px;

}
@media only screen and (max-width: 1230px) {li.mega-fw{	width:180px;} 	}
@media only screen and (max-width: 1100px) {
	li.mega-fw{	width:160px;}
	.navbar-nav>li>a{padding-bottom:5px;}
	}
li.mega-fw a{text-align:center;}
.navbar{margin-bottom:0;}

.navbar-nav > li{
	height:45px;
}
.navbar-nav > li>a>div{
	line-height:15px !important;
	font-size:12px;
	line-height:20px;
}
.navbar-nav>li>a{
	width:100%;
	font-size:15px;
	padding:9px 0 6px 0;
	font-weight:var(--font-medium);
	text-transform: uppercase;
	color:var(--font-def-color);
}
.navbar-nav>li>a.active{
  color: var(--main-color);
}

.navbar-nav>li>a:before,
.navbar-nav>li>a:after{
  position: absolute;
  bottom: 0em;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: var(--main-color);
 transition: .2s;
}
.navbar-nav>li>a:before{ left: 50%;}
.navbar-nav>li>a:after{ right: 50%;}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover{
	color: var(--main-color);
}

.navbar-nav>li>a:hover:before,
.navbar-nav>li>a:hover:after{
  width: 50%;
}

.navbar-nav>li>a.active:after{
	background: var(--main-color);
	left: 0%;
	right: 0%;
	width: 100%;
}


 .navbar-default{
 	background-image:none;
	background:#FFF;
	/*box-shadow:none;*/
 }
 .nav-divider-h:before {
	 text-align:left;
	 position: absolute;
	 content: "";
	 border-left:1px solid var( --boder-def-color);
	 height : 20% ;
	 height : -webkit-calc(80% - 10px) ;
	 height : calc(80% - 10px) ;
	 bottom: 10px;
 }


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a{
	background-image:none;
	background:#FFF;
	box-shadow:none;
}
/*  一旦メガナビ非表示
#navbar-collapse-1 > .navbar-nav >li:hover > .dropdown-menu {
  display: block;
  width: 100%;
}
*/

.navbar-nav .small_nav{ display: none;}
#navbar-collapse-1 > .navbar-nav >li:hover >.small_drop_nav{ display: none;}
.navbar-nav .small_drop_nav li{padding:0;}
.mega .dropdown.mega-fw .small_drop_nav {
  width:100%;
}
.navbar-default .navbar-nav>li>a.s_nav{display:none;}
.navbar-default .navbar-nav>li>a.m_nav{display:block;}
.nav-tabs>li{
	margin-left:15px;
	}
.nav-tabs>li a{
	border-radius:0;
	height:60px;
	line-height:40px;
	min-width:80px;
	text-align:center;
	border-top:1px solid var( --boder-def-color);
	border-left:1px solid var( --boder-def-color);
	border-right:1px solid var( --boder-def-color);
	}
	.nav-tabs>li a:hover{background:#FFF;}

a.thumbnail{
	width:100%;
	height:60px;
	border-radius:4px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	box-shadow:none !important;
}

a.thumbnail:hover{
	border-color: var(--main-color);
	color: var(--main-color);
	text-decoration: none;
	}


.disc {
	list-style-type: disc;
	margin-left:20px;
}
.squ {
	list-style-type: square;
	margin-left:20px;
}
.deci{
	list-style-type: decimal;
	margin-left:15px;
}
.deci li{
	margin-left:10px;
}
dt.squ {
	list-style-type: square;
	display: list-item;
	margin:10px 0 5px 20px;
}
/************************
*	ツールチップ
*************************/
.xs_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: linear-gradient(transparent 97%, #db4c3a 97%);
}
.xs_tooltip .xs_tooltiptext {
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 0;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #da3c41;
}
.xs_tooltip .xs_tooltiptext::after {
	position: absolute;
	top: 100%;
	left: 20%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-top-color: #da3c41;
}
.xs_tooltip:hover .xs_tooltiptext {
	visibility: visible;
	opacity: 1;
}
/************************
*	開閉トグル
*************************/
.link-heading{position: relative;}
a.link-title{display:block;}

a.link-title:after {
    content:"";
    color: inherit;
     width: 9px;
	 height: 9px;
	 border: 0px;
	 border-bottom: solid 2px #655c5c;
	 border-right: solid 2px #655c5c;
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	  position: absolute;
	 top:40%;
	 right:2px;
}
a.link-title[aria-expanded="true"]:after {
    content:"";
    color: inherit;
     -ms-transform: rotate(225deg);
	 -webkit-transform: rotate(225deg);
	 transform: rotate(225deg);
	  border-bottom: solid 2px #668bce;
	 border-right: solid 2px #668bce;
}
a.link-title:focus,
a.link-title:visited,
a.link-title:active{text-decoration:none;}

a.link-title:hover::after{ border-color:#DB4C3A;}


/************************
*	カテゴリ別TOP
*************************/
.video-section {
	padding:0;
	height:250px;
	color: #ffffff;
	margin-top: 128px;
	position: relative;
	overflow: hidden;
	/*background: #ffe500;
	margin-top: 143px;*/
}
.video-section img{
	position: relative;
 	height:250px;
	transform: translateY(0%);
    transform:translateX(-50%);
    transform-origin: top left;
    top:0;left:50%;
}
.video-section p {
	margin-top: 21px;
}

.video-section i {
	font-weight: var(--font-light);
	color: #334752;
}

.video-section .video-description {
	margin-top: 31px;
}

.video-section .video-description p:not(:first-of-type) {
	margin-top: 10px;
}
#category .btn {
	display: block;
	margin: 15px 0;
}

#category.video-section .btn {
	display: inline-block;
	margin: 22px 0 0;
}

#category article{
	margin:0 0 25px 0;
	text-align: center;
	/*padding: 0 11px 0 15px;*/
	padding:0;
}

.category-grid {
	margin: 30px 0;
	/*font-size: 0.1px;*/
	text-align: justify;

}

.category-grid:after {
	content: '';
	display: inline-block;
	width: 100%;
}

.category-grid .grid-item, .category-grid .gap {
	position: relative;
	display: inline-block;
	margin-top: 29px;
	width: calc(100%/3 - (((3 - 1) * 29px) / 3));
}
#category .category_box{
	background: var(--back-def-color);
	/*display: table;*/
  	width: 100%;
}
#category .category_box .markLink{
	display:block;
	height:100%;
}
#category .link_box{
/*	height:145px;*/
	max-height:184px;
	/*
	display:table-cell;
	vertical-align: middle;
	*/
display: inline-block;
	text-align:center;
	border-bottom:1px solid #E7E7E7;
}
#category .link_box img{
	/*max-height:176px;*/
	margin:0 auto;
	max-height: initial;
    object-fit: cover;
    width: 100%;


	}
#category-grid .link_box img{
	max-height: initial;
    object-fit: cover;
    width: 99%;
    height: 100%;
}
#category-grid .link_box{height:175px;width:100%;}
#category-grid .link_box img{margin:0 auto;}

#category .category_box:hover{
  opacity: 0.7 ;
  transition: all 0.2s;
}
#category .category_box:hover > a{
	color: var(--main-color);
}
#category .link_txt_box{
	background: var(--back-def-color);
	font-weight:500;
	margin:0;
	padding:0 26px 0 16px;
	line-height:18px;
	min-height:50px;
	text-align:left;
	display: flex;
	flex-direction: column;
    justify-content: center;
 /*   align-items: center;*/

	/*
	height:50px;

	 display:table-cell;
	 vertical-align: middle;
	 font-weight:500;
	 line-height:18px;
	 text-align:left;
	 padding:0 25px 0 20px;
	 width:100%;
	 */
}
#category .link_txt_box .h4{
	line-height:50px;
	}
#category .link_txt_box span{
	display:none;
}
#category .markLink_s:after{
 top:85%!important ;
 right:14px;
 border-top: solid 2px var(--main-color);
 border-right: solid 2px var(--main-color);
}
#category .markbox{
	width:100%;
	margin:0;
}
/*
#category .category-grid .category_box{
  	height:195px;
  	width:225px;
}
*/
.category-grid ul.f_list li{margin:0;}

@media (min-width: 768px) {

  #category .markLink_s:after{ top:88%!important ;}
  #category-grid .link_box{height:auto;}
}

@media only screen and (max-width: 768px) {
	  #category .link_box img,
  #category-grid .link_box img{
	max-height: initial;
	object-fit: contain;
    width: 100%;
    height: 100%;
}
#category .link_box img{max-width:390px!important;}
#category article{margin-bottom:80px;}
}
/*

#category  img {
	margin:0 auto;
}

#category .category_box{
	background: var(--back-def-color);
	text-align:center;
}
#category .link_txt_box{
	height:50px;
	background: var(--back-def-color);
	margin:0;
	 display:table-cell;
	 vertical-align: middle;
	 font-weight:500;
	 line-height:17px;
	 text-align:left;
	 padding:0 20px 0 10px;
}

#category .markbox{
	margin:0;width:100%;
	display:table;
	}


#category .btn {
	display: block;
	margin: 15px 0;
}

#category.video-section .btn {
	display: inline-block;
	margin: 22px 0 0;
}
*/
/**********************
PORTFOLIO SECTION
***********************/
.portfolio-grid {
	margin-top: 25px;
	text-align: justify;
}
.portfolio-grid .markbox {
	margin:0;
}

.portfolio-grid:after {
	content: '';
	display: inline-block;
	width: 100%;
}
#category .portfolio-grid .link_box{
	display:grid;
}

.portfolio-grid .link_txt_box{
	padding :0 20px 15px  21px!important ;
	font-size:16px;
	}
/*
.portfolio-grid .box_row{padding:0  20px 15px 20px;}
*/
.portfolio-grid  .link_memo{
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align:left;
	height:80px;
}
.portfolio-grid  .link_memo div{
	font-size:12px;
	line-height:20px;
	}
#category .portfolio-grid article{
	padding: 0 ;

	}
#category .portfolio-grid .category_box{
height:100%;
  	  /*height:275px;
  /*	width:310px;*/
}
#category .portfolio-grid .markLink_s:after{
 top:62%!important ;
 right:15px;
}
#category .portfolio-grid  .category_box:hover > .markLink{
	color: var(--main-color);
}


/**********************
CATALOG SECTION
***********************/
#category .catalog-grid .category_box{
	height:auto;
	}
#category .category_box-grid article{
	margin-bottom:35px;
	}
#category .catalog-grid .markLink_s:after{
 top:55%!important ;
 right:31px;
}
#category .catalog-grid  .category_box:hover > .markLink{
	color: var(--main-color);
}
#category  .ccatalog-grid .link_box{
	height:145px;
}
#category  .catalog-grid .link_box img{
	width:auto;
}

.catalog-grid  .link_memo{
	padding:0  10px;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align:left;
	height:80px;
}


@media only screen and (max-width: 980px) {
	li.mega-fw{width:125px!important;}

/*
	.re_container, .right_size, .marin-right {width:100%;marign:0 atuo;}
	.marin-right{float:none!important}
	li.mega-fw{width:123px;width:auto;min-width:120px;
	}*/
	.mega .dropdown.mega-fw .dropdown-menu{width:100%;}

	/*サイドメニュー*/
	.left_menu{
		width:100%!important;border:0!important;margin:0!important;
		/*background-color:var(--back-def-color);*/
		}
		.left_menu #menuH{
		background-color:#FFF;
	    height:30px!important;display:block!important;
	    border-bottom:1px solid var(--boder-def-color);
	    margin-bottom:20px;
   		}
   		.left_menu .vis_back{padding:20px 0;}
		.left_menu #menuL{
		width:auto;float:left;height:25px;line-height:15px;
		border-top:none!important;
		margin:5px 10px 5px 0;
		padding:0!important;
		}
		.left_menu #menuL a{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		box-sizing: border-box;
		outline: none;
		box-shadow: none;
		padding:10px 15px 10px 10px ;
		width:auto;

		line-height:20px;
		border:1px solid #D7D7D7;
		/*
		font-size:12px;
		height:25px;
		*/

		}
		.left_menu .vis a{
		color:var( --main-color) !important;
		border:1px solid var(--main-color ) !important;
		padding-right:10px;
		}

		.left_menu .markLink_s:after{
			width:5px!important;
			height:5px!important;
			top: 43%!important;
		    right: 7px!important;
		}
		.left_menu .markLink_s:focus,
		.left_menu .markLink_s:hover{
			border: 1px solid var( --main-color)!important;
			color: var(--main-color)!important;
			transition: all 0.2s;
		}

		.left_menu #menuS{width:auto;float:left;height: 20px;padding:0 15px 0 0!important;}
		.left_menu #menuS a{
			color:var(--main-color);
			margin:0 2px;
			position: relative;
			display: inline-block;
			padding: 0 0 0 10px;
			vertical-align: middle;
			text-decoration: none;
			font-size:13px;
			line-height:20px;
		}
		.left_menu #menuS a:hover{text-decoration:underline;}
		.left_menu #menuS a:before,
		.left_menu #menuS a:after{
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			content: "";
			vertical-align: middle;
			left: 18px;
			box-sizing: border-box;
			width: 4px;
			height: 4px;
			border: 4px solid transparent;
			transition: all 0.2s;
			border-left: 6px solid var(--main-color);
			left:0;
		}
		.left_menu:after{clear:both;
	}
	.side_markbox{float:right;margin:10px 0!important;    z-index: 3;}
	.side_markbox:after{clear:both;}
	.margin_b{margin-bottom:40px;}

}


@media only screen and (max-width: 767px) {
	/* ヘッダーナビ*/
 	.navbar-default .navbar-nav>li>a.s_nav{display:block;}
	.navbar-default .navbar-nav>li>a.m_nav{display:none;}
	.navbar-nav.is-fixed > li {    width: auto!important;}
	li.mega-fw{padding:0;width:auto;clear:both;}
	.mega .dropdown.mega-fw .dropdown-menu{width:auto;}
	.mega .mega-content{margin:0 5px;}
	.mega .mega-content a.thumbnail{height:50px;}
	.mega .dropdown-menu{margin:0 auto;}
	.mega .dropdown-menu li{text-align:center;margin:0 auto 20px auto;background-color:var(--back-def-color);padding-bottom:5px;}
	.navbar-nav>li:before{position:static;border:0;content:none;clear:both;}
	#navbar-collapse-1 > .navbar-nav .small_nav{display: block;}
	#navbar-collapse-1 > .navbar-nav .def-nav{display: none;}
	#navbar-collapse-1 > .navbar-nav >li:hover >.dropdown-menu { display: none;}
	#navbar-collapse-1 > .navbar-nav >li.open:hover >.dropdown-menu { display: block;}
	.navbar-nav>li:before{position:static;border:0;content:none;}
	.navbar-nav>li>a:before,.navbar-nav>li>a:after{content:none;}

	.nav-divider-h{height:15px!important;}
	.re_container{width:100%;}
	.video-section {	margin-top: 55px;}
	img.rotate_s{transform: rotate(90deg);margin:20px!important;width:100px!important;}
	#category .portfolio-grid .category_box{
		height:275px;
  		/*width:410px;*/
		margin:0 auto;
	}
	#category .portfolio-grid .category_box img{
		width:100%;
	}
	#category .portfolio-grid .category_box .link_box {height:200px;}
	#category .portfolio-grid .markLink_s:after{
	 top:222px!important ;

	}
	.marin-right .off_space_left{padding-right:0;}
}

@media only screen and (max-width:640px){
	.table_list .ytable_cell{display:block;margin:10px 0;}
	.table_list .cell_txt70{width:100%;}
	#book .table_list .ytable_cell{display:table-cell;}
	.breadcrumb { margin: 25px 0 40px 0;}
	.nav-tabs>li{margin-left:10px;}
	.nav-tabs>li a{
	padding:8px;}

}

@media only screen and (max-width: 480px) {
	.left_menu #menuL{
		margin:0 10px 5px 0;
		}
	.left_menu #menuL a{
		padding:5px 15px 5px 5px ;
		font-size:13px;
		line-height:20px;
	}
	.left_menu .vis a{padding-right:5px!important;}
	.nav-tabs>li{margin-left:1px;}
	.nav-tabs>li a{
	height:40px;
	padding:2px;
	line-height:12px!important;
	min-width:50px;
	font-size:11px;
	letter-spacing:0;
	}


.container h1{font-size:21px;padding:0px 0px 15px 0px;}
.container h2{font-size:17px;padding:15px;}
.video-section{height:150px;}
#category .portfolio-grid .category_box{
		height:275px;
  		width:310px;
		margin:0 auto;
	}
	#category .portfolio-grid .category_box .link_box {height:145px;}
	#category .portfolio-grid .markLink_s:after{
	 top:166px!important ;

	}
	#microwave_powersupply .subkey_dnon .link_box{width:100%!important;}

}
@media only screen and (min-width: 991px){
.modal-dialog { width: 830px;}
}




@media print {
.container{width:100%!important;margin-top:0px!important;}
.re_container{width:100%!important;}
.navbar-header{margin:0!important;}
.left_menu, .navbar-toggle, .pagetop,
.side_markbox{display:none;}
.marin-right{width:100%!important;}
.navbar-fixed-top{position:relative!important;}
.breadcrumb{marign-top:-240px!important;}

	}