@charset "utf-8";

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;/* overflow:hidden;*/}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* 181029 背景色変更*/
#cboxOverlay{background-color: rgba(160,160,160,0.9);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b3000000,EndColorStr=#b3000000);-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b3000000,EndColorStr=#b3000000)";/*background:#000; opacity: 0.9; filter: alpha(opacity = 90);*/}
#colorbox{outline:0;}
    #cboxContent{
		margin-top:20px;
		padding: 10px 10px 40px;
		/*padding-bottom: 70px;*/
		background: #ffffff;
		border: solid 1px #dddddd;
		box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 6px 3px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 6px 3px;
		-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 6px 3px;
	 }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        /*#cboxLoadedContent{border-bottom:1px solid #dddddd;}*/
        /*#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}*/
		  #cboxTitle{
			  position:absolute;
			  bottom:10px;	/*220819 ←4px*/
			  left:0;
			  width:100%;
			  text-align:center;
			  color:#606060;	/*220819←#949494*/
				font-size: 12px;
				font-size: 1.2rem;
				line-height: 1.2;
			 }
        #cboxCurrent{display: none !important; position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
			#cboxClose {
				/*position: absolute;
				bottom: -90px;*/
				position: fixed;
				bottom: 0;
				left: 50%;
				width: 72px;
				height: 72px;
				margin-left: -35px;
				padding: 0;
				background: url(/common/img/header_bt01.png) no-repeat 0 0;
				border-radius: 5px;
				color: #333333;
				font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
				font-size: 1.4rem;
				text-indent: -9999px;
			}
			/*#cboxClose:hover {
				background: #eeeeee;
			}
			#cboxClose:after {
				display: inline-block;
				width: 12px;
				height: 12px;
				margin-left: 8px;
				background: url(/common/img/com_ic09.png) no-repeat 0 0;
				content: "";
			}*/
        
        
		  #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/common/img/colorbox_controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/common/img/colorbox_controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        /*#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}*/
				
				
				@media print {
					#colorbox { /*181029修正*/
						left: 1.2% !important;
						top: 0 !important;
						width: 100% !important;
						margin: 0 auto !important;
						overflow: hidden !important;
					}
					#cboxWrapper {
						width: 100% !important;
					}
					#cboxContent { /*161110修正*/
						width: 95% !important;
					}
					#cboxLoadedContent{
						width: 100% !important;
					}
					.cboxIframe {
						width: 980px !important;
					}
				}