@charset 'utf-8';

html, body{
    height: auto;
}

body.out {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.mobile-toggle{
	display: none;
}

/*--------------------------------------------------------------------------------
  main
--------------------------------------------------------------------------------*/
.main{
	margin: 135px auto 0;
}
	.main-inner{
	}
		.main-header{
			padding: 18px 0;
			background: #000;
			border-bottom: 1px solid #999999;
		}
			.main-header-body{
				height: 0;
				padding-top: 22px;
				background: url(../../images/archives/bg_main_header.png) no-repeat center;
			}

/*--------------------------------------------------------------------------------
  archives
--------------------------------------------------------------------------------*/
.archives{
	max-width: 1280px;
	margin: 0 auto;
	padding: 46px 0 100px;
	background: #fff;
}
	.archives-inner{
		max-width: 900px;
		margin: 0 auto;
		color: #030303;
		text-align: left;
	}
	.archives-lead{
		margin: 0 auto 15px;
		text-align: center;
	}
		.archives-lead p{
			font-size: 14px;
			line-height: 24px;
		}
	.archives-tab-controller{
		margin: 0 auto 76px;
		text-align: center;
	}
	.archives-tab-controller-upper{

	}
		.archives-tab-controller-upper .archives-tab-controller-inner{
			position: relative;
			height: 0;
			padding-top: 44px;
		}
		.archives-tab-controller-upper .archives-tab-controller-body{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;

			-webkit-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0, 0, 0);
		}
			.archives-tab-controller-upper .archives-tab-controller-body > ul{
				max-width: 1280px;
    			margin: 0 auto;
				padding: 20px 0 0 0;
			}
		.archives-tab-controller-upper .archives-tab-controller-body.fixed{
			position: fixed;
			left: 0;
			width: 100%;
			z-index: 9999;
			-webkit-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0, 0, 0);
			-webkit-transition: -webkit-transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
			transition: -webkit-transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
			transition: transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
			transition: transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000), -webkit-transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
		}
			.archives-tab-controller-upper .archives-tab-controller-body.fixed > ul{
				padding: 20px 0;
				background: rgba(255, 255, 255, 0.95);
			}
		.archives-tab-controller-upper .archives-tab-controller-body.hide{
			-webkit-transform: translate3d(0, -100%, 0);
			-ms-transform: translate3d(0,0,0);
			transform: translate3d(0, -100%, 0);
			-webkit-transition: -webkit-transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000));
			transition: -webkit-transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
			transition: transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
			transition: transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000), -webkit-transform 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
		}
	.archives-tab-controller-lower{
		margin: 58px auto 0;
	}
		.archives-tab-controller-item{
			display: inline-block;
			vertical-align: bottom;
			width: 110px;
			margin: 0 0 0 8px;
		}
		.archives-tab-controller-item:first-child{
			margin-left: 0;
		}
			.archives-tab-controller-item a{
				display: block;
				height: 16px;
				padding: 16px 0;
				font-size: 12px;
				line-height: 1;
				color: #676767;
				background-color: #efefef;
				background-repeat: no-repeat;
				background-position: center;
				border-radius: 30px;
				-webkit-transition: background-color 250ms, color 250ms;
				transition: background-color 250ms, color 250ms;
			}
			.archives-tab-controller-item a:hover{
				text-decoration: none;
				color: #fff;
				background-color: #010101;
				-webkit-transition: background-color 250ms, color 250ms;
				transition: background-color 250ms, color 250ms;
			}
			.archives-tab-controller-item.active a{
				color: #fff;
				background-color: #010101;
				cursor: default;
			}
			.archives-tab-controller-item[data-target="0"] a{
				background-image: url(../../images/archives/bg_tab01.png);
			}
			.archives-tab-controller-item[data-target="1"] a{
				background-image: url(../../images/archives/bg_tab02.png);
			}
			.archives-tab-controller-item[data-target="2"] a{
				background-image: url(../../images/archives/bg_tab03.png);
			}
			.archives-tab-controller-item[data-target="0"].active a,
			.archives-tab-controller-item[data-target="0"] a:hover{
				background-image: url(../../images/archives/bg_tab01_active.png);
			}
			.archives-tab-controller-item[data-target="1"].active a,
			.archives-tab-controller-item[data-target="1"] a:hover{
				background-image: url(../../images/archives/bg_tab02_active.png);
			}
			.archives-tab-controller-item[data-target="2"].active a,
			.archives-tab-controller-item[data-target="2"] a:hover{
				background-image: url(../../images/archives/bg_tab03_active.png);
			}

	.archives-tab-container{
		position: relative;
		height: 500px;
	}
		.archives-tab-item{
		    display: none;
			position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
		.archives-tab-item.active {
		    display: block;
		}
			.archives-tab-item-inner {
			    opacity: 0;
			}
			.archives-tab-item-inner.fadeIn {
			    opacity: 1;
			    -webkit-transition: opacity 250ms;
			    transition: opacity 250ms;
			}

	.archives-section{
		overflow: hidden;
	}
		.archives-section-inner{
			margin: 0 -17px;
			overflow: hidden;
			letter-spacing: -0.6em;
		}
		.archives-header{
			display: inline-block;
			vertical-align: top;
			width: 84px;
			height: 83px;
			line-height: 1;
			margin: 0 30px 18px 17px;
			color: #fff;
			background-repeat: no-repeat;
		    background-position: left center;
			text-align: center;
			letter-spacing: normal;
		}
		.archives-item{
			display: inline-block;
			vertical-align: top;
			width: 100px;
			margin: 0 16px 18px;
			letter-spacing: normal;
		}
			.archives-item > a{
				display: block;
				color: #000;
				text-decoration: none;
				opacity: 1;
			    -webkit-transition: opacity 250ms;
			    transition: opacity 250ms;
			}
			.archives-item > a:hover{
				opacity: 0.5;
			    -webkit-transition: opacity 250ms;
			    transition: opacity 250ms;
			}
			.archives-item-image{
				margin: 0 auto;
			}
				.archives-item-image img{
					/*max-width: 100%;*/
					height: auto;
					vertical-align: bottom;
				}
			.archives-item-header{
				margin: 0 -5px;
				line-height: 1.1;
				font-size: 10px;
				font-weight: normal;
				text-align: center;
			}

		.archives-header[data-header="1952"]{
			background-image: url(../../images/archives/bg_1952_header.png);
		}
		.archives-header[data-header="1960"]{
			background-image: url(../../images/archives/bg_1960_header.png);
		}
		.archives-header[data-header="1970"]{
			background-image: url(../../images/archives/bg_1970_header.png);
		}
		.archives-header[data-header="1980"]{
			background-image: url(../../images/archives/bg_1980_header.png);
		}
		.archives-header[data-header="1990"]{
			background-image: url(../../images/archives/bg_1990_header.png);
		}
		.archives-header[data-header="2000"]{
			background-image: url(../../images/archives/bg_2000_header.png);
		}
		.archives-header[data-header="2010"]{
			background-image: url(../../images/archives/bg_2010_header.png);
		}

		.archives-header[data-header="m37"]{
			background-image: url(../../images/archives/bg_m37_header.png);
		}
		.archives-header[data-header="m42"]{
			background-image: url(../../images/archives/bg_m42_header.png);
		}
		.archives-header[data-header="kmount"]{
			background-image: url(../../images/archives/bg_kmount_header.png);
		}
		.archives-header[data-header="110"]{
			background-image: url(../../images/archives/bg_110_header.png);
		}
		.archives-header[data-header="medium"]{
			background-image: url(../../images/archives/bg_medium_header.png);
		}

		.archives-header[data-header="qmount"]{
			background-image: url(../../images/archives/bg_qmount_header.png);
		}
		.archives-header[data-header="others"]{
			background-image: url(../../images/archives/bg_others_header.png);
		}


	.archives-section hr{
		display: none;
	}

/*--------------------------------------------------------------------------------
  camera data
--------------------------------------------------------------------------------*/
.camera-carousel{
	overflow: hidden;
}
	.camera-carousel-body{
		position: relative;
		overflow: hidden;
		white-space: nowrap;
	}
		.camera-carousel-item{
			/*float: left;*/
			display: inline-block;
			vertical-align: top;
			height: 1px;
			overflow: hidden;
		}
		.camera-carousel-item.active{
			height: auto;
			overflow: visible;
		}

.camera-data{
	white-space: normal;
}
	.camera-data-inner{
		padding: 0 50px 50px;
		color: #000;
	}
		.camera-header{
			float: right;
			width: 48%;
			margin: 25px auto 40px;
			padding: 34px 0 25px;
			border-top: 2px solid #000;
			border-bottom: 2px solid #000;

			text-align: center;
		}
			.camera-header h1{
			    font-size: 44px;
				font-weight: normal;
			    line-height: 1;
			}
				.camera-header-en{
					display: block;
					height: 0;
					padding-top: 43px;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: center top;
				}
				.camera-header-ja{
					display: block;
					margin: 23px auto 0;
					font-size: 16px;
				}

		.camera-image{
			float: left;
			width: 45%;
			margin: 0;
			padding: 60px 0 0;
			text-align: center;
		}
			.camera-image img{
				width: auto;
				max-width: 100%;
				height: auto;
				vertical-align: bottom;
			}
		.camera-detail{
			float: right;
			width: 48%;
		}
			.camera-detail p{
				margin: 0 auto 10px;
				font-size: 14px;
				line-height: 24px;
			}

		.camera-header-en.asahiflex_I{
			background-image: url(../../images/archives/title_asahiflex_I.png);
		}
		.camera-header-en.asahi_pentax{
			background-image: url(../../images/archives/title_asahi_pentax.png);
		}
		.camera-header-en.asahi_pentax_6x7{
			background-image: url(../../images/archives/title_asahi_pentax_6x7.png);
		}
		.camera-header-en.asahi_pentax_auto110{
			background-image: url(../../images/archives/title_asahi_pentax_auto110.png);
		}
		.camera-header-en.asahi_pentax_ES{
			background-image: url(../../images/archives/title_asahi_pentax_ES.png);
		}
		.camera-header-en.asahi_pentax_ES_II{
			background-image: url(../../images/archives/title_asahi_pentax_ES_II.png);
		}
		.camera-header-en.asahi_pentax_K{
			background-image: url(../../images/archives/title_asahi_pentax_K.png);
		}
		.camera-header-en.asahi_pentax_K1000{
			background-image: url(../../images/archives/title_asahi_pentax_K1000.png);
		}
		.camera-header-en.asahi_pentax_K2{
			background-image: url(../../images/archives/title_asahi_pentax_K2.png);
		}
		.camera-header-en.asahi_pentax_K2DMD{
			background-image: url(../../images/archives/title_asahi_pentax_K2DMD.png);
		}
		.camera-header-en.asahi_pentax_KM{
			background-image: url(../../images/archives/title_asahi_pentax_KM.png);
		}
		.camera-header-en.asahi_pentax_KX{
			background-image: url(../../images/archives/title_asahi_pentax_KX.png);
		}
		.camera-header-en.asahi_pentax_ME{
			background-image: url(../../images/archives/title_asahi_pentax_ME.png);
		}
		.camera-header-en.asahi_pentax_MX{
			background-image: url(../../images/archives/title_asahi_pentax_MX.png);
		}
		.camera-header-en.asahi_pentax_S2{
			background-image: url(../../images/archives/title_asahi_pentax_S2.png);
		}
		.camera-header-en.asahi_pentax_S3{
			background-image: url(../../images/archives/title_asahi_pentax_S3.png);
		}
		.camera-header-en.asahi_pentax_SL{
			background-image: url(../../images/archives/title_asahi_pentax_SL.png);
		}
		.camera-header-en.asahi_pentax_SP{
			background-image: url(../../images/archives/title_asahi_pentax_SP.png);
		}
		.camera-header-en.asahi_pentax_SP_II{
			background-image: url(../../images/archives/title_asahi_pentax_SP_II.png);
		}
		.camera-header-en.asahi_pentax_SPF{
			background-image: url(../../images/archives/title_asahi_pentax_SPF.png);
		}
		.camera-header-en.asahi_pentax_SV{
			background-image: url(../../images/archives/title_asahi_pentax_SV.png);
		}
		.camera-header-en.asahiflex_I{
			background-image: url(../../images/archives/title_asahiflex_I.png);
		}
		.camera-header-en.asahiflex_IIA{
			background-image: url(../../images/archives/title_asahiflex_IIA.png);
		}
		.camera-header-en.asahiflex_IIB{
			background-image: url(../../images/archives/title_asahiflex_IIB.png);
		}
		.camera-header-en.pentax_645{
			background-image: url(../../images/archives/title_pentax_645.png);
		}
		.camera-header-en.pentax_645D{
			background-image: url(../../images/archives/title_pentax_645D.png);
		}
		.camera-header-en.pentax_645N{
			background-image: url(../../images/archives/title_pentax_645N.png);
		}
		.camera-header-en.pentax_645N_II{
			background-image: url(../../images/archives/title_pentax_645N_II.png);
		}
		.camera-header-en.pentax_645Z{
			background-image: url(../../images/archives/title_pentax_645Z.png);
		}
		.camera-header-en.pentax_67{
			background-image: url(../../images/archives/title_pentax_67.png);
		}
		.camera-header-en.pentax_67II{
			background-image: url(../../images/archives/title_pentax_67II.png);
		}
		.camera-header-en.pentax_A3_DATE{
			background-image: url(../../images/archives/title_pentax_A3_DATE.png);
		}
		.camera-header-en.pentax_auto110_Super{
			background-image: url(../../images/archives/title_pentax_auto110_Super.png);
		}
		.camera-header-en.pentax_EI-2000{
			background-image: url(../../images/archives/title_pentax_EI-2000.png);
		}
		.camera-header-en.pentax_ist{
			background-image: url(../../images/archives/title_pentax_ist.png);
		}
		.camera-header-en.pentax_ist_D{
			background-image: url(../../images/archives/title_pentax_ist_D.png);
		}
		.camera-header-en.pentax_ist_DL{
			background-image: url(../../images/archives/title_pentax_ist_DL.png);
		}
		.camera-header-en.pentax_ist_DS{
			background-image: url(../../images/archives/title_pentax_ist_DS.png);
		}
		.camera-header-en.pentax_K-01{
			background-image: url(../../images/archives/title_pentax_K-01.png);
		}
		.camera-header-en.pentax_K-3{
			background-image: url(../../images/archives/title_pentax_K-3.png);
		}
		.camera-header-en.pentax_K-30{
			background-image: url(../../images/archives/title_pentax_K-30.png);
		}
		.camera-header-en.pentax_K-1{
			background-image: url(../../images/archives/title_pentax_K-1.png);
		}
		.camera-header-en.pentax_K-70{
			background-image: url(../../images/archives/title_pentax_K-70.png);
		}
		.camera-header-en.pentax_KP{
			background-image: url(../../images/archives/title_pentax_KP.png);
		}
		.camera-header-en.pentax_K-1-2{
			background-image: url(../../images/archives/title_pentax_K-1-2.png);
		}
		.camera-header-en.pentax_K-3_II{
			background-image: url(../../images/archives/title_pentax_K-3_II.png);
		}
		.camera-header-en.pentax_K-5{
			background-image: url(../../images/archives/title_pentax_K-5.png);
		}
		.camera-header-en.pentax_K-50{
			background-image: url(../../images/archives/title_pentax_K-50.png);
		}
		.camera-header-en.pentax_K-5_II_pentax_K-5_II-s{
			background-image: url(../../images/archives/title_pentax_K-5_II_pentax_K-5_II_s.png);
		}
		.camera-header-en.pentax_K-7{
			background-image: url(../../images/archives/title_pentax_K-7.png);
		}
		.camera-header-en.pentax_K-m{
			background-image: url(../../images/archives/title_pentax_K-m.png);
		}
		.camera-header-en.pentax_K-r{
			background-image: url(../../images/archives/title_pentax_K-r.png);
		}
		.camera-header-en.pentax_K-S1{
			background-image: url(../../images/archives/title_pentax_K-S1.png);
		}
		.camera-header-en.pentax_K-S2{
			background-image: url(../../images/archives/title_pentax_K-S2.png);
		}
		.camera-header-en.pentax_K-x{
			background-image: url(../../images/archives/title_pentax_K-x.png);
		}
		.camera-header-en.pentax_K100D{
			background-image: url(../../images/archives/title_pentax_K100D.png);
		}
		.camera-header-en.pentax_K10D{
			background-image: url(../../images/archives/title_pentax_K10D.png);
		}
		.camera-header-en.pentax_K200D{
			background-image: url(../../images/archives/title_pentax_K200D.png);
		}
		.camera-header-en.pentax_K20D{
			background-image: url(../../images/archives/title_pentax_K20D.png);
		}
		.camera-header-en.pentax_LX{
			background-image: url(../../images/archives/title_pentax_LX.png);
		}
		.camera-header-en.pentax_ME-F{
			background-image: url(../../images/archives/title_pentax_ME-F.png);
		}
		.camera-header-en.pentax_ME_Super{
			background-image: url(../../images/archives/title_pentax_ME_Super.png);
		}
		.camera-header-en.pentax_MG{
			background-image: url(../../images/archives/title_pentax_MG.png);
		}
		.camera-header-en.pentax_MV1{
			background-image: url(../../images/archives/title_pentax_MV1.png);
		}
		.camera-header-en.pentax_MZ-10{
			background-image: url(../../images/archives/title_pentax_MZ-10.png);
		}
		.camera-header-en.pentax_MZ-3{
			background-image: url(../../images/archives/title_pentax_MZ-3.png);
		}
		.camera-header-en.pentax_MZ-5{
			background-image: url(../../images/archives/title_pentax_MZ-5.png);
		}
		.camera-header-en.pentax_MZ-7{
			background-image: url(../../images/archives/title_pentax_MZ-7.png);
		}
		.camera-header-en.pentax_MZ-M{
			background-image: url(../../images/archives/title_pentax_MZ-M.png);
		}
		.camera-header-en.pentax_MZ-S{
			background-image: url(../../images/archives/title_pentax_MZ-S.png);
		}
		.camera-header-en.pentax_P30{
			background-image: url(../../images/archives/title_pentax_P30.png);
		}
		.camera-header-en.pentax_P50_DATE{
			background-image: url(../../images/archives/title_pentax_P50_DATE.png);
		}
		.camera-header-en.pentax_Q-S1{
			background-image: url(../../images/archives/title_pentax_Q-S1.png);
		}
		.camera-header-en.pentax_Q{
			background-image: url(../../images/archives/title_pentax_Q.png);
		}
		.camera-header-en.pentax_Q10{
			background-image: url(../../images/archives/title_pentax_Q10.png);
		}
		.camera-header-en.pentax_Q7{
			background-image: url(../../images/archives/title_pentax_Q7.png);
		}
		.camera-header-en.pentax_SF7{
			background-image: url(../../images/archives/title_pentax_SF7.png);
		}
		.camera-header-en.pentax_SFX{
			background-image: url(../../images/archives/title_pentax_SFX.png);
		}
		.camera-header-en.pentax_Super_A{
			background-image: url(../../images/archives/title_pentax_Super_A.png);
		}
		.camera-header-en.pentax_Z-1{
			background-image: url(../../images/archives/title_pentax_Z-1.png);
		}
		.camera-header-en.pentax_Z-10{
			background-image: url(../../images/archives/title_pentax_Z-10.png);
		}
		.camera-header-en.pentax_Z-1P{
			background-image: url(../../images/archives/title_pentax_Z-1P.png);
		}
		.camera-header-en.pentax_Z-20{
			background-image: url(../../images/archives/title_pentax_Z-20.png);
		}
		.camera-header-en.pentax_Z-5{
			background-image: url(../../images/archives/title_pentax_Z-5.png);
		}

/*--------------------------------------------------------------------------------
  overlay
--------------------------------------------------------------------------------*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111112;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    text-align: center;
    background: rgba(0,0,0,0.75);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
    .overlay:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%
    }
    .overlay-mask {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
    }

	    .overlay-inner {
	        position: relative;
	        z-index: 100;
	        display: inline-block;
	        vertical-align: middle;
	        width: 80%;
	        height: 535px;
	        max-width: 980px;
	        margin: auto;
	        padding: 0 60px;
	    }
	        .overlay-body{
	            position: relative;
	            z-index: 100;
	            height: 100%;
	            margin: 0 auto;
	  			text-align: left;
	        	background-color: #FFF;
	        }
	        .overlay-body.loading{
	    	}
	    		.overlay-body.loading:after{
		    		content: 'Loading...';
		    		position: absolute;
		    		top: 0;
		    		left: 0;
		    		right: 0;
		    		bottom: 0;
		    		text-align: center;
		    		height: 1em;
		    		margin: auto;
		    		color: #333;
		    		font-size: 10px;
		    	}
			    .overlay-body.loading .overlay-container{
			    	height: 535px;
			    }

.overlay-button {
	position: absolute;
	top: 0;
	z-index: 111112;
	width: 60px;
	height: 100%;
}
	.overlay-button a{
		display: block;
		height: 100%;
	}
.overlay-button.overlay-button--prev{
	left: 0;
}
	.overlay-button.overlay-button--prev a{
		background: url(../../images/archives/arrow_archives_left.png) no-repeat left center;
	}
.overlay-button.overlay-button--next{
	right: 0;
}
	.overlay-button.overlay-button--next a{
		background: url(../../images/archives/arrow_archives_right.png) no-repeat right center;
	}

.overlay-close {
    position: relative;
    z-index: 200;
}
    .overlay-close a {
        display: block;
        width: 0;
        height: 0;
        margin: 0 0 0 auto;
        padding: 26px;
        color: #333;
        background: url(../../images/archives/ico_archives_close.png) no-repeat center;
    }

.overlay-scrollV {
    position: absolute;
    z-index: 100;
    width: 3px;
    bottom: 2px;
    top: 2px;
    right: 4px;
    pointer-events: none;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-duration: 0ms;
    -webkit-transition-duration: 0ms;
    overflow: hidden;
    opacity: 1;
    transition-delay: 0ms;
    -webkit-transition-delay: 0ms
}
    .overlay-scrollV > div {
        position: absolute;
        z-index: 100;
        border: 1px solid rgba(0,0,0,0.5);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-radius: 3px;
        pointer-events: none;
        transition-property: transform;
        -webkit-transition-property: transform;
        transition-timing-function: cubic-bezier(0.33,.66,.66,1);
        -webkit-transition-timing-function: cubic-bezier(0.33,.66,.66,1);
        transition-duration: 0ms;
        -webkit-transition-duration: 0ms;
        transform: translate(0px,0);
        height: 500px;
        background: rgba(0,0,0,.49804);
        background: padding-box padding-box rgba(0,0,0,.49804);
    }

@media only screen and (max-width:1010px){
	.camera-header-en{
		padding-top: 12.5%;
		background-size: 100% auto;
	}
}

@media only screen and (max-width:900px){
	.archives-section{
		width: 760px;
		margin: 0 auto;
	}
}

@media only screen and (max-width:860px){
	.camera-detail {
	    float: none;
	    clear: both;
	    width: auto;
	}
	.camera-image{
		margin: 0 auto 20px;
		padding: 0;
		text-align: center;
	}
}

@media only screen and (max-width:768px){
	.mobile-toggle{
		display: block;
		position: absolute;
	    top: 55px;
	    right: 0;
	    z-index: 1;
	}

	.main{
		margin: 55px auto 0;
		text-align: center;
	}
		.main-inner{
			position: relative;
		}
			.main-header{
				padding: 16px 0;
				background: #000;
			}
				.main-header-body{
					height: 0;
					padding-top: 14px;
					background: url(../../images/archives/bg_main_header.png) no-repeat center;
					background-size: contain;
				}
	.archives{
		padding: 34px 0 0;
	}
		.archives-lead{
			width: 300px;
			margin: 0 auto 15px;
			text-align: left;
		}
			.archives-lead p{
				font-size: 12px;
				line-height: 2.5;
			}
		.archives-tab-controller{
			width: 300px;
			margin: 0 auto 25px;
		}
			.archives-tab-controller-upper .archives-tab-controller-body > ul{
				padding: 0;
			}
			.archives-tab-controller-upper .archives-tab-controller-body.fixed{
				position: static;
				left: auto;
				top: auto!important;
				width: auto;
				padding: 20px 0 0 0;
				z-index: auto;
				background: none;
				-webkit-transform: none;
				transform: none;
				-webkit-transition: none;
				transition: none;
			}
			.archives-tab-controller-upper .archives-tab-controller-body.hide{
				-webkit-transform: none;
				transform: none;
				-webkit-transition: none;
				transition: none;
			}
		.archives-tab-controller.archives-tab-controller-lower{
			display: block;
			margin: 25px auto 0;
			padding-bottom: 25px;
		}
			.archives-tab-controller-item{
				width: 90px;
			}
				.archives-tab-controller-item a{
					padding: 12px 0;
					font-size: 10px;
					background-size: auto 30%;
				}
		.archives-tab-container{
			height: 200px;
			border-bottom: 1px solid #7f7f7f;
		}
		.archives-tab-item{
			border-top: 1px solid #7f7f7f;
		}
		.archives-section{
			width: auto;
			margin: 0 auto;
		}
			.archives-section-inner {
			    width: 320px;
			    margin: 0 auto;
			    padding: 23px 0 12px;
			}
				.archives-header{
					display: block;
					width: auto;
					height: 0;
					margin: 0 auto 23px;
					padding-top: 22px;
					background-position: center top;
					background-size: contain;
				}
				.archives-item{
					width: 85px;
					margin: 0 10px 34px;
				}
					.archives-item-image{
						height: auto;
					}
						.archives-item-image img{
							max-width: 100%;
						}

				.archives-header[data-header="1952"]{
					background-image: url(../../images/archives/bg_1952_header_sp.png);
				}
				.archives-header[data-header="1960"]{
					background-image: url(../../images/archives/bg_1960_header_sp.png);
				}
				.archives-header[data-header="1970"]{
					background-image: url(../../images/archives/bg_1970_header_sp.png);
				}
				.archives-header[data-header="1980"]{
					background-image: url(../../images/archives/bg_1980_header_sp.png);
				}
				.archives-header[data-header="1990"]{
					background-image: url(../../images/archives/bg_1990_header_sp.png);
				}
				.archives-header[data-header="2000"]{
					background-image: url(../../images/archives/bg_2000_header_sp.png);
				}
				.archives-header[data-header="2010"]{
					background-image: url(../../images/archives/bg_2010_header_sp.png);
				}

				.archives-header[data-header="m37"]{
					background-image: url(../../images/archives/bg_m37_header_sp.png);
				}
				.archives-header[data-header="m42"]{
					background-image: url(../../images/archives/bg_m42_header_sp.png);
				}
				.archives-header[data-header="kmount"]{
					background-image: url(../../images/archives/bg_kmount_header_sp.png);
				}
				.archives-header[data-header="110"]{
					background-image: url(../../images/archives/bg_110_header_sp.png);
				}
				.archives-header[data-header="medium"]{
					background-image: url(../../images/archives/bg_medium_header_sp.png);
				}
				.archives-header[data-header="qmount"]{
				background-image: url(../../images/archives/bg_qmount_header_sp.png);
			}
			.archives-header[data-header="others"]{
				background-image: url(../../images/archives/bg_others_header_sp.png);
			}

		.archives-section hr{
			display: block;
			height: 0;
			padding-top: 1px;
			border: none;
			background: #7f7f7f;
		}

	.camera-data{
	}
		.camera-data-inner{
			padding: 0 25px 25px;
			color: #000;
		}
			.camera-header{
				float: none;
				width: auto;
				margin: 12px 8px 30px;
				padding: 20px 0 15px;
				text-align: center;
			}
				.camera-header h1{
					font-size: 20px;
					font-weight: normal;
				}
					.camera-header-en{
						padding-top: 20px;
						background-size: contain;
					}
					.camera-header-ja{
						font-size: 11px;
					}

			.camera-image{
				float: none;
				width: auto;
				margin: 0 auto 25px;
				padding: 0;
				text-align: center;
			}
				.camera-image img{
					width: autol;
					max-width: 100%;
					height: auto;
					vertical-align: bottom;
				}
			.camera-detail{
				float: none;
				width: auto;
			}
				.camera-detail p{
					margin: 0 auto 7px;
					font-size: 11px;
					line-height: 22px;
				}
	.overlay{
		padding: 0;
	}
	.overlay-inner {
        width: 99%;
        height: 75%;
        padding: 0 40px;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .overlay-close{
    }
        .overlay-close a {
            padding: 20px;
            background-size: 24px auto;
        }
    .overlay-button{
    	width: 40px;
    	z-index: 200000;
    }
    	.overlay-button.overlay-button--prev a{
    		background-position: center;
			background-size: 25px auto;
		}
		.overlay-button.overlay-button--next a{
			background-position: center;
			background-size: 25px auto;
		}

    .overlay-scrollV{
        right: 2px;
    }
}


/******************************************************************************

 fix IE

******************************************************************************/
.ie .main, .ie .sitemap, .ie #pagetop, .ie #footer{
	position: relative;
	z-index: 1;
}

/******************************************************************************

 print

******************************************************************************/
@media print{
	.main{
		margin-top: 0;
	}
	.main-header{
		padding: 0;
	}
		.main-header-body{
			height: auto;
	    	padding-top: 0;
	    	text-align: center;
		}
			.main-header-body span{
				position: static!important;
				width: auto!important;
			    height: auto!important;
			    margin: 0!important;
			    font-size: 30px;
			    font-weight: bold;
			    color: #333;
			}
	.archives-tab-controller-lower{
		display: none;
	}
		.archives-tab-controller-upper .archives-tab-controller-inner{
			height: auto;
			padding-top: 0;
		}
			.archives-tab-controller-upper .archives-tab-controller-body,
			.archives-tab-controller-upper .archives-tab-controller-body.fixed,
			.archives-tab-controller-upper .archives-tab-controller-body.hide{
				position: static!important;
				width: 100%!important;
				top: auto!important;
				left: auto!important;
				padding: 20px 0 0!important;
				background: none!important;
				-webkit-transform: none!important;
				transform: none!important;
			}
		.archives-tab-controller-item a{
			border: 1px solid #333;
		}
		.archives-tab-controller-item.active a{
			color: #676767;
			border-width: 3px;
			font-weight: bold;
		}
			.archives-tab-controller-item span{
				position: static!important;
				width: auto!important;
			    height: auto!important;
			    margin: 0!important;
			    color: #333;
			    font-size: 12px;
			    line-height: 1;
			}

	.archives-tab-container{
		height: auto!important;
	}
		.archives-tab-item.active{
			position: static;
			width: auto;
			height: auto;
		}
	.archives-header{
		border: 1px solid #000;
		border-radius: 50%;
	}
		.archives-header span{
			position: relative!important;
			width: auto!important;
		    height: auto!important;
		    margin: 0!important;
		    color: #333;
		    font-size: 1.5em;
		    top: 50%;
		    transform: translateY(-50%);
		}
}