.container {
	display: block;
	width: 910px;
	margin: 0px auto;
}

/**#iview {
	display: block;
	width: 850px;
	height: 350px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	padding: 5px;
	border-radius: 5px;
	position: relative;
	-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	margin: 40px auto;
	/**margin-left:246px;**/
	margin-top:51px;
	z-index:0;
}**/



#iview {
	display: block;
	width: 1024px;
	height: 500px;
	padding: 5px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	position: relative;
	-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	margin:0 auto;
	/**margin-left:246px;**/
	margin-top:51px;
	z-index:0;
}





#iview .iviewSlider {
	display: block;
	width: 900px;
	height: 500px;
	overflow: hidden;
	border-radius: 4px;
	/**margin-left:300px;**/
	margin-left:270px;/** 変更箇所　**/
}





/**.iview-controlNav {/**レスポンンシブ外枠の隙間が出るため無効にしている**/
	position: absolute;
	bottom: 30px;
	left: 347px;
	height: 44px;
}**/










.iview-controlNav a {
	text-indent: -9999px;
}

.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('../../img/slider-controls.png') no-repeat;
	
	margin-left: 41px; /**レスポンシブ追記箇所**/
	color: #ffff; /**レスポンシブ追記箇所**/
}

.iview-controlNav a.iview-controlNextNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('../../img/slider-controls.png') no-repeat -50px 0px;
	
	color: #ffff; /**レスポンシブ追記箇所**/
}

.iview-controlNav div.iview-items {
	float: left;
	padding: 0px 10px 0px 10px;
	height: 44px;
	background: url('../../img/nav-bg.png');
	
	
	margin-left: 10px;/**レスポンシブ追記箇所**/
	margin-top: -7px;/**レスポンシブ追記箇所**/
	color: #ffff; /**レスポンシブ追記箇所**/
}

.iview-controlNav a.iview-control {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	background: url('../../img/bullets.png') no-repeat;
	line-height: 0px;
}

.iview-controlNav a.iview-control.active {
	background-position: 0px -12px;
}

.iview-caption {
	background: url('../../img/caption-bg.png');
	color: #FFF;
	border-radius: 3px;
	/**padding: 10px 15px;**/
	padding: 0px 0px 0px 420px;
	font-family: Verdana;
	font-size: 0.1vw;
	line-height: 9.12pt;
	text-shadow: #000 1px 1px 0px;
}



.iview-caption.caption1 {
	font-size: 36px;
	font-weight: bold;
	height: 45px;
}

.iview-caption.caption2 {
	background: #00b4ff;
	font-size: 36px;
	font-weight: bold;
	text-shadow: none;
}

.iview-caption.caption3 {
	background: #FFF;
	color: #000;
	font-size: 26px;
	text-shadow: none;
}

.iview-caption.caption4 {
	font-size: 22px;
	font-weight: bold;
}

.iview-caption.caption5 {
	background: #c4302b;
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
}

.iview-caption.caption6 {
	margin-left:300px;
	margin-top:-20px;
	font-size: 18px;
}
.iview-caption.captionA {
	font-size: 18px;
	margin-left:10px;
	margin-top:-20px;
	width:300px;
	text-align:center;
}

.iview-caption.caption7 {
	text-align: left;
	font-size: 12px;
	color: #ffffff;
	
}



.iview-caption.caption7 div {
	line-height: 200%;
}

.iview-caption.caption7 h3 {
	margin-bottom: 20px;
	color: #ffffff;
	font-size:15px;
}

.iview-caption.blackcaption {
	background: #000;
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	text-shadow: none;
}

#iview-preloader {
	border: #666 1px solid;
	width: 150px
}

#iview-preloader div {
	background: #666;
}

.iview-controlNav div.iview-items ul li {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	margin: 3px;
	margin-top: 16px;
	line-height: 0px;
}

#iview #iview-tooltip {
	display: none;
	position: absolute;
	background: url('../../img/tooltip.png') no-repeat;
	width: 124px;
	height: 90px;
	bottom: 30px;
	left: -67px;
	padding: 10px;
	z-index: 100;
}

#iview #iview-tooltip div.holder {
	display: block;
	width: 124px;
	height: 84px;
	overflow: hidden;
	border-radius: 2px;
}

#iview #iview-tooltip div.holder div.container {
	display: block;
	width: 4000px;
}

#iview #iview-tooltip div.holder div.container div {
	float: left;
	display: block;
	overflow: hidden;
	width: 124px;
	height: 84px;
	left: -50%;
	text-align: center;
}

#iview #iview-tooltip div.holder div.container div img {
	height: 84px;
	margin: 0 auto;
	display:none;
}





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

	レスポンシブサイズ設定

	iPad pro-11  834px × 1194px 
====================================================**/

@media screen and (max-width:834px) {
#iview .iviewSlider {
	display: block;
	width: 834px;
	height: 500px;
	overflow: hidden;
	border-radius: 4px;
	margin-left: 225px;
	margin-top: 49px;
    }
.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat;
	margin-left: 10px;
	color: #ffff;
	margin-top: 3px;
    }
}/**閉じ**/






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

	レスポンシブサイズ設定　ここまで

	iPad pro-11  834px × 1194px 
====================================================**/



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

	レスポンシブサイズ設定

	タブレット768px 
	
	スマホ　750px

　　　　　参照　https://fastcoding.jp/blog/all/webdesign/designswidth/

	参照　background-sizeで背景画像をレスポンシブ対応する方法
	http://gimmicklog.main.jp/css3/747/

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

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

			768px サイズここから

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


@media screen and (max-width:768px) {
#iview {
	width: 768px;
	height: 650px;
    }
#iview .iviewSlider {
	display: block;
	width: 900px;
	height: 500px;
	overflow: hidden;
	border-radius: 4px;
	margin-left: 200px;
	margin-top: 90px;
    }
.iview-caption {
	background: url(../../img/caption-bg.png);
	color: #FFF;
	border-radius: 3px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 0.1vw;
	line-height: 9.12pt;
	text-shadow: #000 1px 1px 0px;
	text-align:center;
	width: 768px;
	margin-left: 342px;
	/* margin-top: 46px; */
	}
.iview-controlNav {
	position: absolute;
	z-index: 2;
	left: 325px;
	margin-top: -75px;
	}
.iview-controlNav a {
	z-index: 9;
	cursor: pointer;
	color: #fff;
	}
.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat;
	margin-left: -50px;
	color: #ffff;
	}
}/** 閉じ**/


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

		
		Andoroidタブレット Sサイズ
		600px　×　960px ここから

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

@media screen and (max-width: 600px) {
#iview {
	width: 100%;
	min-width: 600px;
	height: 650px;
	padding: 10px 10px 10px 10px;
    }
#iview .iviewSlider {
	display: block;
	width: 600px;
	height: 500px;
	float: left;
	overflow: hidden;
	border-radius: 4px;
	margin: 0 auto;
	margin-left: 102px;
	margin-top: 150px;
    }
.iview-caption {
	background: url(../../img/caption-bg.png);
	color: #FFF;
	border-radius: 3px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 0.1vw;
	line-height: 9.12pt;
	padding-top: 5px;
	text-shadow: #000 1px 1px 0px;
	text-align: center;
	width: 800px;
	height: 500px;
	background-color: #d4a61eed;
	margin-left: 25px;
	margin-top: 430px;
	}
.iview-controlNav {
	position: absolute;
	z-index: 2;
	left: 325px;
	margin-top: 624px;
	
	margin-left: 50px;
	}
.iview-controlNav a {
	z-index: 9;
	cursor: pointer;
	color: #fff;
    }
.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat;
	margin-top: -50px;
	margin-left: -300px;
	color: #ffff;
    }
.iview-controlNav div.iview-items {
	float: left;
	padding: 0px 10px 0px 10px;
	height: 44px;
	background: url(../../img/nav-bg.png);
	margin-top: -55px;
	margin-left: -219px;
	color: #ffff;
	}
.iview-controlNav a.iview-controlNextNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat -50px 0px;
	color: #ffff;
	margin-left: -113px;
	margin-top: -49px;
	}

}/**閉じ**/




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

		
		Andoroidタブレット Sサイズ
		600px　×　960px ここまで

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





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

		
	GooglePixel 6 サイズ
	412px　×　915px ここから

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

@media screen and (max-width: 412px) {
#iview {
	width: 100%;
	min-width: 412px;
	height: 650px;
	padding: 10px 10px 10px -10px;
    }
    
#iview .iviewSlider {
	display: block;
	width: 600px;
	height: 500px;
	float: left;
	overflow: hidden;
	border-radius: 4px;
	margin: 0 auto;
	margin-left: 4px;
	margin-top: 115px;
    }

.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat;
	margin-top: -50px;
	margin-left: -300px;
	color: #ffff;
	line-height: 45px;
}

.iview-controlNav div.iview-items {
	padding: 0px;
	float: left;
	width: 90px;
	height: 30px;
	background: url(../../img/bullets.png) no-repeat;
	line-height: 53px;
	/* margin-left: -52px; */
	margin-top: -40px;
	/**background-color: red;**/
}
.iview-controlNav a.iview-controlNextNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat -50px 0px;
	color: #ffff;
	margin-left: -113px;
	margin-top: -34px;
    }
}/**閉じ**/

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

		
	GooglePixel 6 サイズ
	412px　×　915px ここ迄

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





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

		
		iPhone 14 サイズ
		390px　×　488px ここから

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

@media screen and (max-width: 390px) {
#iview {
	width: 100%;
	min-width: 567px;
	margin: 0px 10px;
	padding: 5px 203px 44px 5px;
	
	/**width: 150.2vw;
	padding: 5px 203px 44px 5px;
	margin-left: 44px;**/
    }
#iview .iviewSlider {
	display: block;
	width: 390px;
	height: 500px;
	overflow: hidden;
	border-radius: 4px;
	margin:0 auto;
	margin-top: 30px;
    }
.iview-caption {
	margin-left: 0px;
	/**background-color: #e44646;**/
	margin-top: 400px;
	margin-left: 17px;
	/* opacity: 0.7; */
	padding-top: 24px;
	opacity: 0.7;
	/* width: 100%; */
	/* line-height: 16px; */
	/* top: 100px;
	}
.iview-controlNav {
	position: absolute;
	z-index: 2;
	left: 325px;
	margin-top: 565px;
	margin-left: 50px;
}

.iview-controlNav a {
	z-index: 9;
	cursor: pointer;
	color: #fff;
	}	
}/**閉じ**/





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

		390px サイズここまで

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









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

		375px サイズここから

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


@media screen and (max-width: 375px) {
#iview {
	width: 280px;
	padding: 5px 233px 44px 5px;
	/**margin-left: 44px;**/
    }
#iview .iviewSlider {
	display: block;
	width: 375px;
	height: 500px;
	overflow: hidden;
	border-radius: 4px;
	margin:0 auto;
	margin-top: 90px;
    }
.iview-caption {
	margin-left: 0px;
	background-color: #e44646;
	margin-top: 400px;
	margin-left: 17px;
	/* opacity: 0.7; */
	padding-top: 24px;
	opacity: 0.7;
	/* width: 100%; */
	/* line-height: 16px; */
	/* top: 100px;
	}
.iview-controlNav a {
	z-index: 9;
	cursor: pointer;
	color: #fff;
	}
.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat;
	margin-left: -346px;
	color: #ffff;
    }
.iview-controlNav div.iview-items {
	float: left;
	padding: 0px 10px 0px 10px;
	height: 44px;
	background: url(../../img/nav-bg.png);
	margin-left: -207px;
	margin-top: -7px;
	color: #ffff;
	}
.iview-controlNav a.iview-controlNextNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url(../../img/slider-controls.png) no-repeat -50px 0px;
	color: #ffff;
	margin-left: -98px;
	}	
}/**閉じ**/





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

		375px サイズここまで

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