@charset "utf-8";


/*---//turn start//----*/
.turn_header{text-align: center;
	text-align:center; /*background-color:
	 #ebc0e8;*/}

.turn_container {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	width: 100vw;
	margin: 0 auto 0 auto;
	/*background-color: brown;*/
}

.turn_header>h1{
	font-size: medium;
	margin: 30px auto;
}
h4{margin:0 auto 0 auto ;}
.turn_header>h3{
font-size:1.2rem;background-color: #444;
width: 100vw;
	}
.turn_main,.turn_2_main{margin: 0 auto 0 auto ;
	position: relative;
	z-index: 23;
	/*background-color: #452bdd;*/
	width:1000px;
	height: 500px;
	/*background-color: #ebc0e8;*/
}
#turn_book,#turn_book_2,#turn_book_3,#turn_book_4,#turn_book_5,
#turn_book_6,#turn_book_7,#turn_book_8,#turn_book_9,#turn_book_10{
width: 1000px;
height: 500px;
margin: 0 auto;
}
.ul_cover{
	position: relative;
	z-index: 10;
	width: 100vw;
	display: flex;
	flex-direction: column;
/*background-color: rgb(17, 9, 63);*/}
.turn_ul,.turn_2_ul{
	z-index: 10;
	position:relative;
	display: flex;
	justify-content:space-between;
	list-style: none;
	width: 1200px;
	margin: -250px auto  auto;
	}




#prevpage,#prevpage_2,#prevpage_3,#prevpage_4,#prevpage,#prevpage_5,
#prevpage_6,#prevpage_7,#prevpage_8,#prevpage_9,#prevpage_10{ 
cursor: pointer;	                     
background-image:url(../../images/common/ya2_1.png);
width: 60px;
height: 60px;
background-size:cover;
border-radius:50%;
border-bottom: 2px solid #444;
}
#prevpage:active,#prevpage_2:active,#prevpage_3:active,#prevpage_4:active,#prevpage_5:active,
#prevpage_6:active,#prevpage_7:active,#prevpage_8:active,#prevpage_9:active,#prevpage_10:active{
border: none;
}
#nextpage,#nextpage_2,#nextpage_3,#nextpage_4,#nextpage_5,
#nextpage_6,#nextpage_7,#nextpage_8,#nextpage,#nextpage_9,#nextpage_10{
cursor: pointer;
background-image:url(../../images/common/ya2_2.png) ;
width: 60px;
height: 60px;
background-size:cover;
border-radius:50%;
border-bottom: 2px solid #444;
}
#nextpage:active,#nextpage_2:active,#nextpage_3:active,#nextpage_4:active,#nextpage_5:active,
#nextpage_6:active,#nextpage_7:active,#nextpage_8:active,#nextpage_9:active,#nextpage_10:active{
border: none;
}*/
.koukoku{margin-top: 200px;
	/*background-color: #ebc0e8;*/}
	.font_turn{margin: 0 auto 0	auto;
		width: 100px;
		height: 20px;
			  text-align: center;
			  font-size:0.8rem;
				  line-height: 1rem;
			    /*background-color: rgb(191, 230, 20);*/}

/*----//shadow start//-----------------------------*/
.shadow,.shadow_2{
	z-index: 20;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-items: center;
	align-items: center;
	width:500px;height: 500px;
	background-color:#fff;
	box-shadow: 2px 5px 10px 1px #444;
}
	.transparent{
	
	background-color:rgba(255,255,255,.7);
}
.shadow_transparent>img{width: 100%;}
.shadow>p{
	font-weight: bold;
}
.shadow>ul{
	margin-left: 10px;
	text-align: left;
	font-size:small;
}
.shadow_top>ul>li{
	font-size:1rem;}
.shadow>img{width: 100%;
	height: 100%;
	position: relative;
	z-index: 20;
	}
/*---back ground------------------------------------*/	
	.wedding_1{width: 100%;}
/*---キャラクター----------------------------*/
.end_over{
	z-index: 22;
position: absolute;
right:10px;
bottom:10px;
width: 150px;
height:150px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/END_1.png);
background-size:cover ;
}
.end_over:active{
	background-image:url(../../images/pictuer_img/END_2.png);}

.end2_over{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:10px;
width: 150px;
height: 150px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/hima_1.png) ;
background-size:cover ;
}
.end2_over:active{
background-image:url(../../images/pictuer_img/hima_2.png);}

.logo_over{
cursor: pointer;
z-index: 22;
position: absolute;
left:30px;
bottom:10px;
width: 120px;
height: 120px;
/*background-color: #452bdd;*/
background-size:cover ;
}

.shimagara{background-image:url(../../images/pictuer_img/shimagara_1.png);
background-size:cover;background-position: center ;}
.shimagara:active{background-image:url(../../images/pictuer_img/shimagara_2.png) ;}

.okinawa{
cursor: pointer;
z-index: 22;
position: absolute;
left:30px;
bottom:10px;
width: 120px;
height: 120px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/okinawa_1.png) ;
background-size:cover ;
}
.okinawa:active{
background-image:url(../../images/pictuer_img/okinawa_2.png) }
.okinawa_2{
cursor: pointer;
z-index: 22;
position: absolute;
	left:100px;
bottom:10px;
width: 120px;
height: 120px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/okinawa_c_1.png) ;
background-size:cover ;
}
.okinawa_2:active{
background-image:url(../../images/pictuer_img/okinawa_c_2.png) }

.okinawa_w_1{
	cursor: pointer;
	z-index: 22;
	position: absolute;
		left:50px;
	bottom:10px;
	width: 120px;
	height: 120px;
	/*background-color: #452bdd;*/
	background-image:url(../../images/pictuer_img/okinawa_w_1.png) ;
	background-size:cover ;
	}
	.okinawa_w_1:active{
	background-image:url(../../images/pictuer_img/okinawa_w_2.png) }
	
	
	
	.okinawa_w_2{
		cursor: pointer;
		z-index: 22;
		position: absolute;
			right:50px;
		bottom:10px;
		width: 120px;
		height: 120px;
		/*background-color: #452bdd;*/
		background-image:url(../../images/pictuer_img/okinawa_w_1.png) ;
		background-size:cover ;
		}
		.okinawa_w_2:active{
		background-image:url(../../images/pictuer_img/okinawa_w_2.png) }
		
		.okinawa_kk_1{
			cursor: pointer;
			z-index: 22;
			position: relative;
			margin: 0 auto 0 auto ;
			width: 120px;
			height: 120px;
			/*background-color: #452bdd;*/
			background-image:url(../../images/pictuer_img/okinawa_kk_1.png) ;
			background-size:cover ;
			}
			.okinawa_kk_1:active{
			background-image:url(../../images/pictuer_img/okinawa_kk_2.png) }




.yoko_masu{display: flex;
width:100%;height: 10%;
background-color: #ebc0e8;}






	

.fumu_A_over{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:10px;
width: 150px;
height: 150px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/fumu_A_1.png) ;
background-size:cover ;
}
.fumu_A_over:active{
background-image:url(../../images/pictuer_img/fumu_A_2.png);}

/*-----B----------------------------------------------------------*/
.fumu_B_over{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:10px;
width: 150px;
height: 150px;
/*background-color: #452bdd;*/
background-image:url(../../images//pictuer_img/fumu_B_1.png) ;
background-size:cover ;
}
.fumu_B_over:active{
background-image:url(../../images/pictuer_img/fumu_B_2.png);}

/*-----e----------------------------------------------------------*/
.img_e_over{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:10px;
width: 150px;
height: 150px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/img_e_1.png) ;
background-size:cover ;
}
.img_e_over:active{
background-image:url(../../images/pictuer_img/img_e_2.png);}

.pp1{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:10px;
width: 150px;
height: 150px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/pp1.png) ;
background-size:cover ;
}
.pp1:active{
background-image:url(../../images/pictuer_img/pp1_2.png);}

.img_d{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:10px;
width: 140px;
height: 140px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/img_d_1.png) ;
background-size:cover ;
}
.img_d:active{
background-image:url(../../images/pictuer_img/img_d_2.png);}
					
.img_f{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:20px;
width: 216px;
height: 120px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/img_f_1.png) ;
background-size:cover ;
}
.img_f:active{
background-image:url(../../images/pictuer_img/img_f_2.png);}
.img_f{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:20px;
width: 216px;
height: 120px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/img_f_1.png) ;
background-size:cover ;
}
.img_f:active{
background-image:url(../../images/pictuer_img/img_f_2.png);
}

.buke{
cursor: pointer;
z-index: 22;
position: absolute;
right:10px;
bottom:20px;
width: 160px;
height: 100px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/buke_1.png) ;
background-size:cover ;
}
.buke:active{
background-image:url(../../images/pictuer_img/buke_2.png);
}
.maegaki_over{
cursor: pointer;
z-index: 22;
position: absolute;
left:0;
bottom:10px;
width: 250px;
height: 250px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/img_a_1.png) ;
background-size:cover ;
}

.maegaki_R_over{
cursor: pointer;
z-index: 22;
position: absolute;
right:0;
bottom:10px;
width: 200px;
height: 200px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/img_a_1.png) ;
background-size:cover ;
}

.maegaki_R_over:active,.shadow>.maegaki_over:active{
background-image:url(../../images/pictuer_img/img_a_2.png)
}

.maegaki_2_over{
cursor: pointer;
z-index: 22;
position: absolute;
left:0;
bottom:40%;
width: 150px;
height: 100px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/neco_1.png);
background-size:cover ;
			}
.maegaki_2_over:active{
background-image:url(../../images/pictuer_img/neco_2.png)
}

.maegaki_3_over{
cursor: pointer;
z-index: 22;
position: absolute;
left:0;
bottom:0;
width: 150px;
height: 100px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/neco_1.png) ;
background-size:cover ;
}
.maegaki_3_over:active{
background-image:url(../../images/pictuer_img/neco_2.png)
}

.maegaki_4_over{
cursor: pointer;
z-index: 22;
position: absolute;
right:0;
bottom:0;
width: 150px;
height: 100px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/neco_1.png);
background-size:cover;
}
.maegaki_4_over:active{
background-image:url(../../images/pictuer_img/neco_2.png)}

.maegaki_5_over{
cursor: pointer;
z-index: 22;
position: absolute;
left:200px;
bottom:100px;
width: 100px;
height: 100px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/uishi_1.png) ;
background-size:cover ;
}

.maegaki_5_over:active{
background-image:url(../../images/pictuer_img/uishi_2.png);}	

.maegaki_6_over{
cursor: pointer;
z-index: 22;
position: absolute;
right:0;
bottom:10px;
width: 200px;
height: 200px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/img_b_1.png) ;
background-size:cover ;
}
.maegaki_6_over:active{
background-image:url(../../images/pictuer_img/img_b_2.png);
}

.hanabi_over{
cursor: pointer;
z-index: 22;
position: absolute;
left:0;
bottom:10px;
width: 170px;
height: 170px;
/*background-color: #452bdd;*/
background-image:url(../../images/pictuer_img/hanabi_1.png) ;
background-size:cover ;
}
.hanabi_over:active{
background-image:url(../../images/pictuer_img/hanabi_2.png);
}
.top-cover_1{
/*background-color: #000;*/
width: 100%;
height: 100%;
background-image: url(../../images/pictuer_img/we2_1.png);
background-size:cover;
}
.top-cover_1:active{
background-image: url(../../images/pictuer_img/we2_2.png);
background-size:cover;
}
/*-----bun---------------------------------------------------------------*/
.content_boktachi{ 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
/*background-color: #452bdd;*/
/*justify-content: center;*/
width: 380px;
max-height: 380px;
}
.bun_cover_boktachi{
text-align: left;
max-width:350px;
max-height: 350px;
overflow-y:auto;
overflow-x:hidden ;
display: flex;
position: relative;
line-break:strict;}
/*-----scrollbar---------------------------------------------------------------*/
.bun_cover_boktachi::-webkit-scrollbar {
	width: 20px;
  }
  
  .bun_cover_boktachi::-webkit-scrollbar-track {
	background-color: #e4e4e4;
	border-radius: 100px;
  }
  
  .bun_cover_boktachi::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-image: linear-gradient(180deg, #ebc0e8 0%, #a7ccf0 99%);
	box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
  }

.bun_cover_boktachi>ul{
width: 100%;
text-align: center;
background-color: #000;}

.bun_cover_oto{
	display: flex;
	cursor: pointer;
	align-items: center;
	position: relative;
}

.waku_1{
border:3px solid rgb(238, 210, 55);
width: 400px;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
/*background-color: #452bdd;*/
background-image:url(../../01_photo-book/photo-book/01_diari/wedding/0304/we_3.JPG);
background-size:cover ;
}

.ushi_cover,#ushi_cover{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0000/cover.png);
background-size:cover;}
.ushi_01,#ushi_01{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0102/page1.png);
background-size:cover;}
.ushi_02,#ushi_02{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0102/page2.png);
background-size:cover ;}
.ushi_03,#ushi_03{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0304/page3.png) ;
background-size:cover ;}
.ushi_04,#ushi_04{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0304/page4.png);
background-size:cover ;}
.ushi_05,#ushi_05{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0506/page5.png) ;
background-size:cover ;}
.ushi_06,#ushi_06{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0506/page6.png) ;
background-size:cover ;}
.ushi_07,#ushi_07{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0708/page7.png) ;
background-size:cover ;}
.ushi_08,#ushi_08{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0708/page8.png) ;
background-size:cover ;}
.ushi_09,#ushi_09{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0910/page9.png);
background-size:cover ;}
.ushi_10,#ushi_10{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0910/page10.png) ;
background-size:cover ;}
.ushi_11,#ushi_11{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1112/page11.png);
background-size:cover ;}
.ushi_12,#ushi_12{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1112/page12.png);
background-size:cover ;}
.ushi_13,#ushi_13{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1314/page13.png);
background-size:cover ;}
.ushi_14,#ushi_14{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1314/page14.png);
background-size:cover ;}
#bokutachino_cover{background-image:
url(../../01_photo-book/photo-book/01_diari/saigiki/0000/bokutachino_saigiki.png);
background-size:cover ;
}#bokutachino_01{background-image:
url(../../01_photo-book/photo-book/01_diari/saigiki/0102/top.png);
background-size:cover ;}
#photo-wedding_cover{background-image:
url(../../01_photo-book/photo-book/01_diari/wedding/0000/we_1.png);
	background-size:cover ;}
#kiso_cover{background-image:
url(../../01_photo-book/photo-book/02_kiso/subalbum/ki_1.png);
background-size:cover ;}
#aruru_cover{background-image:
url(../../01_photo-book/photo-book/03_site/PhotoAruru/cover_1.png);
background-size:cover;}
#PC_cover{background-image:
url(../../02_photo/photo/02_kiso/PCdeoboeru/0000/cover.png);
background-size:cover;}
#kamera_cover{background-image:
	url(../../02_photo/photo/02_kiso/Kameranosetei/0000/cover.png);
	background-size:cover;}




	/*-.page------------------------------------------------------------------------------*/
.shadow-page{
z-index: 25;
position: absolute;
bottom: 0;
right: 50%;
left: 50%;
color: #000;font-size:1rem ;
line-height: 1.5rem;
text-shadow: 2px 2px 2px #fff;
}
/*---video-----------------------------------------------------------------------------*/
video{cursor: pointer;}




/*--title------------------------------------------------------------------------------------*/
.title{
margin-top: 20px;
font-size: 1rem;}
.title_hp{z-index: 25;
	display: flex;
	flex-direction: column;
	width: 250px;
	height: 50px;
	line-height: 1rem;
	/*background-color: #ebc0e8;*/
	text-align: center;
	}
/*--content------------------------------------------------------------------------------------*/
.content_shadow{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 21;
    width: 500px;
    height: 500px;
    background-color: #fff;
}


.content>ul>p{
	font-weight: bold;}
.content>ul>li{
	font-size:1rem;}
/*------真ん中はこれを使う-------start-------------------*/
.content_mannaka_1{/*--text 左揃え---------*/
padding-left:5px;
background-color: rgba(255,255,255,.5);
width: 80%;
max-height: 80%;
 /* 水平・垂直方向の中央揃え */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
z-index: 21;
font-weight:normal;
font-size: 1rem;
text-align: left;}

.content_mannaka_2{/*--text 左揃え----少し上-----*/
/*	background-color: #452bdd;*/
	width: 70%;
	 /* 水平・垂直方向の中央揃え */
	  position: absolute;
	  top: 50%;
	  left: 70%;
	  transform: translate(-50%, -50%);
	z-index: 21;
	font-weight:normal;
	font-size: 1rem;
	text-align: left;}







/*------QR--------------------------*/
.QR{
position: absolute;
z-index: 50;
left: 50px;
bottom: 100px;
/*background-color: #4b7fe0;*/
display: flex;
width: 150px;
height: 60px;
line-height: 16px;
flex-direction: column;
}

.QR>a>img{width: 50px;
height: 50px;}
.QR img{width: 50px;
	height: 50px;
margin: 0 auto 0 auto;}


.QR_mark{width: 50px;
height: 50px;
}





/*--.oukoku----------------------------------------------------------------------------*/

.koukoku_2_cover{position:relative;
/*background-color: rgb(234, 243, 243);*/
width: 500px;
height: 500px;}
.koukoku_2{/*background-color: aqua;*/
/*background-color: #452bdd;*/
width: 70%;
/* 水平・垂直方向の中央揃え */
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
z-index: 21;
width: 300px;
height: 250px;
box-shadow: 2px 5px 10px 1px #444;
}
.koukoku_2:active{
box-shadow: 0px 0px 0px 0px #444;
}	
/*.slider_mob{display: none;}*/
.shiyoukai{
background-color:rgba(255, 255, 255,.5) ;	
display: flex;
padding-top: 10%;	
flex-direction: column;
height: 500px;
width: 300px;
margin: 0 auto 0 auto ;
overflow: hidden;}
.yoko>img{width: 100%;}
.shiyoukai>p{font-size: 0.8rem;
	line-height: 1rem;	}
.yoko{position: relative;
	display: flex;
justify-content:space-between;

}
.shiyoukai_img{background-image: url(../../images/pictuer_img/okinawa_1.png);background-size:cover;
width: 80px;height: 80px;}
.shiyoukai_img:active{background-image: url(../../images/pictuer_img/okinawa_2.png);background-size:cover;}

.shiyoukai_2_img{background-image: url(../../images/pictuer_img/okinawa_c_1.png);background-size:cover;
width: 80px;height: 80px;}
.shiyoukai_2_img:active{background-image: url(../../images/pictuer_img/okinawa_c_2.png);background-size:cover;}

.shiyoukai_3_img{background-image: url(../../images/pictuer_img/kaori.png);background-size:cover;
width: 80px;height: 80px;}
.shiyoukai_3_img:active{background-image: url(../../images/pictuer_img/kaori_2.png);background-size:cover;}

.shiyoukai_4_img{background-image: url(../../images/pictuer_img/ryoko_1.png);background-size:cover;
width: 80px;height: 80px;}
.shiyoukai_4_img:active{background-image: url(../../images/pictuer_img/ryoko_2.png);background-size:cover;}

.shiyoukai_5_img{background-image: url(../../images/pictuer_img/miyagi_1.png);background-size:cover;
width: 80px;height: 80px;}
.shiyoukai_5_img:active{background-image: url(../../images/pictuer_img/miyagi_2.png);background-size:cover;}

.shiyoukai_6_img{background-image: url(../../images/pictuer_img/ziruma.png);background-size:cover;
width: 80px;height: 80px;}
.shiyoukai_6_img:active{background-image: url(../../images/pictuer_img/ziruma_2.png);background-size:cover;}





/*----文の表示--------------------------------------------------*/




/*----tempにもある----------------------------------------------------*/
.rectangle_BL::-webkit-scrollbar,
.rectangle_BR::-webkit-scrollbar,
.rectangle_bottom::-webkit-scrollbar,
.square_top::-webkit-scrollbar,
.square_bottom::-webkit-scrollbar ,
.harf_top_R::-webkit-scrollbar ,
.harf_top_L::-webkit-scrollbar  ,
.harf_bottom_R::-webkit-scrollbar ,
.harf_bottom_L::-webkit-scrollbar
{
	width: 20px;
  }

  .rectangle_BL::-webkit-scrollbar-track,
  .rectangle_BR::-webkit-scrollbar-track,
  .rectangle_bottom::-webkit-scrollbar-track,
  .square_top::-webkit-scrollbar-track,
  .square_bottom::-webkit-scrollbar-track,
  .harf_top_R::-webkit-scrollbar-track,
  .harf_top_L::-webkit-scrollbar-track ,
  .harf_bottom_R::-webkit-scrollbar-track,
  .harf_bottom_L::-webkit-scrollbar-track
  {
	background-color: #e4e4e4;
	border-radius: 100px;
  }

  .rectangle_BL::-webkit-scrollbar-thumb,
  .rectangle_BR::-webkit-scrollbar-thumb,
  .rectangle_bottom::-webkit-scrollbar-thumb,
  .square_top::-webkit-scrollbar-thumb,
  .square_bottom::-webkit-scrollbar-thumb,
  .harf_top_R::-webkit-scrollbar-thumb,
  .harf_top_L::-webkit-scrollbar-thumb,
  .harf_bottom_R::-webkit-scrollbar-thumb,
  .harf_bottom_L::-webkit-scrollbar-thumb
  {
	border-radius: 100px;
	background-image: linear-gradient(180deg, #ebc0e8 0%, #a7ccf0 99%);
	box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
  }






.square_top{
position: absolute;
z-index: 21;
top:0;
width:400px;
height:300px;
margin-top: 50px;
overflow-y: auto;
overflow-x:hidden;
background-color: rgba(255,255,255,.5);
display: flex;
flex-direction: column;
line-break:strict;
text-align: left;
}

.square_bottom{
	position: absolute;
	bottom:0;
	width:400px;
	height:300px;
	margin-bottom: 50px;
	overflow-y: auto;
	overflow-x:hidden;
	background-color: rgba(255,255,255,.5);
	display: flex;
	flex-direction: column;
	line-break:strict;
	text-align: left;
	}


.harf_top_R{
	position: absolute;
	top:0;
	right:0;
	width:250px;
	height:300px;
	margin-top: 50px;
	margin-right: 5px;
	overflow-y: auto;
	overflow-x:hidden;
	background-color: rgba(255,255,255,.5);
	display: flex;
	flex-direction: column;
	line-break:strict;
	text-align: left;}
.harf_top_L{z-index: 25;
	position: absolute;
	top:0;
left:0;
	width:250px;
	height:300px;
	margin-top: 50px;
	margin-left: 5px;
	overflow-y: auto;
	overflow-x:hidden;
	background-color: rgba(255,255,255,.5);
	display: flex;
	flex-direction: column;
	line-break:strict;
	text-align: left;}
	.harf_bottom_R{
		position: absolute;
		right: 0;
		bottom:0;
		width:250px;
		height:300px;
		margin-bottom: 50px;
		margin-right: 5px;
		overflow-y: auto;
		overflow-x:hidden;
		background-color: rgba(255,255,255,.5);
		display: flex;
		flex-direction: column;
		line-break:strict;
		text-align: left;}
	.harf_bottom_L{
		position: absolute;
		left: 0;
		bottom:0;
		width:250px;
		height:300px;
		margin-bottom: 50px;
		margin-left: 5px;
		overflow-y: auto;
		overflow-x:hidden;
		background-color: rgba(255,255,255,.5);
		display: flex;
		flex-direction: column;
		line-break:strict;
		text-align: left;}

.rectangle_bottom{
	position: absolute;
	left: 0;
	bottom:0;
	width:450px;
	height:168px;
	margin-bottom:0;
	margin-left: 0;
	overflow-y: auto;
	overflow-x:hidden;
	background-color: rgba(255,255,255);
	display: flex;
	flex-direction: column;
	line-break:strict;
	text-align: left;
padding-left:5px;}

.rectangle_BL{
	position: absolute;
	left: 0;
	bottom:0;
	width:240px;
	height:156px;
	margin-bottom:0;
	margin-left: 0;
	overflow-y: auto;
	overflow-x:hidden;
	background-color: rgba(255,255,255);
	display: flex;
	flex-direction: column;
	line-break:strict;
	text-align: left;
padding:5px;
line-break:strict;
text-align: left;






}
.rectangle_BR{
	position: absolute;
	left: 166px;
	bottom:0;
	width:240px;
	height:156px;
	margin-bottom:0;
	margin-left: 0;
	overflow-y: auto;
	overflow-x:hidden;
	background-color: rgba(255,255,255);
	display: flex;
	flex-direction: column;
	line-break:strict;
	text-align: left;
padding:5px;
}





	/*----全面的------------------------------------------------------*/
	.shadow_container{
		width: 500px;
		height: 500px;
		display: grid;
		grid-template-columns: 166.6px 166.6px 166.6px;
	gap:0px;
	}	
		.shadow_item{width: 166.6px;
			height: 125px;
			/*background-color: #0bd;*/
			color: #fff;
			
			text-decoration-line:none;}
		.shadow_item_bl{width: 150px;
			height: 125px;
			/*background-color: #0bd;*/
			color: #000;
			text-decoration-line:none;
		}
/*----------------------------------------------------------------*/






		#s1{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/01.jpg);
		background-size:cover ;}
		#s2{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/02.jpg);
		background-size:cover ;}
		#s3{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/03.png);
		background-size:cover ;}
		#s4{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/04.jpg);
		background-size:cover ;}
		#s5{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/05.jpg);
		background-size:cover ;}
		#s6{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/06.jpg);
		background-size:cover ;}
		#s7{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/07.jpg);
		background-size:cover ;}
		#s8{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/08.jpg);
		background-size:cover ;}
		#s9{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/09.jpg);
		background-size:cover ;}
		#s10{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/10.jpg);
		background-size:cover ;}
		#s11{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/11.jpg);
		background-size:cover ;}
		#s12{background-image: url(../../01_photo-book/photo-book/01_diari/okinawa/0708/12.jpg);
		background-size:cover ;}
	
 @media screen and (max-width: 599px){
    .scale_pc{display:none;font-size: 0.7em ;}
    .scale_tab{display:none;font-size: 0.7em;}
    .scale_mob{display:block;font-size: 0.7em;}
	.QR_mark{width: 10vw;
		height: 10vw;
		}
		

  .shiyoukai{width: 54vw;
height: 90vw;}
.yoko>img{width:60%;}
/*----tempにもある--------------------------------------------------*/
.square_bottom,.square_top{
	line-height: 1rem;
	font-size: 0.7rem;
	width:72vw;
	height:54vw;
	margin-bottom: 5vw;
	}
.harf_top_R,.harf_bottom_R{
		line-height: 1rem;
	font-size: 0.7rem;
	width:45vw;
	height:54vw;
	margin-top: 1vw;
	margin-right: 1vw;}
	.harf_top_L,.harf_bottom_L{
			line-height: 1rem;
		font-size: 0.8rem;
	width:45vw;
	height:54vw;
	}
	
	.rectangle_bottom{
	
		width:89vw;
		height:29vw;
		margin-top: 1vw;
		margin-left: 1vw;
		/*background-color: aqua;*/
	}
	
		.rectangle_BL,
		.rectangle_BR{
		width:45vw;
		height:29vw;
		font-size: 0.8rem;
        line-height: 1rem;

	/*background-color: aqua;*/
	}








/*-/*----全面的------------------------------------------------------*/
	.shadow_container{
		width: 90vw;
		height: 90vw;
		display: grid;
		grid-template-columns: 	30vw 30vw 30vw;
	gap:0px;
	}	
		.shadow_item{width: 30vw;
			height: 22.5vw;
			/*background-color: #0bd;*/
			color: #fff;
			
			text-decoration-line:none;}
		.shadow_item_bl{width: 30vw;
			height: 22.5vw;
			/*background-color: #0bd;*/
			color: #000;
			text-decoration-line:none;
		}
/*----------------------------------------------------------------*/---------------------------------------------------------*/	

.content_shadow{
width: 90vw;
height: 90vw;
overflow: hidden;}

.turn_container {	
	margin:0 auto 0 auto;
	/*background-color: brown;*/
}

.cont-one,.turn_main,.turn_2_main{
    width: 90vw;
	height: 90vw;
    margin: 0 auto;
    overflow: hidden;
}
.wrap-one,.turn_book,.turn_2_book{
    position: relative;
    display: flex;
    transition: 1s;
    right: 0;
}
.items-one,.shadow,.shadow_2
{
    width: 90vw;
	height: 90vw;
}
#prevpage,#prevpage_2,#prevpage_3,#prevpage_4,#prevpage,#prevpage_5,
#prevpage_6,#prevpage_7,#prevpage_8,#prevpage_9,#prevpage_10{ 
width: 40px;
height: 40px;
}
#nextpage,#nextpage_2,#nextpage_3,#nextpage_4,#nextpage_5,
#nextpage_6,#nextpage_7,#nextpage_8,#nextpage,#nextpage_9,#nextpage_10{
height: 40px;
width: 40px;
}
.turn_ul,.turn_2_ul{
margin-top: 10px;
	}
	.koukoku{
		width: 100vw;
		margin-top:0px;
		/*background-color: #ebc0e8;*/}
	
.button-cont-one,.turn_ul,.turn_2_ul{
	position:relative;
	width: 60vw;
	height: 50px;
    font-size: 40px;
    padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin: 0 auto 0 auto;
 
	/*background-color: #ebc0e8;*/
}






.button-left-one,.prevpage,.prevpage_2{cursor: pointer;
	background-image:url(../../images/common/ya2_1.png) ;
	width: 200px;
	height: 200px;
	background-size:cover;
	border-radius:50%;
	border-bottom: 2px solid #444;
	}
.button-right-one,.nextpage,.nextpage_2{cursor: pointer;
	background-image:url(../../images/common/ya2_2.png) ;
	width: 20px;
	height: 20px;
	background-size:cover;
	border-radius:50%;
	border-bottom: 2px solid #444;
	}



/*.logo_over{position: absolute;
	left:5px;
width: 10vw;
height: 10vw;
}
.end2_over,.fumu_A_over,.fumu_B_over,.img_e_over,.pp1,.img_d{
width: 12vw;
height: 12vw;
left:5px;
}
.end_over{width: 12vw;
height: 12vw;
right:5px;
}






.img_f{
left:5px;
width: 17vw;
height: 9.5vw;}
.buke{
left:5px;
width: 13vw;
height: 8vw;
}
.maegaki_over{
left:5px;
width: 11vw;
height: 11vw;
}
.maegaki_R_over{left:5px;
width: 8vw;
height:8vw;
}
.maegaki_2_over{left:5px;
width: 13vw;
height: 8.5vw;
}
.maegaki_3_over{left:5px;
width: 12vw;
height: 836vw;
}
.maegaki_4_over{right:5px;
width: 12vw;
height: 8.6vw;
}
.maegaki_5_over{left:5px;
width: 8.5vw;
height: 8.5vw;
}
.maegaki_6_over{left:5px;
width:17vw;
height: 17vw;
}
.hanabi_over{left:5px;
width: 11vw;
height: 11vw;
}
.top-cover_1{
/*background-color: #000;*/
/*width: 90vw;
height: 90vw;
background-image: url(../../images/pictuer_img/we2_1.png);
background-size:cover;
}
.waku_1{
	width: 40vw;
	height: 25vw;}
.shadow_transparent>img{width: 45vw;}*/
/*-----bun---------------------------------------------------------------*/
.content_boktachi{
	width: 40vw;
	max-height: 38vw;
}
.bun_cover_boktachi{/*background-color: aquamarine;*/
	font-size: 0.7rem;
	line-height: 1rem;
width: 40vw;
height: 28vw;
}
.koukoku_2_cover{
	width: 45vw;
	height: 45vw;}
.koukoku_2_cover>a>img{
	width: 25vw;
	height: 25vw;
}
.shadow-page{font-size: 0.7rem;}

.koukoku_2_cover>h3,.koukoku_2_cover>p,.content_mannaka_1,
.shadow,.title{
font-size: 0.8rem;
}


	.maegaki_5_over{
				position: absolute;
		left:20vw;
		bottom:10vw;
	 		}
		.QR{
			left: 1vw;
			bottom: 5vw;
		}
		video{width:90vw;
	}	.ushi_cover,#ushi_cover{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0000/cover.png);
		background-size:cover;}
		.ushi_01,#ushi_01{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0102/page1.png);
		background-size:cover;}
		.ushi_02,#ushi_02{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0102/page2.png);
		background-size:cover ;}
		.ushi_03,#ushi_03{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0304/page3.png) ;
		background-size:cover ;}
		.ushi_04,#ushi_04{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0304/page4.png);
		background-size:cover ;}
		.ushi_05,#ushi_05{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0506/page5.png) ;
		background-size:cover ;}
		.ushi_06,#ushi_06{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0506/page6.png) ;
		background-size:cover ;}
		.ushi_07,#ushi_07{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0708/page7.png) ;
		background-size:cover ;}
		.ushi_08,#ushi_08{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0708/page8.png) ;
		background-size:cover ;}
		.ushi_09,#ushi_09{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0910/page9.png);
		background-size:cover ;}
		.ushi_10,#ushi_10{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/0910/page10.png) ;
		background-size:cover ;}
		.ushi_11,#ushi_11{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1112/page11.png);
		background-size:cover ;}
		.ushi_12,#ushi_12{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1112/page12.png);
		background-size:cover ;}
		.ushi_13,#ushi_13{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1314/page13.png);
		background-size:cover ;}
		.ushi_14,#ushi_14{background-image:url(../../01_photo-book/photo-book/01_diari/ushi/1314/page14.png);
		background-size:cover ;}
		#bokutachino_cover{background-image:
		url(../../01_photo-book/photo-book/01_diari/saigiki/0000/bokutachino_saigiki.png);
		background-size:cover ;
		}#bokutachino_01{background-image:
		url(../../01_photo-book/photo-book/01_diari/saigiki/0102/top.png);
		background-size:cover ;}
		#photo-wedding_cover{background-image:
		url(../../01_photo-book/photo-book/01_diari/wedding/0000/we_1.png);
			background-size:cover ;}
		#kiso_cover{background-image:
		url(../../01_photo-book/photo-book/02_kiso/subalbum/ki_1.png);
		background-size:cover ;}
		#aruru_cover{background-image:
		url(../../01_photo-book/photo-book/03_site/PhotoAruru/cover_1.png);
		background-size:cover;}
		#PC_cover{background-image:
		url(../../02_photo/photo/02_kiso/PCdeoboeru/0000/cover.png);
		background-size:cover;}
		#kamera_cover{background-image:
			url(../../02_photo/photo/02_kiso/Kameranosetei/0000/cover.png);
			background-size:cover;}
		#okinawa_cover{width: 90vw;
			height: 90vw;



		background-position:center;
	}
		#okinawa_p1,
	    #okinawa_p2,
		#okinawa_p3,
		#okinawa_p4,
		#okinawa_p5,
		#okinawa_p6,
		#okinawa_p7,
		#okinawa_p8,
		#okinawa_p9,
		#okinawa_p10,
		#okinawa_p11,
		#okinawa_p12,
		#okinawa_p13,
		#okinawa_p14,
		#okinawa_p15,
		#okinawa_p16,
		#okinawa_p17,
		#okinawa_p18,
		#okinawa_p19,
		#okinawa_p20,
		#okinawa_p21,
		#okinawa_end,
		.cover_end
		{width: 90vw;
		height: 90vw;
		background-position:center;
		}}