/* ▼▼ indexPage ▼▼ ------------------------------------------------------------ */

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background:#fff;
	text-align:center;
	color:#fff;
	display: none;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
}

/* fadeUpをするアイコンの動き */
.fadeLoadingUp{
animation-name: fadeUpLoadingAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpLoadingAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* Main image▼▼
------------------------------------------------------------ */
#mainImageWrap .full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	height: 100vh;
	margin: 0;
}
#mainImageWrap .full div.img01 {
  background-image: url(../../img/mainimg01.jpg);
}
#mainImageWrap .full div.img02 {
  background-image: url(../../img/mainimg02.jpg);
}
#mainImageWrap .full div.img03 {
  background-image: url(../../img/mainimg03.jpg);
}
#mainImageWrap .full .slick-dots {
  bottom: 4%;
  z-index: +1;
}


.indexPage #mainImageWrap .full h2 {
	position: absolute;
	z-index:1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size:6.0em;
	letter-spacing:1.5px;
	font-weight:500;
	text-transform: uppercase;
	color:#002653;
}
.indexPage #mainImageWrap .full span {
	color:#db0225;
}
@media screen and (max-width: 1000px){
	.indexPage #mainImageWrap .full h2{
		font-size:4.8em;
	}
}
@media screen and (max-width: 767px){
	.indexPage #mainImageWrap .full h2{
		font-size:2.2em;
	}
}





/*スクロールダウン全体の場所*/
.scrolldown{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:1%;
	right:3%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}
@media screen and (max-width: 767px){
	.scrolldown{
	right:6%;
	}
}
/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }
/*Scrollテキストの描写*/
.scrolldown span{
    /*描画位置*/
	position: absolute;
	left:-20px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
/* 矢印の描写 */
.scrolldown:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}
.scrolldown:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#eee;
}






/* indexPage01Wrap▼▼
------------------------------------------------------------ */
.indexPage01Wrap{
	width:100%;
	position:relative;
	background:#edeff0;
	padding: 100px 5%;
}
.indexPage01R{
	color:#000;
	width:43%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 6%;
}
.indexPage01L{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
.indexPage01L img{
	width: 100%;
	height:auto;
}
.indexPage01R h2{
	font-size:2.4em;
	line-height: 0.9em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
}
.indexPage01R h2 span{
	color:#888;
	font-size:0.5em;
	letter-spacing:1.2px;
}
.indexPage01R p{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:2.0px;
	margin-bottom: 30px;
}

.indexPage01Wrap .button{
    display:inline-block;
	background:rgba(255,255,255,0.25);
    width: 250px;
    padding:20px 35px;
    color:#002653;
    margin:5px;
    border:1px solid #9a9b9c;
    cursor:pointer;
    position: relative;
	text-decoration: none;
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	text-decoration:none;
	font-weight:500;
}
.indexPage01Wrap .button span{
	font-size:0.7em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:300;
}
.indexPage01Wrap .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(42% - 5px);
    right: 30px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #db0225;
    border-bottom: 2px solid #db0225;
    transform: skew(45deg);
}
@media screen and (min-width: 768px){
	.button,
	.button::before,
	.button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}

	.button:hover::after{
		right: 20px;
		width: 30px;
	}
	.indexPage01Wrap .button:hover{
		background:rgba(255,255,255,0.70);
		color:#db0225;
	}
}
@media screen and (max-width:1000px){
	.indexPage01Wrap .button{
		width: 210px;
		padding:10px 30px;
	}
}



@media screen and (max-width: 767px){
	.indexPage01Wrap{
		position:static;
		height: auto;
	}
	.indexPage01Wrap{
		height: auto;
	}
	.indexPage01L{
		position:static;
		width: 100%;
		display: block;
	}
	.indexPage01R{
		position:static;
		width: 100%;
		margin:30px 0 0 0;
		display: block;
	}
	.indexPage01R h2{
	font-size:2.0em;
	}
	.indexPage01Wrap .button{
		width: 100%;
		margin:0;
		padding:10px 30px;
	}
}


/* indexPage02Wrap▼▼
------------------------------------------------------------ */
.indexPage02Wrap ul,
.imageformWrap ul{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:-30px;
}

.imageformWrap{
	padding: 50px 5% 0px 5%;
	background:#fff;
}
.imageformWrap ul{
	width:75%;
	margin-top:0px;
}
.indexPage02Wrap li{
	position: relative;
	width:33.33%;
	background:#002653;
	text-align:center;
}
.imageformWrap li{
	position: relative;
	background:#002653;
	text-align:center;
}
.indexPage02Wrap li .indexPage04NakaWrap,
.imageformWrap li .indexPage04NakaWrap{
	width:90%;
	position: absolute;
    top: 0;
    left: 0;
    color:white;
    top: 50%; /* 追記 */
    left: 50%; /* 追記 */
    -ms-transform: translate(-50%, -50%); /* 追記 */
    -webkit-transform: translate(-50%, -50%); /* 追記 */
    transform: translate(-50%, -50%); /* 追記 */
}
.indexPage02Wrap li .indexPage04NakaWrap h2,
.imageformWrap li .indexPage04NakaWrap h2{
	font-size:2.4em;
	line-height: 1.3em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
	text-shadow: 0px 1px 10px #022d62;
}
.indexPage02Wrap li .indexPage04NakaWrap span,
.imageformWrap li .indexPage04NakaWrap span{
	font-size:0.5em;
	line-height: 0.8em;
	letter-spacing:2.0px;
}
.indexPage02Wrap li .indexPage04NakaWrap p,
.imageformWrap li .indexPage04NakaWrap p{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
}
.indexPage02Wrap li a,
.imageformWrap li a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:110%;
	overflow:hidden;
}
.imageformWrap li a{
	padding-bottom:30%;
}
.indexPage02Wrap li a img,
.imageformWrap li a img{
	width:100%;
	height:auto;
}
@media screen and (max-width:1000px){
	.indexPage02Wrap li .indexPage04NakaWrap h2,
	.imageformWrap li .indexPage04NakaWrap h2{
		font-size:2.0em;
	}
}
@media screen and (max-width: 767px){
	.indexPage02Wrap ul,
	.imageformWrap ul{
		display:block;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		padding:0;
	}
	.imageformWrap ul{
		width:90%;
		}
	.indexPage02Wrap li,
	.imageformWrap li{
		width:100%;
		margin-bottom:1px;
	}
	.indexPage02Wrap li:nth-child(2){
		margin-left:0;
	}
	.indexPage02Wrap li a{
		padding-bottom:80%;
	}
	.imageformWrap li a{
		padding-bottom:50%;
	}
	.indexPage02Wrap li a img,
	.imageformWrap li a img{
		opacity:0.75;
	}
	.imageformWrap li .indexPage04NakaWrap h2{
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 768px){
	.indexPage02Wrap li a img,
	.imageformWrap li a img{
		opacity:1.0;
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 03s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.indexPage02Wrap li a:hover img,
	.imageformWrap li a:hover img{
		opacity:0.4;
		-moz-transform:scale(1.1, 1.1);
		-ms-transform:scale(1.1, 1.1);
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1);
	}
}


.indexPage02Wrap .button,
.imageformWrap .button{
    display:inline-block;
	background:rgba(255,255,255,0.25);
    width: 250px;
    padding:20px 35px;
    color:#fff;
    margin:5px;
    border:1px solid #bbb;
    cursor:pointer;
    position: relative;
	text-decoration: none;
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:500;
	text-decoration:none;
	text-align:left;
}
.imageformWrap .button{
	margin:0px;
}
.indexPage02Wrap .button span,
.imageformWrap .button span{
	font-size:0.7em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:300;
}
.indexPage02Wrap .button::after,
.imageformWrap .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(42% - 5px);
    right: 30px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #db0225;
    border-bottom: 2px solid #db0225;
    transform: skew(45deg);
}
@media screen and (min-width: 768px){
	.indexPage02Wrap li a:hover .button:after,
	.imageformWrap li a:hover .button:after{
		right: 20px;
		width: 30px;
	}
	.indexPage02Wrap li a:hover .button,
	.imageformWrap li a:hover .button{
		border:1px solid #fff;
		background:rgba(255,255,255,0.90);
		color:#db0225;
	}
}
@media screen and (max-width:1000px){
	.indexPage02Wrap .button,
	.imageformWrap .button{
    width: 210px;
    padding:10px 30px;
	}
}



/* Toppage News ▼▼
------------------------------------------------------------ */
.indexPage .newsWrap{
	padding: 100px 5%;
	background:#fff;
}
.indexPage .newsWrap .h2_title_news{
	padding:1% 0 0 0;
	width:20%;
	display: inline-block;
	vertical-align: top;
}
.indexPage .newsWrap .h2_title_news h2{
	font-size:2.4em;
	line-height: 1.2em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
}
.indexPage .newsWrap .h2_title_news h2 span{
	font-size:0.5em;
	letter-spacing:2.0px;
	text-align:center;
}
.indexPage .newsWrap ul{
	width:79%;
	display: inline-block;
	vertical-align: middle;
}
.indexPage .newsWrap li{
	border-bottom:1px solid #d5d5d5;
}

.indexPage .newsWrap li a{
	color:#002653;
}
.indexPage .newsWrap li a:hover{
	color:#db0225;
	text-decoration:none;
}
.indexPage .newsWrap li span{
	float:left;
	width:13%;
	padding:1.7% 0 0 0;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	word-break:break-all;
}
.indexPage .newsWrap li p{
	float:left;
	width:87%;
	padding:1.7% 2% 2% 0;
}
@media screen and (max-width: 1000px){
	.indexPage .newsWrap{
		width:100%;
	}
	.indexPage .newsWrap .h2_title_news{
		padding:0;
		width:100%;
		text-align:center;
	}
	.indexPage .newsWrap ul{
		width:100%;
	}
	.indexPage .newsWrap li span{
			width:16%;
	}
	.indexPage .newsWrap li p{
		width:70%;
	}
}

@media screen and (max-width: 767px){
	.indexPage .newsWrap{
		width:100%;
		padding:10% 0;
	}
	.indexPage .newsWrap li span{
		display:inline-block;
		vertical-align:middle;
		*vertical-align:auto;
		*zoom:1;
		*display:inline;
		float:none;
		width:auto;
		padding:4.0625% 0 0 3.14375%;
	}
	.indexPage .newsWrap li p{
		clear:both;
		float:none;
		width:93.75%;
		margin:0 auto;
		padding:1% 0 4% 0;
	}
}




/* ▼▼ CAD DATA ▼▼ ------------------------------------------------------------ */
.caddata .PageTitleWrap,
.caddataNaka .PageTitleWrap{
	background:url("../../caddata/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.caddataWrapWaku {
	border:2px solid #000;
	padding:10px;
}

.caddata table,
.caddataNaka table{
	width: 100%;
	border-top:1px #bfbfbf solid ;
	border-left:1px #bfbfbf solid ;
	margin:10px 0;
	padding:0;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border-collapse:collapse;
}
.caddata table th,
.caddata table td{
	border-bottom:1px #bfbfbf solid ;
	border-right:1px #bfbfbf solid ;
	padding:10px 5px;
	margin:0;
	vertical-align:middle;
}
.caddataNaka table th,
.caddataNaka table td{
	border-bottom:1px #bfbfbf solid ;
	border-right:1px #bfbfbf solid ;
	padding:10px 10px;
	margin:0;
	vertical-align:middle;
}
.caddata table th{
	font-weight:500;
	text-align:center;
	width: 25%;
	background:#e4e9ed;
}
.caddataNaka table th{
	font-weight:500;
	text-align:center;
	background:#e4e9ed;
}
.caddata table td{
	background:#fff;
	text-align:center;
}

.caddata .button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 140px;
	padding:8px 0px 10px 10px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:left;
}
.caddata .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(45deg);
}
.caddataNaka .back_button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 230px;
	padding:8px 10px 10px 0px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:right;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
}
.caddataNaka .back_button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    left: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(125deg);
}

.waku01{
	float: left;
	width: 32%;
}
.waku02{
	float: left;
	width: 32%;
	margin-left:2%;
}
.waku03{
	float: right;
	width: 32%;
}

@media screen and (min-width: 768px){
	.caddata .button,
	.caddata .button::before,
	.caddata .button::after,
	.caddataNaka .back_button,
	.caddataNaka .back_button::before,
	.caddataNaka .back_button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}
	.caddata .button:hover::after{
		right: 10px;
		width: 30px;
	}
	.caddataNaka .back_button:hover::after{
		left: 10px;
		width: 30px;
	}
	.caddata .button:hover,
	.caddataNaka .back_button:hover{
		background:#db0225;
	}
}


@media screen and (max-width: 1000px){
	.waku01,
	.waku03{
		float: left;
		width: 49%;
	}
	.waku02{
		float: right;
		width: 49%;
		margin-left:0;
	}
}

@media screen and (max-width: 767px){
	.caddata .button{
		width: 130px;
	}
	.caddata .button::after{
		right: 10px;
	}
	
	.caddataNaka .back_button{
		width: 100%;
		text-align:center;
		padding:8px 0px 10px 0px;
	}
	.waku01,
	.waku02,
	.waku03{
		float: none;
		width: 100%;
	}
}




/* ▼▼ 設置動画 ▼▼ ------------------------------------------------------------ */
.movie .PageTitleWrap{
	background:url("../../movie/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.movieWrap ul{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.movieWrap li{
	position:relative;
	margin-right:2%;
	margin-bottom:50px;
	height:0;
	text-align:center;
		width:48%;
		padding-top:27%;
}
.movieWrap li:nth-of-type(2n){
	margin-right:0;
}
.movieWrap iframe,
.movieWrap img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.movieWrap img{
	border:1px solid #ddd;
}

@media screen and (max-width: 767px){
	.movieWrap li{
		width:100%;
		margin-right:0;
		padding-top:56%;
	}
}






/* ▼▼ 見積りシミュレーション ▼▼ ------------------------------------------------------------ */
.simulation .PageTitleWrap{
	background:url("../../simulation/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
select.minimal {
	font: bold 1em/100% "Helvetica Neue", Arial, sans-serif;
	background-color: white;
	border:1px solid #ddd;
	border-radius:3px;
	display: inline-block;
	font: inherit;
	padding: 0.5em 3.5em 0.6em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size:1.4em;
	line-height: 1.6em;
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 20px) calc(1em + 2px),
		calc(100% - 15px) calc(1em + 2px),
		calc(100% - 2.8em) 0.5em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.6em;
	background-repeat: no-repeat;
	vertical-align:bottom;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, #002653 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #002653 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.8em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.6em;
  background-repeat: no-repeat;
  border-color: #002653;
  outline: 0;
}



.Searchbutton{
	position: relative;
	display:inline-block;
	width: 200px;
	padding:6px 0 8px 0;
	margin-left:5px;
	color:#fff !important;
	cursor:pointer;
	text-decoration: none;
	font-weight:500;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	text-align:center;
	border: 0px;
	background:url("../img/seach.png") no-repeat center right #002653;
	background-size: 24px;
	transition: all 0.3s;
	vertical-align:top;
}
@media screen and (min-width: 768px){
	.Searchbutton:hover{
		transition: all 0.3s;
		background-color:#db0225;
	}
}
@media screen and (max-width: 767px){
	select.minimal{
		width: 100%;
	}
	.Searchbutton{
		width: 100%;
		padding:10px 10px;
		margin:5px 0;
	}
}

.simulationBox {
	width: 100%;
	border:1px #d2d2d2 solid ;
	padding:10px;
}
.simulation table {
	width: 100%;
	border-top:1px #d2d2d2 solid ;
	border-left:1px #d2d2d2 solid ;
	border-right:1px #d2d2d2 solid ;
	padding:0;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:1.0px;
	border-collapse:collapse;
}
.simulation table th,
.simulation table td{
	border-bottom:1px #d2d2d2 solid ;
	padding:10px;
	margin:0;
	vertical-align:middle;
}
.simulation table th{
	text-align:left;
	width: 25%;
	background:#e8e8e8;
	font-weight:500;
}
.simulation table td{
	background:#fff;
	font-weight:300;
}
.simulation table sup {
	font-size:0.6em;
	vertical-align:5px;
}
.simulation .w200,
.wind .w200{
	width: 200px;
	padding: 4px;
	margin-bottom:5px;
}
.simulation .w400,
.wind .w400 {
	width: 400px;
	padding: 4px;
	margin-bottom:5px;
}

.simulation table.anser th{
	text-align:center;
}
.simulation table.anser th,
.simulation table.anser td{
	border-right:1px #d2d2d2 solid ;
	width:auto;
}


.simulation .underlines p{
	border-bottom:1px solid #bbb;
}
.simulation .lineBox{
	border:2px solid #000;
}
.simulation  table.Print01Box{
	width: 180px;
	height:60px;
}
.simulation table.Print01Box td{
	border:1px solid #000;
	padding:10px;
}

@media screen and (max-width: 767px){
	.simulationBox {
		padding:5%;
	}
	.simulation table.nomalBox th,
	.simulation table.nomalBox td{
		width:auto;
		display: block;
	}
	.simulation table.nomalBox th{
		border-right:none;
		border-bottom:none;
	}
	.simulation table.anser th,
	.simulation table.anser td{
		width:auto;
	}
	.simulation .w200,
	.simulation .w400,
	.wind .w200,
	.wind .w400 {
		width: 86%;
	}
	.simulation table.borderTopNon_sp {
		border-top:none ;
	}
	.table-scroll{
		overflow: auto; /*スクロールさせる*/
		white-space: nowrap; /*文字の折り返しを禁止*/
	}
	.table-scroll::-webkit-scrollbar{
		height: 5px;
	}
	.table-scroll::-webkit-scrollbar-track{
		background: #333;
	}
	.table-scroll::-webkit-scrollbar-thumb {
		background: #999;
	}
}

/* Buttom▼▼
------------------------------------------------------------ */
.Forwardbutton,
.Backbutton,
.Normalbutton{
	display:inline-block;
	background:#002653;
    padding:8px 0 10px 0;
    color:#fff !important;
    cursor:pointer;
    position: relative;
	text-decoration: none;
	text-decoration:none;
	font-weight:500;
	text-align:center;
}
.Forwardbutton,
.Backbutton{
	margin:5px;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	border: 0px;
}
.Forwardbutton{
	width: 300px;
	background:#002653;
}
.Backbutton{
	width: 300px;
	background:#888;
}
.Normalbutton{
    padding:8px 20px 10px 20px;
	background:#002653;
	white-space: nowrap;
}
@media screen and (min-width: 768px){
	.Forwardbutton,
	.Forwardbutton::before,
	.Forwardbutton::after,
	.Backbutton,
	.Backbutton::before,
	.Backbutton::after,
	.Normalbutton,
	.Normalbutton::before,
	.Normalbutton::after{
			transition: all 0.3s;
	}
	.Forwardbutton:hover,
	.Backbutton:hover,
	.Normalbutton:hover{
		background:#db0225;
	}
}
@media screen and (max-width: 767px){
	.Forwardbutton,
	.Backbutton,
	.Normalbutton{
		width: 100%;
		padding:10px 10px;
		margin:5px 0;
	}
	input.Forwardbutton,
	input.Backbutton{
		-webkit-appearance: none; 
	}
}
@keyframes arrowbefore {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.75;
	}
	100% {
		opacity: 0;
		right: 1%;
	}
}

@media print{
	body {
		background: #fff;
	}
	.printnon{
		display:none;
	}
	.simulation .whiteWrap{
		padding: 0px;
	}
	.simulation .lineBox{
		padding: 0px 0px 2px 5px;
	}
	.simulation .floatL_pc{
		float:left;
		width:49%;
	}
	.simulation .floatR_pc{
		float:right;
		width:49%;
		text-align:right;
	}
	.simulation table {
		font-size:1.2em;
		line-height: 1.5em;
	}
	.simulation .font12{
		font-size:1.0em;
		line-height: 1.4em;
	}
	.wind .formatWrap{
		padding: 50px 5% 0px 5%;
	}
	.wind .whiteWrap{
		padding: 0px;
	}
	.wind .floatL_pc{
		float:left;
	}
	.wind .floatR_pc{
		float:right;
	}
	.w20p_pc{width:20%;}
	.w40p_pc{width:40%;}
	.w60p_pc{width:60%;}
	.w80p_pc{width:80%;}
}


/* ▼▼ 取付説明書 ▼▼ ------------------------------------------------------------ */
.manual .PageTitleWrap,
.manualNaka .PageTitleWrap{
	background:url("../../manual/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}

.manual table{
	width: 100%;
	border-top:1px #bfbfbf solid ;
	border-left:1px #bfbfbf solid ;
	margin:10px 0;
	padding:0;
	font-size:1.5em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border-collapse:collapse;
}
.manual table th,
.manual table td{
	border-bottom:1px #bfbfbf solid ;
	border-right:1px #bfbfbf solid ;
	padding:10px 5px;
	margin:0;
	vertical-align:middle;
}
.manual table th{
	font-weight:500;
	text-align:center;
	background:#e4e9ed;
}
.manual table td{
	background:#fff;
	text-align:center;
}

.manual .button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 140px;
	padding:8px 0px 10px 10px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:left;
}
.manual .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    right: 15px;
    width: 15px;
    height: 5px;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(45deg);
}

.wakuL{
	float: left;
	width: 49%;
}
.wakuR{
	float: right;
	width: 49%;
}

@media screen and (min-width: 768px){
	.manual table td:nth-of-type(2){
		width: 160px;
	}
	.manual .button,
	.manual .button::before,
	.manual .button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}
	.manual .button:hover::after{
		right: 10px;
		width: 20px;
	}
	.manual .button:hover{
		background:#db0225;
	}
}



@media screen and (max-width: 767px){
	.manual table td:nth-of-type(2){
		width: 150px;
	}
	.manual .button{
		width: 130px;
	}
	.manual .button::after{
		right: 10px;
	}
	.wakuL,
	.wakuR{
		float: none;
		width: 100%;
	}
}


/*====================================== 
simulation
=======================================*/ 

/* simulation▼▼
------------------------------------------------------------ */
.simulation .formatWrap .flowBox ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
	margin-bottom:0.8%;
}
.simulation .formatWrap .flowBox ul li{
	width:16%;
	padding:1%;
	margin-right:0.8%;
	background: #fff;
	text-align:center;
	font-size:1.3em;
	line-height: 1.3em;
	letter-spacing:1.0px;
	text-decoration:none;
}
.simulation .formatWrap .flowBox ul li:nth-child(6){
	margin-right:0%;
}
.simulation .formatWrap .flowBox ul li div{
	font-weight:500;
	color: #fff;
	background: #003466;
	padding:2px 5px 3px 5px;
	margin-bottom:5px;
}
.simulation .formatWrap .flowBox ul li div.current{
	background: #de0b0b;
}
@media screen and (max-width:767px) {
	.simulation .formatWrap .flowBox ul{
		margin-bottom:1%;
	}
	.simulation .formatWrap .flowBox ul li{
		font-size:1.2em;
		line-height: 1.2em;
		letter-spacing:0.5px;
	}
}



.simulation .formatWrap .h2_title_su h2{
	padding-bottom:15px;
	margin-bottom:30px;
	border-bottom:3px solid #d9d9d9;
	font-size:2.4em;
	letter-spacing:1.5px;
	font-weight:500;
}

.simulation .formatWrap .simulationBox01{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
	margin-bottom:5%;
}
.simulation .formatWrap .simulationBox01 h3{
	margin-bottom:10px;
	font-size:2.0em;
	letter-spacing:1.5px;
	font-weight:500;
}
.simulation .formatWrap .simulationBox01 .simulationBox01Nimg{
	width:100%;
	height:auto;
	border:1px solid #bfbfbf;
	margin-bottom:10px;
	overflow:hidden;
}
.simulation .formatWrap .simulationBox01 img{
	width:100%;
	height:auto;
}
.simulation .formatWrap .simulationBox01 p{
	font-size:1.4em;
	line-height: 1.5em;
	letter-spacing:0.5px;
}
.simulation .formatWrap .simulationBox01 table{
	font-size:1.3em;
	line-height: 1.5em;
	letter-spacing:0.25px;
}
.simulation .formatWrap .simulationBox01 .simulationBox01N{
	width:31%;
	margin-right:3.5%;
	margin-bottom:5%;
}
.simulation .formatWrap .simulationBox01N:nth-child(3n){
	margin-right:0;
}
.simulation .formatWrap .simulationBox01 .simulationBox01N li{
	margin-bottom:1%;
	overflow:hidden;
}
.simulation .formatWrap .simulationBox01 .simulationBox01N li:nth-child(n + 2){
	width:24.25%;
	margin-right:1%;
	float:left;
}
.simulation .formatWrap .simulationBox01 .simulationBox01N li.nonimg{
	height: 0;
	padding-top: 24.25%;
	background:#E5E5E5;
}
.simulation .formatWrap .simulationBox01 .simulationBox01N li:last-child{
	margin-right:0;
}
.simulation .formatWrap .simulationBox01N .button{
	width: 100%;
	padding:8px 0 10px 0;
	margin:10px 0 0 0;
}



@media screen and (max-width:767px) {
	.simulation .formatWrap .simulationBox01{
		display: block;
	}
	.simulation .formatWrap .simulationBox01 .simulationBox01N{
		width:100%;
		margin-right:0;
		margin-bottom:50px;
	}
}
@media screen and (min-width: 768px){
	.simulationBox01N.tableWrap table th{
		width: 65px;
	}
	.simulationBox01N .button:hover{
		background:#db0225;
	}
	
	.simulationBox01N img{
		opacity:1.0;
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 03s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.simulationBox01N img:hover{
		-moz-transform:scale(1.1, 1.1);
		-ms-transform:scale(1.1, 1.1);
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1);
	}
}

.Blankbutton{
	display:inline-block;
	background:url("../img/blank.png") no-repeat 98% center #002653;
	background-size: 20px;
	width: 300px;
	padding:8px 0px 10px 10px;
	color:#fff !important;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:center;
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	text-decoration:none;
	font-weight:500;
}

.simulation .button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 140px;
	padding:8px 0px 10px 10px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:center;
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	text-decoration:none;
	font-weight:500;
}
.simulation .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(45deg);
}

@media screen and (min-width: 768px){
	.simulation .button,
	.simulation .button::before,
	.simulation .button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}
	.Blankbutton{
		transition: all 0.3s;
	}
	.simulation .button:hover::after{
		right: 10px;
		width: 30px;
	}
	.simulation .button:hover{
	}
	.Blankbutton:hover{
		background:url("../img/blank.png") no-repeat 98% center #db0225;
		background-size: 20px;
	}
}

@media screen and (max-width: 767px){
	.simulation .button{
		width: 130px;
	}
	.simulation .button::after{
		right: 10px;
	}
	.Blankbutton{
		width: 100%;
	}
}
	




/* Side nav
------------------------------------------------------------------*/
#nav-menubar{
	float:left;
	background-image:url("../../common/img/sidemenu_on.png");
	cursor: pointer;
}
#nav-menubar .button-change{
	float:left;
	background-image:url("../../common/img/sidemenu_off.png");
}
#nav-menu,
#nav-menuYoko{
    opacity: 0.95;
	position: fixed;
	z-index: 20;
	right: 0px;
	transition: all 0.3s ease-in-out;
}
#nav-menu{
	top:226px; 
}
#nav-menuYoko{
	top:226px; 
}
#nav-menu.nav-menu-open {
  right: -180px;
}
#nav-menuYoko.nav-menu-open {
  right: -210px;
}

#nav-menu ul,
#nav-menu-bottom ul,
#nav-menuYoko ul,
#nav-menuYoko-bottom ul{
	float:right;
	background:#e9e9e9;
	padding:5px 0;
}
#nav-menu li,
#nav-menu-bottom li,
#nav-menuYoko li,
#nav-menuYoko-bottom li {
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:0.5px;
	font-weight:500;
	background:#fff;
	text-align: center;
	margin:3px 10px;
}
#nav-menu li,
#nav-menu-bottom li {
	width:160px;
}
#nav-menuYoko li,
#nav-menuYoko-bottom li {
	width:190px;
}
#nav-menu li span,
#nav-menu-bottom li span,
#nav-menuYoko li span,
#nav-menuYoko-bottom li span {
	font-size:0.9em;
	letter-spacing:0.5px;
	font-weight:300;
}
#nav-menu li a,
#nav-menuYoko li a{
	position: relative;
	display:block;
	color:#000;
	transition: all 0.3s;
}
#nav-menu li a{
	padding:8px 0 20px 0;
}
#nav-menuYoko li a{
	padding:8px 0 8px 10px ;
}
#nav-menu-bottom li a,
#nav-menuYoko-bottom li a{
    position: relative;
    padding:25px 0 10px 0;
	display:block;
	color:#000;
}
#nav-menu li.navmenuL a,
#nav-menuYoko li.navmenuL a{
	padding:10px 0 30px 0;
}
#nav-menu li a::after,
#nav-menuYoko li a::after{
	content: '';
	border: 0px;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
}
#nav-menu li a::after{
	width: 10px;
	height: 10px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	bottom: 20%;
	left: 48%;
}
#nav-menuYoko li a::after{
	width: 8px;
	height: 8px;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	bottom: 40%;
	left: 5%;
}
#nav-menu li.searchBt,
#nav-menu-bottom li.searchBt,
#nav-menu li.search2Bt,
#nav-menu-bottom li.search2Bt,
#nav-menuYoko li.searchBt,
#nav-menuYoko-bottom li.searchBt,
#nav-menuYoko li.search2Bt,
#nav-menuYoko-bottom li.search2Bt{
	background-color:#f2ece3;
	border: solid 1px #fff;
	box-sizing: border-box;
}
#nav-menu li.searchBt a,
#nav-menuYoko li.searchBt a,
#nav-menu li.search2Bt a,
#nav-menuYoko li.search2Bt a{
	padding:7px 0 8px 0;
}
#nav-menu li.searchBt a::after,
#nav-menu li.search2Bt a::after,
#nav-menuYoko li.searchBt a::after,
#nav-menuYoko li.search2Bt a::after{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border: none;
	background-image:url("../../common/img/seachbt.png");
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	position: absolute;
	bottom: 35%;
	left: 5%;
}
#nav-menu-bottom li a::before,
#nav-menuYoko-bottom li a::before{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 20%;
	left: 48%;
}
#nav-menu-bottom li.searchBt a::before,
#nav-menu-bottom li.search2Bt a::before,
#nav-menuYoko-bottom li.searchBt a::before,
#nav-menuYoko-bottom li.search2Bt a::before{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border: none;
	background-image:url("../../common/img/seachbt.png");
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	position: absolute;
	bottom: 35%;
	left: 5%;
}
@media screen and (min-width: 768px){
	#nav-menu li a::before,
	#nav-menu li a::after,
	#nav-menuYoko li a::before,
	#nav-menuYoko li a::after{
		transition: all 0.3s;
	}
	#nav-menu li a:hover::after{
		animation: arrowbeforeside 0.75s infinite;
		border-top: solid 1px #db0225;
		border-right: solid 1px #db0225;
	}
	#nav-menuYoko li a:hover::after{
		animation: arrowbeforeside02 0.75s infinite;
		border-top: solid 1px #db0225;
		border-left: solid 1px #db0225;
	}
	#nav-menu li.searchBt a:hover::after,
	#nav-menu li.search2Bt a:hover::after,
	#nav-menuYoko li.searchBt a:hover::after,
	#nav-menuYoko li.search2Bt a:hover::after{
		animation: arrowbeforeside02 1s infinite;
		background-image:url("../../common/img/seachbt_red.png");
		border: 0px;
	}
	#nav-menu li a:hover,
	#nav-menuYoko li a:hover{
		color:#db0225;
		transition: all 0.3s;
	}
}
@keyframes arrowbeforeside {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.65;
	}
	100% {
		opacity: 0;
		bottom: 5%;
	}
}
@keyframes arrowbeforeside02 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.65;
	}
	100% {
		opacity: 0;
	}
}
@media screen and (max-width: 767px){
	#nav-menubar{
		display: none;
	}
	#nav-menu,
	#nav-menu-bottom,
	#nav-menuYoko,
	#nav-menuYoko-bottom{
		position: relative;
		top:1px; 
	}
	#nav-menu ul,
	#nav-menu-bottom ul,
	#nav-menuYoko ul,
	#nav-menuYoko-bottom ul{
		float:none;
		padding:3% 5% 1% 5%;
	}
	#nav-menu li,
	#nav-menu-bottom li,
	#nav-menuYoko li,
	#nav-menuYoko-bottom li{
		width:49%;
		float:left;
		margin:0 2% 2% 0;
	}
	
	#nav-menu li.navmenuL a,
	#nav-menuYoko li.navmenuL a {
		padding:10px 0 25px 0;
	}
	#nav-menu .singleBox li,
	#nav-menu-bottom .singleBox li,
	#nav-menuYoko .singleBox li,
	#nav-menuYoko-bottom .singleBox li{
		height:76px;
	}
	#nav-menu li.singleBoxH{
		padding-top:10px;
		height:68px;
	}
	#nav-menu li.single,
	#nav-menu-bottom li.single,
	#nav-menuYoko li.single,
	#nav-menuYoko-bottom li.single{
		padding-top:10px;
	}
	#nav-menu li:nth-child(2n),
	#nav-menu-bottom li:nth-child(2n),
	#nav-menuYoko li:nth-child(2n),
	#nav-menuYoko-bottom li:nth-child(2n){
		margin:0;
	}
	#nav-menu-bottom li.dobble a::before,
	#nav-menuYoko-bottom li.dobble a::before{
		top: 20%;
	}
	#nav-menu-bottom .singleBox li.navmenuL,
	#nav-menuYoko-bottom .singleBox li.navmenuL {
		height:106px;
	}
	#nav-menu li.searchBt,
	#nav-menuYoko li.searchBt{
	}
	#nav-menu-bottom li.searchBt,
	#nav-menu-bottom li.searchBt a,
	#nav-menuYoko-bottom li.searchBt{
		height:auto;
		padding:4px;
	}
}



/* simulation 中▼▼
------------------------------------------------------------ */
.productsTab{
	padding: 0 0% 5% 0;
}

.productsTab ul{
	width: 100%;
	border-bottom: 2px solid #082553;
	text-align:center;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1px;
	font-weight:500;
}
.productsTab li{
	width: 49%;
	float:left;
	background:#eee;
}
.productsTab li.selectTab a{
	color:#fff;
}
.productsTab li:nth-child(2){
	float:right;
}
.productsTab li a{
	display:block;
	padding:10px;
	transition: all 200ms linear;
}
.productsTab li a:hover{
	background:#082553;
	color:#fff;
}
.productsTab li.selectTab{
	background:none;
	background:#082553;
}


#color00,
#color00left,
#color02,
#color02left,
#color03,
#color03left,
#color05,
#color05left,
#color07,
#color07left,
#color08,
#color08left,
#color09,
#color09left,
#color010,
#color010left,
#color011,
#color011left,
#color012,
#color012left,
#color013,
#color013left,
#color015,
#color015left,
#color01-00,
#color01-02,
#color01-03,
#color01-04,
#color02-00,
#color02-01,
#color02-02,
#color02-03,
#color02-04,
#color03-00,
#color03-01,
#color03-02,
#color03-03,
#color03-04,
#color04-00,
#color04-01,
#color04-02,
#color04-03,
#color04-04,
#color01-00left,
#color01-02left,
#color01-03left,
#color01-04left,
#color02-00left,
#color02-01left,
#color02-02left,
#color02-03left,
#color02-04left,
#color03-00left,
#color03-01left,
#color03-02left,
#color03-03left,
#color03-04left,
#color04-00left,
#color04-01left,
#color04-02left,
#color04-03left,
#color04-04left{
  display: none;
  opacity: 0;
}



.simulationPage01Wrap h3{
	border-bottom: 3px solid #e1e1e1;
	margin-bottom:20px;
	padding-bottom:5px;
}
.simulationPage01Wrap h4{
	margin-bottom:10px;
}

.simulationPage01WrapTop{
}
.simulationPage01WrapTop h2{
	text-align:left;
	letter-spacing:0.5px;
	margin-bottom:15px;
}
.simulationPage01WrapTop .floatL_pc{
	width: 40%;
}
.simulationPage01WrapTop .floatR_pc{
	width: 55%;
}



.white02Wrap{
	position:fixed;
	z-index:1;
	background-color:rgba(255, 255, 255 , 1);
	transition: all .25s ease-in-out;
}
.white02Wrap h2{
	font-weight: 500;
	text-align:center;
	margin:0 0 10px 0;
}
#lockWrap .is-animation{
	position:fixed;
	right:0px;
}

@media screen and (max-width:767px) {
	.white02Wrap{
		width: 180px;
		right:-180px;
		top:75px;
		padding: 10px;
	}
	.white02Wrap h2{
		font-size:1.2em;
		line-height: 1.2em;
	letter-spacing:0px;
	}
}

@media screen and (min-width: 768px){
	.white02Wrap{
		width: 250px;
		right:-250px;
		top:105px;
		padding: 15px;
	}
	.white02Wrap h2{
		font-size:1.6em;
		line-height: 1.2em;
		letter-spacing:0.5px;
	}
	.opas{
		opacity: 1;
		transition: all .5s;
	}
	.is-noncont .opas{
		opacity: 0.25;
	}
}


.simulationPage01WrapBox ul{
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.simulationPage01WrapBox li{
	position: relative;
	width: 100%;
	height: 100%;
}
.simulationPage01WrapBox li::before {
  content: "";
  display: block;
  padding-top: 100%;
}
ul.ks-cboxtags li label,
.ks-cboxtags .width00 label,
.customtype label,
.cautionCheck label{
	display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
	position: absolute;
	top: 0;
	left: 0;
	text-align:center;
	border-top: 1px solid #c3c0c1;
	border-left: 1px solid #c3c0c1;
	border-bottom: 1px solid #c3c0c1;
    width: 100%;
	height:100%;
	cursor: pointer;
	bottom:0;
	font-size:1.4em;
	line-height: 1.2em;
	font-weight: 500;
}

.ks-cboxtags .width00 label{
	position:relative;
	padding-top: 30px;
	min-height:95px;
}
.customtype label{
	position:relative;
	padding-top: 30px;
	padding-bottom: 10px;
	min-height:155px;
	border-right: 1px solid #c3c0c1;
}
.cautionCheck label{
    width: 300px;
	position:relative;
	padding-top: 10px;
	padding-bottom: 12px;
	border-right: 1px solid #c3c0c1;
}
ul.ks-cboxtags li label::before,
.ks-cboxtags .width00 label::before,
.customtype label::before,
.cautionCheck label::before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 6px 6px 2px 2px;
	content: "\f067";
	color:#a3a5a7;
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="radio"]:checked + label::before,
.ks-cboxtags .width00 input[type="radio"]:checked + label::before,
ul.ks-cboxtags li input[type="checkbox"]:checked + label::before,
.customtype input[type="checkbox"]:checked + label::before,
.cautionCheck input[type="checkbox"]:checked + label::before{
    content: "\f00c";
	color:#fff;
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}
ul.ks-cboxtags li input[type="radio"],
.ks-cboxtags .width00 input[type="radio"],
ul.ks-cboxtags li input[type="checkbox"],
.customtype input[type="checkbox"],
.cautionCheck input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

@media screen and (max-width:1100px){
	.customtype label::before{
		padding: 16px 6px 12px 2px;
	}
	.cautionCheck label::before{
		padding: 16px 6px 12px 2px;
	}
}

ul.ks-cboxtags li.color00 label,
ul.ks-cboxtags li.yncolor00 label,
ul.ks-cboxtags li.ntcolor00 label{
	background:url("../../simulation/img/color00.png") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color01 label,
ul.ks-cboxtags li.yncolor01 label{
	background:url("../../simulation/img/color01.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.max02color li.color01 label{
	background:url("../../simulation/img/color01-02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color02 label,
ul.ks-cboxtags li.yncolor02 label{
	background:url("../../simulation/img/color02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color03 label,
ul.ks-cboxtags li.yncolor04 label{
	background:url("../../simulation/img/color03.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color04 label{
	background:url("../../simulation/img/color04.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color05 label{
	background:url("../../simulation/img/color05.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color06 label{
	background:url("../../simulation/img/color06.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color07 label{
	background:url("../../simulation/img/color07.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.max02color li.color06 label{
	background:url("../../simulation/img/color06-02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.max02color li.color07 label{
	background:url("../../simulation/img/color07-02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color08 label,
ul.ks-cboxtags li.color09 label,
ul.ks-cboxtags li.color010 label,
ul.ks-cboxtags li.color011 label{
	background:url("../../simulation/img/color08.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color012 label,
ul.ks-cboxtags li.yncolor03 label{
	background:url("../../simulation/img/color012.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.max02color li.color012 label{
	background:url("../../simulation/img/color012-02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color013 label{
	background:url("../../simulation/img/color013.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color014 label{
	background:url("../../simulation/img/color014.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.max02color li.color014 label{
	background:url("../../simulation/img/color014-02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.color015 label{
	background:url("../../simulation/img/color015.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.max02color li.color015 label{
	background:url("../../simulation/img/color015-02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.ntcolor01 label{
	background:url("../../simulation/img/ntcolor01.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.ntcolor02 label{
	background:url("../../simulation/img/ntcolor02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.ntcolor03 label{
	background:url("../../simulation/img/ntcolor03.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.ntcolor04 label{
	background:url("../../simulation/img/ntcolor04.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
.customtype label{
	background:url("../../simulation/img/customtype.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}

ul.ks-cboxtags li.color00 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color05 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color06 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color07 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color08 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color09 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color010 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color011 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color012 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color013 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color014 input[type="radio"]:checked + label,
ul.ks-cboxtags li.color015 input[type="radio"]:checked + label,
ul.ks-cboxtags li.yncolor00 input[type="radio"]:checked + label,
ul.ks-cboxtags li.yncolor01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.yncolor02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.yncolor03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.yncolor04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.ntcolor00 input[type="radio"]:checked + label,
ul.ks-cboxtags li.ntcolor01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.ntcolor02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.ntcolor03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.ntcolor04 input[type="radio"]:checked + label,
.ks-cboxtags .width00 input[type="radio"]:checked + label,
.customtype input[type="checkbox"]:checked + label,
.cautionCheck input[type="checkbox"]:checked + label{
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.simulationPage01WrapBox .max03 li,
.simulationPage01WrapBox .max03sb li,
.simulationPage01WrapBox .max0306color li,
.simulationPage01WrapBox .max03k li{
	max-width: 33.3%;
}.simulationPage01WrapBox .max03 li:nth-child(3),
}.simulationPage01WrapBox .max03sb li:nth-child(3),
}.simulationPage01WrapBox .max0306color li:nth-child(3),
}.simulationPage01WrapBox .max03k li:nth-child(3){
	max-width: 33.4%;
}
ul.max03 li:nth-child(3) label,
ul.max03sb li:nth-child(3) label,
ul.max03k li:nth-child(3) label{
	border-right: 1px solid #c3c0c1;
}
ul.max0306color li:nth-child(3) label,
ul.max0306color li:nth-child(6) label,
li.borderR label{
	border-right: 1px solid #c3c0c1;
}
ul.max0306color li:nth-child(4) label,
ul.max0306color li:nth-child(5) label,
ul.max0306color li:nth-child(6) label,
ul.max0408color li:nth-child(5) label,
ul.max0408color li:nth-child(6) label,
ul.max0408color li:nth-child(7) label,
ul.max0408color li:nth-child(8) label{
	border-top: none;
}
.simulationPage01WrapBox .max03 li::before,
.simulationPage01WrapBox .max0306color li::before{
	padding-top: 50%;
}
.simulationPage01WrapBox .max03sb li::before{
	padding-top: 65%;
}
ul.max03 li label,
ul.max0306color li label {
	padding-top: 33%;
}
ul.max03sb li label {
	padding-top: 50%;
}


ul.ks-cboxtags li.toi01 label{
	background:url("../../simulation/img/toi01.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.toi02 label{
	background:url("../../simulation/img/toi02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.toi03 label{
	background:url("../../simulation/img/toi03.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.toi04 label{
	background:url("../../simulation/img/toi04.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.toi05 label{
	background:url("../../simulation/img/toi05.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.toi06 label,
ul.ks-cboxtags li.sentantoi01 label{
	background:url("../../simulation/img/toi06.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.toi07 label,
ul.ks-cboxtags li.sentantoi02 label{
	background:url("../../simulation/img/toi07.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.toi01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.toi02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.toi03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.toi04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.toi05 input[type="radio"]:checked + label,
ul.ks-cboxtags li.toi06 input[type="radio"]:checked + label,
ul.ks-cboxtags li.sentantoi01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.sentantoi02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.toi07 input[type="radio"]:checked + label {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.simulationPage01WrapBox .max04 li,
.simulationPage01WrapBox .max04k li,
.simulationPage01WrapBox .max04color li,
.simulationPage01WrapBox .max0408color li{
	max-width: 25%;
}
ul.max04 li:nth-child(4) label,
ul.max04k li:nth-child(4) label,
ul.max04color li:nth-child(4) label,
ul.max0408color li:nth-child(4) label,
ul.max0408color li:nth-child(8) label{
	border-right: 1px solid #c3c0c1;
}
.simulationPage01WrapBox .max04 li::before {
	padding-top: 70%;
}
ul.max04 li label {
	padding-top: 52%;
}

.simulationPage01WrapBox .max04color li::before,
.simulationPage01WrapBox .max0408color li::before {
	padding-top: 50%;
}
ul.max04color li label,
ul.max0408color li label{
	padding-top: 33%;
}




ul.ks-cboxtags li.kabe01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kabe02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kabe03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kabe04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kabe05 input[type="radio"]:checked + label ,
ul.ks-cboxtags li.kabe06 input[type="radio"]:checked + label  {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.simulationPage01WrapBox .max03n li{
	max-width: 33.3%;
}.simulationPage01WrapBox .max03n li:nth-child(3){
	max-width: 33.4%;
}
ul.max03n li:nth-child(2) label{
	border-left: 1px solid #c3c0c1;
}
ul.max03n li:nth-child(1) label{
	border-right: 1px solid #c3c0c1;
}
ul.max03n li:nth-child(3) label{
	border-right: 1px solid #c3c0c1;
}
.simulationPage01WrapBox .max03n li::before {
	padding-top: 60px;
}
ul.max03n li label {
	padding-top: 15px;
}




ul.ks-cboxtags li.torituke01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.torituke02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.torituke03 input[type="radio"]:checked + label  {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.simulationPage01WrapBox .max06 li{
	max-width: 16.66%;
}.simulationPage01WrapBox .max06 li:nth-child(6){
	max-width: 16.7%;
}
ul.max06 li:nth-child(6) label{
	border-right: 1px solid #c3c0c1;
}
.simulationPage01WrapBox .max06 li::before {
	padding-top: 60px;
}
ul.max06 li label {
	padding-top: 15px;
}


.simulationPage01WrapBox .max07 li{
	max-width: 14.3%;
}.simulationPage01WrapBox .max07 li:nth-child(7){
	max-width: 14.2%;
}
ul.max07 li:nth-child(7) label{
	border-right: 1px solid #c3c0c1;
}
.simulationPage01WrapBox .max07 li::before {
	padding-top: 60px;
}
ul.max07 li label {
	padding-top: 15px;
}


ul.ks-cboxtags li.pole01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.pole02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.keijo01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.keijo02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kvselect01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kvselect02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kouhou01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.kouhou02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.saigen01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.saigen02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.saigen03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.saigen04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.saigen05 input[type="radio"]:checked + label,
ul.ks-cboxtags li.sodo01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.sodo02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.sodo03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.sodo04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.width01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.width02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.width03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.jiju01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.jiju02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.gukaku01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.gukaku02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.boufu01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.boufu02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.shadan01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.shadan02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.tasetsu01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.tasetsu02 input[type="radio"]:checked + label {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.simulationPage01WrapBox .max02 li,
.simulationPage01WrapBox .max02k li,
.simulationPage01WrapBox .max02sb li,
.simulationPage01WrapBox .max02led li,
.simulationPage01WrapBox .max02sentantoi li,
.simulationPage01WrapBox .max02hooker li,
.simulationPage01WrapBox .max02alprism li,
.simulationPage01WrapBox .max02color li{
	max-width: 50%;
}
ul.max02 li:nth-child(2) label,
ul.max02k li:nth-child(2) label,
ul.max02sb li:nth-child(2) label,
ul.max02led li:nth-child(2) label,
ul.max02sentantoi li:nth-child(2) label,
ul.max02hooker li:nth-child(2) label,
ul.max02alprism li:nth-child(2) label,
ul.max02color li:nth-child(2) label{
	border-right: 1px solid #c3c0c1;
}
.simulationPage01WrapBox .max02 li::before,
.simulationPage01WrapBox .max02k li::before,
.simulationPage01WrapBox .max03k li::before,
.simulationPage01WrapBox .max04k li::before,
.simulationPage01WrapBox .max05k li::before  {
	padding-top: 60px;
}
.simulationPage01WrapBox .max02sb li::before,
.simulationPage01WrapBox .max02led li::before,
.simulationPage01WrapBox .max02sentantoi li::before,
.simulationPage01WrapBox .max02hooker li::before,
.simulationPage01WrapBox .max02alprism li::before {
	padding-top: 60%;
}
.simulationPage01WrapBox .max02color li::before  {
	padding-top: 30%;
}
.simulationPage01WrapBox .max02hooker li::before,
.simulationPage01WrapBox .max02alprism li::before {
  padding-top: 0;
}
ul.max02 li label,
ul.max02k li label,
ul.max03k li label,
ul.max04k li label,
ul.max05k li label {
	padding-top: 15px;
}
ul.max02sb li label,
ul.max02led li label,
ul.max02sentantoi li label,
ul.max02hooker li label,
ul.max02alprism li label {
	padding-top: 50%;
}
ul.max02color li label {
	padding-top: 21%;
}

.customtype label {
	padding-top: 21%;
}





ul.ks-cboxtags li.led01 label{
	background:url("../../simulation/img/led01.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.led02 label{
	background:url("../../simulation/img/led02.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.led03 label{
	background:url("../../simulation/img/led03.jpg") no-repeat center 20% #fff;
	background-size: 90%;
}
ul.ks-cboxtags li.led01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.led02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.led03 input[type="radio"]:checked + label {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.simulationPage01WrapBox .max03led li{
	max-width: 33.3%;
}.simulationPage01WrapBox .max03led li:nth-child(3){
	max-width: 33.4%;
}
ul.max03led li:nth-child(3) label{
	border-right: 1px solid #c3c0c1;
}
.simulationPage01WrapBox .max03led li::before {
	padding-top: 75%;
}
ul.max03led li label {
	padding-top: 54%;
}



ul.ks-cboxtags li.tatedoi01 label{
	background:url("../../simulation/img/tatetoi01.jpg") no-repeat center 20% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.tatedoi02 label{
	background:url("../../simulation/img/tatetoi02.jpg") no-repeat center 20% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.tatedoi03 label{
	background:url("../../simulation/img/tatetoi03.jpg") no-repeat center 20% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.tatedoi04 label{
	background:url("../../simulation/img/tatetoi04.jpg") no-repeat center 20% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.tatedoi05 label{
	background:url("../../simulation/img/tatetoi05.jpg") no-repeat center 20% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.tatedoi01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.tatedoi02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.tatedoi03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.tatedoi04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.tatedoi05 input[type="radio"]:checked + label  {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.simulationPage01WrapBox .max05tatedoi li,
.simulationPage01WrapBox .max05k li{
	max-width: 20%;
}
ul.max05tatedoi li:nth-child(5) label,
ul.max05k li:nth-child(5) label{
	border-right: 1px solid #c3c0c1;
}
.simulationPage01WrapBox .max05tatedoi li::before {
	padding-top: 125%;
}
ul.max05tatedoi li label {
	padding-top: 90%;
}


.swakuboxs{
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.swakubox{
	border: 1px solid #c3c0c1;
	padding: 30px;
	min-height:95px;
}

.swakuboxsL,
.swakuboxsR,
.customtypeboxsL,
.customtypeboxsR{
	width: 50%;
}


.customtypeboxsL .swakubox{
	border-right:0px;
	min-height:155px;
}

.swakuboxL{
	border-top: 1px solid #c3c0c1;
	border-bottom: 1px solid #c3c0c1;
	border-right: 1px solid #c3c0c1;
	padding: 30px;
	min-height:95px;
}

.swakuboxR{
	border-top: 1px solid #c3c0c1;
	border-bottom: 1px solid #c3c0c1;
	border-right: 1px solid #c3c0c1;
	padding: 30px;
	min-height:95px;
}




#check01button,
#check02button,
.toiSelect,
.kabeSelect{
	pointer-events: none;　/*クリックをキャンセル*/
}
.maxled,
.max02led,
.max02sentantoi,
.max02hooker,
.max02alprism,
.max03led,
.max05tatedoi,
.toiSelect,
.kabeSelect{
	opacity: 0.25;
}

.max02hooker .floatR,
.max02alprism .floatR {
	max-width: 40%;
	margin-left: 20px;
}
.max02hooker .h4txt,
.max02alprism .h4txt{
	font-size:1.1em;
	font-weight:500;
}

@media screen and (max-width:1120px) {
	.simulationPage01WrapBox .max06 li,
	.simulationPage01WrapBox .max06 li:nth-child(6){
		max-width: 33.3%;
	}
	ul.max06 li:nth-child(3) label{
		border-right: 1px solid #c3c0c1;
	}
	ul.max06 li:nth-child(4) label,
	ul.max06 li:nth-child(5) label,
	ul.max06 li:nth-child(6) label{
		border-top:none;
	}
	
	.simulationPage01WrapBox .max07 li,
	.simulationPage01WrapBox .max07 li:nth-child(7){
		max-width: 25%;
	}
	ul.max07 li:nth-child(4) label{
		border-right: 1px solid #c3c0c1;
	}
	ul.max07 li:nth-child(5) label,
	ul.max07 li:nth-child(6) label,
	ul.max07 li:nth-child(7) label{
		border-top:none;
	}
}

@media screen and (max-width:830px) {
	.simulationPage01WrapBox .max04 li::before {
		padding-top: 90%;
	}
	ul.max04 li label {
		padding-top: 56%;
	}
}

@media screen and (max-width:767px) {
	.simulationPage01WrapTop .floatL_pc,
	.simulationPage01WrapTop .floatR_pc{
		width: 100%;
	}
	.simulationPage01WrapBox .max03 li,
	.simulationPage01WrapBox .max03 li:nth-child(3),
	.simulationPage01WrapBox .max03n li,
	.simulationPage01WrapBox .max03n li:nth-child(3),
	.simulationPage01WrapBox .max03led li,
	.simulationPage01WrapBox .max03led li:nth-child(3),
	.simulationPage01WrapBox .max03sb li,
	.simulationPage01WrapBox .max03sb li:nth-child(3),
	.simulationPage01WrapBox .max0306color li,
	.simulationPage01WrapBox .max0306color li:nth-child(3),
	.simulationPage01WrapBox .max03k li,
	.simulationPage01WrapBox .max04 li,
	.simulationPage01WrapBox .max04k li,
	.simulationPage01WrapBox .max04color li,
	.simulationPage01WrapBox .max0408color li,
	.simulationPage01WrapBox .max05tatedoi li,
	.simulationPage01WrapBox .max05k li,
	.simulationPage01WrapBox .max06 li,
	.simulationPage01WrapBox .max06 li:nth-child(6),
	.simulationPage01WrapBox .max07 li,
	.simulationPage01WrapBox .max07 li:nth-child(7){
		max-width: 50%;
	}
	ul.max03 li:nth-child(2) label,
	ul.max03n li:nth-child(2) label,
	ul.max03led li:nth-child(2) label,
	ul.max03sb li:nth-child(2) label,
	ul.max0306color li:nth-child(2) label,
	ul.max0306color li:nth-child(4) label,
	ul.max03k li:nth-child(2) label,
	ul.max04 li:nth-child(2) label,
	ul.max04k li:nth-child(2) label,
	ul.max04color li:nth-child(2) label,
	ul.max0408color li:nth-child(2) label,
	ul.max0408color li:nth-child(6) label,
	ul.max06 li:nth-child(2) label,
	ul.max05tatedoi li:nth-child(2) label,
	ul.max05tatedoi li:nth-child(4) label,
	ul.max05k li:nth-child(2) label,
	ul.max05k li:nth-child(4) label,
	ul.max06 li:nth-child(4) label,
	ul.max06 li:nth-child(6) label,
	ul.max07 li:nth-child(2) label,
	ul.max07 li:nth-child(4) label,
	ul.max07 li:nth-child(6) label,
	ul.max07 li:nth-child(7) label{
		border-right: 1px solid #c3c0c1;
	}
	ul.max03 li:nth-child(3) label,
	ul.max03n li:nth-child(3) label,
	ul.max03led li:nth-child(3) label,
	ul.max03sb li:nth-child(3) label,
	ul.max0306color li:nth-child(3) label,
	ul.max03k li:nth-child(3) label,
	ul.max04 li:nth-child(3) label,
	ul.max04 li:nth-child(4) label,
	ul.max04k li:nth-child(3) label,
	ul.max04k li:nth-child(4) label,
	ul.max04color li:nth-child(3) label,
	ul.max04color li:nth-child(4) label,
	ul.max0408color li:nth-child(3) label,
	ul.max0408color li:nth-child(4) label,
	ul.max0408color li:nth-child(5) label,
	ul.max0408color li:nth-child(6) label,
	ul.max0408color li:nth-child(7) label,
	ul.max0408color li:nth-child(8) label,
	ul.max05tatedoi li:nth-child(3) label,
	ul.max05tatedoi li:nth-child(4) label,
	ul.max05tatedoi li:nth-child(5) label,
	ul.max05k li:nth-child(3) label,
	ul.max05k li:nth-child(4) label,
	ul.max05k li:nth-child(5) label,
	ul.max06 li:nth-child(3) label,
	ul.max06 li:nth-child(4) label,
	ul.max06 li:nth-child(5) label,
	ul.max06 li:nth-child(6) label{
		border-top:none;
	}
	ul.max03n li:nth-child(3) label{
		border-top: 1px solid #c3c0c1;
	}
	ul.max06 li:nth-child(3) label,
	ul.max0306color li:nth-child(3) label{
		border-right:none;
	}
	.simulationPage01WrapBox .max02color li::before{
		padding-top: 50%;
	}
	.simulationPage01WrapBox .max02sb li::before,
	.simulationPage01WrapBox .max03sb li::before,
	.simulationPage01WrapBox .max04 li::before {
		padding-top: 85%;
	}
	ul.max02color li label {
		padding-top: 23%;
	}
	ul.max02sb li label,
	ul.max03sb li label,
	ul.max04 li label {
		padding-top: 56%;
	}
	ul.max04color li label,
	ul.max0408color li label {
		padding-top: 33%;
	}
	.simulationPage01WrapBox .max02led li::before,
	.simulationPage01WrapBox .max02sentantoi li::before,
	.simulationPage01WrapBox .max02hooker li::before,
	.simulationPage01WrapBox .max02alprism li::before,
	.simulationPage01WrapBox .max03led li::before {
		padding-top: 95%;
	}
	ul.max02led li label,
	ul.max02sentantoi li label,
	ul.max02hooker li label,
	ul.max02alprism li label,
	ul.max03led li label {
		padding-top: 58%;
	}
	.swakubox{
		padding: 5%;
		min-height:auto;
	}
	.swakuboxs{
		display: block;
		flex-wrap: none;
	}
	.swakuboxsL,
	.swakuboxsR,
	.customtypeboxsL,
	.customtypeboxsR{
		width: 100%;
	}
	.customtypeboxsL .swakubox{
		min-height:95px;
		border-right: 1px solid #c3c0c1;
	}
	.customtype label{
		min-height:auto;
		padding-top: 21%;
		padding-bottom: 3%;
	}
	.swakuboxR{
		border-left: 1px solid #c3c0c1;
		padding: 5%;
		min-height:auto;
	}
	.max02hooker .floatR,
	.max02alprism .floatR {
		max-width: 100%;
		margin-left: 0px;
		float:none;
	}
	.cautionCheck label{
		width: 100%;
	}
}


/* アコーディオンボタン */
.Kakakubutton{
    display:inline-block;
	background:#002653;
    width: 100%;
    padding:8px 0 10px 0;
    color:#fff !important;
    position: relative;
	text-decoration: none;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	text-decoration:none;
	font-weight:500;
	text-align:center;
	transition: all 0.3s;
}
@media screen and (min-width: 768px){
	.Kakakubutton:hover{
		background:#db0225;
		transition: all 0.3s;
	}
}

/* 価格表：アコーディオン */
.accordion {
  max-width: 100%;
  margin: 0 auto;
}
.accordion__title {
	position: relative;
	cursor: pointer;
}
.accordion__title::before,
.accordion__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #fff;
  width: 20px;
  height: 2px;
  transition: all 0.3s;
}
.accordion__title::after {
  transform: rotate(90deg);
}
.accordion__content {
	display: none;
}
.accordion__content.is-open {
  display: block;
}
.accordion__item .accordion__title.is-active::before {
  transform: rotate(45deg);
}
.accordion__item .accordion__title.is-active::after {
  transform: rotate(-45deg);
}





/* 画像送信フォーム */

/* imageform BASE▼▼
------------------------------------------------------------ */
.imageform .PageTitleWrap{
	background:url("../../imageform/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.imageform table {
	width: 100%;
	padding:0;
	border-collapse:collapse;
}
.imageform table th,
.imageform table td{
	padding:30px 0;
	vertical-align:middle;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border-bottom:1px #d2d2d2 solid ;
}
.imageform table th{
	text-align:left;
	width: 280px;
	font-weight:500;
}
.imageform table td{
	background:#fff;
	font-weight:300;
}
.imageform table th .hisu,
.imageform table th .nini{
	color:#fff;
	font-size:0.8em;
	padding:2px 20px;
	float:right;
	margin-right:30px;
}
.imageform table th .hisu{
	background:#db0225;
}
.imageform table th .nini{
	background:#082553;
}
.imageform .w400 {
	width: 400px;
}
.imageform .lineBox{
	border:1px solid #c3c0c1;
	padding:15px;
}


@media screen and (max-width: 767px){
	.imageform table th,
	.imageform table td{
		width:auto;
		display: block;
	}
	.imageform table th{
		border-bottom:none;
		padding:30px 0 10px 0;
	}
	.imageform table td{
		padding:0 0 30px 0;
	}
	.imageform .w400 {
		width: 100%;
	}
	.imageform table th .hisu,
	.imageform table th .nini{
		margin:0 0 0 10px;
		float:none;
	}
}

input.cart_s[type="text"]{
	padding:5px;
	margin:2px;
	font-size:1.0em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border:1px solid #c3c0c1;
}


/* imageform BASE2▼▼
------------------------------------------------------------ */
.imageformPage01WrapBox ul{
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.imageformPage01WrapBox li{
	position: relative;
	width: 100%;
	height: 100%;
}
.imageformPage01WrapBox li::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.imageform input::placeholder,
.imageform textarea::placeholder{
	color:#d2d2d2;
}
.imageform input[type="text"],
.imageform input[type="email"],
.imageform textarea{
	padding:5px;
	font-size:1.0em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border:1px solid #c3c0c1;
}

.imageformPage01WrapBox .max04k li{
	max-width: 25%;
}
ul.max04k li:nth-child(4) label{
	border-right: 1px solid #c3c0c1;
}

.imageform ul.ks-cboxtags li label{
	font-size:0.9em;
	line-height: 1.2em;
}
.imageformPage01WrapBox .max02k li{
	max-width: 50%;
}
.imageformPage01WrapBox .max02k li::before,
.imageformPage01WrapBox .max04k li::before{
	padding-top: 60px;
}
ul.ks-cboxtags li.person01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.person02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.person03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.person04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.reply01 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.reply02 input[type="checkbox"]:checked + label {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.imageform input[type='file'] {
  color: rgb(31, 41, 55);
  cursor: pointer;
  border: 1px solid rgb(191, 194, 199);
  border-radius: 0.375rem;
  padding-right: 0.5rem;
  width: 100%;
}
::file-selector-button,
::-webkit-file-upload-button {
  background-color: rgb(209, 213, 219);
  color: rgb(31, 41, 55);
  border: none;
  cursor: pointer;
  border-right: 1px solid rgb(191, 194, 199);
  padding: 0.25rem 1rem;
  margin-right: 1rem;
}
.errorBox{
	border: 2px solid #db0225;
	padding: 20px;
	text-align:center;
	margin-bottom:30px;
}
.errorBox h3{
	font-size:2.0em;
	font-weight:500;
	border-bottom: 1px solid #db0225;
	color:#db0225;
	margin-bottom:10px;
	padding-bottom: 10px;
}
.errorBox li{
	font-size:1.4em;
	color:#db0225;
}

@media screen and (max-width:767px) {
	.imageformPage01WrapBox .max04k li{
		max-width: 50%;
	}
}

/* ボタンの切り替え */
ul.ks-cboxtags li.person01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.person02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.person03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.person04 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation01 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation02 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation03 input[type="radio"]:checked + label,
ul.ks-cboxtags li.situation04 input[type="radio"]:checked + label {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.personSelect,
.situationSelect{
	pointer-events: none;　/*クリックをキャンセル*/
}
.personSelect,
.situationSelect{
	opacity: 0.25;
}


/* wind▼▼
------------------------------------------------------------ */
.wind .PageTitleWrap{
	background:url("../../wind/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.cautionWrapBox{
	margin-top:30px;
}
.cautionWrapBox p{
	margin-bottom:20px;
}

.windPage01Wrap h3{
	border-bottom: 3px solid #e1e1e1;
	margin-bottom:20px;
	padding-bottom:5px;
}
.windPage01Wrap h4{
	margin-bottom:10px;
}

.windTable table,
.windTable02 table{
	width: 100%;
	padding:0;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:1.0px;
	border-collapse:collapse;
}
.windTable03 table{
	width: 100%;
	padding:0;
	border-collapse:collapse;
}
.windTable table{
	border-top:1px #d2d2d2 solid ;
	border-left:1px #d2d2d2 solid ;
}
.windTable02 table{
	border-left:1px #d2d2d2 solid ;
}
.tline{
	border-top:1px #d2d2d2 solid ;
}

.windTable table th,
.windTable table td,
.windTable02 table th,
.windTable02 table td{
	border-bottom:1px #d2d2d2 solid ;
	border-right:1px #d2d2d2 solid ;
	padding:10px;
	margin:0;
	vertical-align:middle;
	text-align:center;
}
.windPage01Wrap table td{
	vertical-align:middle;
}
.windTable table th,
.windTable02 table th{
	font-weight:500;
}
.windTable table td,
.windTable02 table td{
	background:#fff;
	font-weight:300;
}
.windTable table .txtL,
.windTable02 table .txtL{
	text-align:left;
}

.windTable02 table .boderBnon{
	border-bottom:none;
}
.wind table .glayBK{
	background:#e8e8e8;
}
.wind table .yellowBK{
	background:#fdf6d3;
}
.wind table .blueBK{
	background:#dbeaf5;
}
.wind table .greenBK{
	background:#e1f1e2;
}
.wind table .skyBK{
	background:#a8d1f4;
}
.wind table .orangeBK{
	background:#f3de8d;
}
.wind table .pinkBK{
	background:#f4d5d1;
}

.wind h3 em{
	font-size:0.6em;
	letter-spacing:0;
}

@media screen and (max-width: 767px) {
  .windTable table {
    width: 100%;
	letter-spacing:0px;
  }
  .windTable table tr {
    display: block;
    float: left;
  }
  .windTable03 table td.noTaSp {
    display: block;
  }
  .windTable table tr td, 
  .windTable table tr th {
    border-left: none;
    display: block;
    height: 50px;
  }
  .windTable table thead {
    display: block;
    float: left;
    width: 70%;
  }
  .windTable table thead tr {
    width: 100%;
  }
  .windTable table tbody {
    display: block;
    float: left;
    width: 30%;
  }
  .windTable table tbody tr {
    width: 100%;
  }
  .windTable table tr td + td {
    border-left: none;
  }
  .windTable table tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }
}

/*=========
scrollbar
=========*/

.scroll__inner {
  background-color: #ffffff;
  height: 350px;
  padding: 0px 20px 0px 0px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.simplebar-scrollbar::before {
  background: #ffffff;
  border-radius: 0;
  width: 5px;
  margin-left: 3px;
  margin-top: 2px;
}
.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.simplebar-track {
  background: #cbd2e0;
  width: 15px !important;
}


.checkBox{
	opacity: 0.25;
}