@charset "UTF-8";
/*
#content {
	position: relative;
	width: 100%;
	margin: 0 auto;
	min-width: 1000px;
}

*/

/*--------------------------*/
#header_2nd {
    width: 100%;
    height: 80px;
    margin: 0 auto;
 
    top: 0px;
    left: 0px;
    text-align: center;
    z-index: 2;
}
#ctn_area {
    margin: 0px 2% 0px 2%;
    text-align: left;

}
#case_upper {

    width: 100%;
    text-align: center;
    padding: 0px 0px 5px 0px;
}
.t_txt {
    display: inline-block;
    font-family: "ryo-text-plusn", serif;
    font-feature-settings : "palt";
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 300;
    margin: auto;
    padding: 0px 10px 8px 10px;
    border-bottom: #000 1px solid;
}
.t_txt_e {
    font-family: 'AbelPro';
    font-feature-settings : "palt";
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    color: #0074b8;
    padding: 8px 0px 0px 2px;
	margin: 0px 0px 20px 0px;
}
.t_copy {
    font-feature-settings : "palt";
    text-align: center;
     font-size: 70%;
    line-height: 21px;
    margin: 0px auto 10px auto;
}

#case_main_thumb {
    text-align: left;
    width: 100%;
    padding: 0px 0px 20px 0px;
    background-color: #fff
}

.cln {
   height:210px
}
#case_main_thumb ul {
    margin: 0px auto 0px auto;
text-align: center;
}
#case_main_thumb li {
   display: inline-block;
    width: 20%;
    height: 20%;
    margin: 5% 5% 0% 5%;
}
#case_main_lower {
    text-align: center;
    width: 100%;
  padding: 25px 0px 25px 0px;
    background-color: #fff
}
#restoration {

    text-align: left;

  margin: 0px auto 0px auto;
 
}
.photores {

  margin: 0px auto 0px auto;
 
    text-align: center;
    width:90%;


}
.photores img{

 

}
.photocle {
	display: table-cell;
    text-align: left;
    width: 258px;
	height: 400px;
 padding-left: 50px;
}
.photocle img{

   width: 258px;
	height: 400px;

}

#others {

    text-align: left;
 
  margin: 0px auto 0px auto;
 
}


.photo_others{
  margin: 0px auto 0px auto;
    text-align: left;
       width: 60%;


 
}
.photo_others img{


}

.photo_others_02{
 margin: 0px auto 0px auto;
    text-align: center;
       width: 80%;

}
.photo_others_03{
 margin: 0px auto 0px auto;
    text-align: center;
           width: 80%;

}



.t_boby {
	   font-family: "ryo-text-plusn", serif;
    font-feature-settings : "palt";
    
  margin: 20px auto 0px auto;
   width: 90%;
    text-align: left;
    font-size: 75%;
    line-height: 21px;

	letter-spacing: 0.1em;

}

.lower_title{
	  margin: 40px auto 25px auto;
	 padding: 0px 0px 10px 0px;
	 width: 90%;
	   font-family: "ryo-text-plusn", serif;
    font-feature-settings : "palt";
    	
    text-align: center;
    font-size: 100%;
 
	letter-spacing: 0.1em;
 border-bottom: #000 1px dotted;
}


/*--------------------------*/




.case_base {
       position: absolute;
    margin: auto;
	    top:0px;
    left: 0px;
	bottom:0px;
	right:0px;
    width: 100%;
    height: 100%;
    /*background-color: #C4E8FF;*/
		background-color: #fff;
	background-size:75px 75px;
    z-index: 10;
}

#case_area {
    position: absolute;

 top: 1%;
    bottom: 1%;
    left: 50%;
    width: 98%;
   height: 100%;
    margin-left: -49%;
/*		opacity: 0;
		-ms-filter: "alpha( opacity=0 )";
	filter: alpha(opacity=0);*/
	background-color: #fff
}
.b_sam_left,.b_sam_left_02{
    position: absolute;
    top: 66px;
    left: -1%;

 height: 60px;
    width:  60px;
	 z-index: 15;

	background-color: #fff;
-webkit-animation: blink 1s ease-in-out infinite alternate;
	-moz-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}
@-moz-keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}
@keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}

.b_sam_right,.b_sam_right_02{
    position: absolute;
       top: 66px;
    right: -1%;

 height:  60px;
    width:  60px;
	  z-index: 15;

	background-color: #fff;
-webkit-animation: blink 1s ease-in-out infinite alternate;
	-moz-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}
@-moz-keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}
@keyframes blink {
 0% {
opacity:0.2;
}
 100% {
opacity:1;
}
}


	

#case_waku {
    position: absolute;
    top: 130px;
 left:50%;
	margin-left:-50%;

    width: 100%;
  padding: 0px 0px 20px 0px;

    z-index: 10;
	background-color: #fff
	
}


.takasa:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}


#logo_02 {
     position: absolute;
    top: 15px;
    left: 15px;
   width: 200px;
    height: 22px;
	
}
#t_txt02 {
        position: absolute;
    top: 70px;
    left: 50%;
	 width: 60%;
	margin-left:-30%;

    font-family: "ryo-text-plusn", serif;
    font-feature-settings : "palt";
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 300;
    padding: 0px 0px 2px 0px;
	line-height:  18px;
    border-bottom: #000 1px solid;
	
	z-index: 13;
}
#t_txt_e02 {
	position: absolute;
	   top:100px;
  left: 50%;
	 width: 60%;
	margin-left:-30%;
    font-family: 'AbelPro';
    font-feature-settings : "palt";
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
	line-height:  12px;
    color: #0074b8;

	z-index: 13;
}
#t_txt_03 a{
      position: absolute;
    top: 115px;
    left: 50%;
	 width: 60%;
	margin-left:-30%;


    font-feature-settings : "palt";
    text-align: center;
    font-size: 9px;
text-decoration: none;


	
	z-index: 13;
}


#b_list {
	display: none;
	position: absolute;
	   top:150px;
  left: 15px;
   
width:18px;
	z-index: 13;
}

#t_list  {
	display: none;
position: absolute;
	   top:140px;
  left: 50%;
	 width: 60%;
	margin-left:-30%;
     white-space: nowrap;
    font-feature-settings : "palt";
    text-align: center;
    font-size: 10px;

}



#photo_area {
position: absolute;
top: 65px;
left: 0px;
	width:100%;



}


#over_img_01,#over_img_02,#over_img_03,#over_img_04{
position: absolute;
top: 65px;
left: 0px;
width:100%;
	  opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha(opacity=0);


}
#t_no {
position: absolute;
top: 0px;
left: 10px;
      font-family: 'AbelPro';
    font-feature-settings : "palt";
    text-align: left;
    font-size: 60px;
}
#t_title {
position: absolute;
top: 27px;
left: 90px;
     white-space: nowrap;
    font-feature-settings : "palt";
    text-align: left;
    font-size: 14px;
	font-weight: bold
}

#t_year {
position: absolute;
top: 116px;
left: 624px;
     white-space: nowrap;
    font-feature-settings : "palt";
    text-align: left;
    font-size: 12px;

}
#before01 {
  margin: 0px auto 0px auto;
width: 96%;
     white-space: nowrap;
    font-feature-settings : "palt";
    text-align: left;
    font-size: 10px;
border-bottom: #ccc 1px solid;
}
#before01_2x {

  margin: 0px auto 0px auto;
	width: 96%;
     white-space: nowrap;
    font-feature-settings : "palt";
    text-align: left;
    font-size: 10px;
border-bottom: #ccc 1px solid;
}
.pb_01 {
 margin: 10px;
 display: inline-block;
	width:20%;

 

}

.pb_02 {
 display: inline-block;
 
	width:20%;

}

.pb_03 {
 display: inline-block;
 
	width:20%;

 

}

.pb_04 {
 display: inline-block;
	width:20%;

 

}





/*--------------------------*/