@charset "utf-8";
/* CSS Document */

#asukabook1 { background-image: url(../images/asukabook_image01.png); background-position: center right; background-repeat: no-repeat; background-size: 64%; }
#asukabook2 { background-image: url(../images/asukabook_image02.jpg); background-position: center left; background-repeat: no-repeat; background-size: 35%; }
#asukabook3 { background-image: url(../images/asukabook_image03.png); background-position: center right; background-repeat: no-repeat; background-size: 66%; }
#aftershutter1 { background-image: url(../images/aftershutter_image01.jpg); background-position: center right; background-repeat: no-repeat; background-size: contain; }
#aftershutter2 { background-image: url(../images/aftershutter_image02.jpg); background-position: center left; background-repeat: no-repeat; background-size: contain; background-color: #e4ddd1; }
#photoget1 { background-image: url(../images/photoget_image01.jpg); background-position: bottom center; background-repeat: no-repeat; background-color: #f2f2f2; background-size: contain; }
#photoget2 { background-image: url(../images/photoget_image02.jpg); background-position: center left; background-repeat: no-repeat; background-size: contain; background-color: #2d2e32; color: #fff; }
#photoget2 a { color: #9AE1E7; }
#patapata1 { background-image: url(../images/patapata_image01.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#patapata2 { background-image: url(../images/patapata_image02.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain; }
#atelier1 { background-image: url(../images/atelier_image01.jpg); background-position: bottom right; background-repeat: no-repeat; background-size: 62%; }
#atelier2 { background-image: url(../images/atelier_image02.jpg); background-position: bottom left; background-repeat: no-repeat; background-size: 50%; }
#autoalbum1 { background-image: url(../images/autoalbum_image01.jpg); background-position: bottom center; background-repeat: no-repeat; background-color: #f2f2f2; background-size: contain; }
#autoalbum2 { background-image: url(../images/autoalbum_image02.jpg); background-position: center left; background-repeat: no-repeat; background-size: contain; background-color: #323232; color: #fff; }
#mybooklife1 { background-image: url(../images/mybooklife_image01.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; color: #fff; background-color: #f2f2f2; }
#mybooklife2 { background-image: url(../images/mybooklife_image02.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
#mybooklife3 { background-image: url(../images/mybooklife_image03.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; color: #fff; background-color: #f2f2f2; }
#mybook1 { background-image: url(../images/mybook_image01.jpg); background-position: center right; background-repeat: no-repeat; background-size: 60%; background-color: #f2f2f2; }
#mybook2 { background-image: url(../images/mybook_image02.jpg); background-position: center center; background-repeat: no-repeat; background-size: contain; }
#mybook3 { background-image: url(../images/mybook_image03.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#toushindaiphoto1 { background-image: url(../images/toushindaiphoto_image01.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
#toushindaiphoto2 { background-image: url(../images/toushindaiphoto_image02.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
#toushindaiphoto3 { background-image: url(../images/toushindaiphoto_image03.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
#ieibank { background-image: url(../images/ieibank_image01.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: contain; background-color: #f2f2f2; }
#ieibank2 { background-image: url(../images/ieibank_image02.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#ieibank3 { background-image: url(../images/ieibank_image03.jpg); background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #f2f2f2; }
#ieilab { background-image: url(../images/ieilab_image01.jpg); background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #f2f2f2;}
.box_service { width: 30%; height: 310px; float: left; background: #fff; margin-top: 30px; margin-right: 30px; transition: transform 0.2s ease-in; }
.box_service:hover {transform: scale(1.05);}
.box_funeral { width: 46%; height: 240px; float: left; background: #fff; margin: 30px 2% 0 2%; transition: transform 0.2s ease-in; }
.box_funeral:hover {transform: scale(1.05);}
.box_service a,
.box_funeral a { padding: 40px 30px; display: block; color: #000; }
.box_service p,
.box_funeral p { text-align: left; margin-top: 20px; font-size: 90%; }
.box_service img,
.box_funeral img { max-width: 255px; width: 100%; }
.box_service:nth-child(3),
.box_service:nth-child(6),
.box_funeral:nth-child(3) { margin-right: 0px; }
.box_map { background: url(../images/funeral_image01.jpg) repeat center center; background-size: cover; width: 100%; }
.box_map img { max-width: 100%; }
.fneral_fot { box-sizing: border-box; margin: auto; max-width: 1240px; width: 70%; }
.youtube { height: 590px; }
.mainimage { position:relative;}
.mainimage a { position:absolute; right:0em; top:-3em; padding:1em 1.5em; color:#fff; line-height:100%; transition: all 0.4s; font-size:90%; border-top-left-radius:10px;/* box-shadow: 4px 4px 4px rgba(0,0,0,0.2);*/}
.mainimage a:nth-child(even) { right:21em;border-top-right-radius:10px;}
.mainimage a:hover { background-color:#c13843 !important;}

.aska3d section div a {font-weight:bold;}
.aska3d .fl1 .flL {width: 48%;}
.aska3d .fl1 .flR {width: 40%;}
.aska3d .fl2 {width:100%; max-width: 840px; margin: 0 auto;}
.aska3d .fl2 .flL,.aska3d .fl3 .flL  {width: 48%;}
.aska3d .fl2 .flR,.aska3d .fl3 .flR {width: 48%;}
.aska3d .max840 {width:100%; max-width: 840px; margin: 0 auto}
.aska3d .max840 dt { font-weight:bold; font-size: 120%; margin-bottom: 1em;}
.aska3d .max840 dd {margin-bottom: 2em; margin-left: 2em;}
.aska3d .max840 dd a {font-weight: normal;}

#virtual2 .wrapper>img{max-width: 510px; height: auto;}
#virtual2 .virtual_box_row{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 40px;
}
#virtual2 .virtual_box_row .virtual_box:nth-of-type(1){
	width: 38%;
}
#virtual2 .virtual_box_row .virtual_box:nth-of-type(2){
	width: 28%;
}
#virtual2 .virtual_box_row .virtual_box:nth-of-type(3){
	width: 20%;
}
#virtual2 .virtual_box_row .virtual_box h4{font-size: 1.125rem; margin-bottom: 8px;}
#virtual2 .virtual_box_row .virtual_box p{margin-bottom: 24px;}
#virtual2 .virtual_box_row .virtual_box img.img_logo{height: 116px; width: auto;}
#virtual2 .virtual_box_row .virtual_box:nth-of-type(2) img.img_logo{margin-bottom: 24px;}
#virtual2 .virtual_box_row .virtual_box:nth-of-type(3) img.img_logo{margin-bottom: 8px;}
#virtual2 .virtual_box_row .virtual_box:nth-of-type(3) a{
	position: relative;
	padding-left: 16px;
}
#virtual2 .virtual_box_row .virtual_box:nth-of-type(3) a:before{
	position: absolute;
	content: '';
	top: 2px;
	left:0;
	display: block;
	width: 7px;
	height: 12px;
	background-image: url("../../common/images/list_arrow03.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
#virtual2 p.h4_others{font-size: 1.125rem;}

@media print, screen and (max-width: 1024px) {
.box_service { width: 48%; height: 280px; }
.box_funeral { height: 260px; }
.box_service:nth-child(even) { margin-right: 0px; }
.box_service:nth-child(odd) { margin-right: 4%; }
#aftershutter1 .inner35 { width: 37%; }
}

@media print, screen and (max-width: 768px) {
#asukabook1,
#asukabook2,
#asukabook3,
#aftershutter1,
#aftershutter2,
#photoget1,
#photoget2,
#patapata1,
#patapata2,
#atelier1,
#atelier2,
#autoalbum1,
#autoalbum2,
#mybooklife1,
#mybooklife2,
#mybooklife3,
#mybook1,
#mybook2,
#mybook3,
#toushindaiphoto1,
#toushindaiphoto2,
#toushindaiphoto3,
#ieibank,
#ieibank2,
#ieibank3,
#ieilab { background-image: none; }
#mybooklife1,
#mybooklife2,
#mybooklife3 { color: #2a2b30; height: auto; }
#mybooklife1 p,
#mybooklife2 p,
#mybooklife3 p,
#toushindaiphoto1,
#toushindaiphoto2,
#toushindaiphoto3{ padding: 0 20px; }
#aftershutter2 ul,
#patapata2 ul { position: relative; float: left; left: 50%; }
#aftershutter2 ul li,
#patapata2 ul li { position: relative; left: -50%; }
.pt140.pb140 { padding: 60px 0; }
.box_service,
.box_funeral { width: 100%; height: auto; margin-right: 0; margin-top: 10px; }
.box_service img,
.box_funeral img { max-width: 160px; }
.box_service p,
.box_funeral p { margin-top: 10px; }
.box_service a,
.box_funeral a { padding: 20px; }
#aftershutter1 .inner35 { width: 100%; }
#asukabook2 h4 img { width: 80%; }
#funeral .pb140 { padding-bottom: 40px; }
.box_map img { width: 90%; }
.fneral_fot { width: 94%; }
.youtube { height: 250px; }
.btn_s li { padding-left: 4px; padding-right: 4px; }
.mainimage a { letter-spacing:0.1em;}
.mainimage a { position: static; display:block; width:100%; padding:1em; transition: all 0.4s; border-radius:0px;}
.box_service:hover,
.box_funeral:hover {transform: scale(1);}

.aska3d .fl1 .flL {width: auto;}
.aska3d .fl1 .flR {width: auto;}
.aska3d .fl2 {width:auto; }
.aska3d .fl2 .flL,.aska3d .fl3 .flL {width: auto;}
.aska3d .fl2 .flR,.aska3d .fl3 .flR {width: auto;}
.aska3d .max840 dt { font-weight:bold; font-size: 100%; margin-bottom: 0.5em;}
.aska3d .max840 dd {margin-bottom: 1.5em; margin-left: 0em;}
	.aska3d	.wrapper.pLR3.text_C p {text-align: left;}
	
	#virtual2 .wrapper>img{width: 100%;}
	#virtual2 .virtual_box_row{
		flex-direction: column;
		margin-bottom: 16px;
	}
	#virtual2 .virtual_box_row .virtual_box:nth-of-type(1){
		width: 100%;
		margin-bottom: 32px;
	}
	#virtual2 .virtual_box_row .virtual_box:nth-of-type(2){
		width: 100%;
		margin-bottom: 32px;
	}
	#virtual2 .virtual_box_row .virtual_box:nth-of-type(3){
		width: 100%;
	}
	#virtual2 p.h4_others{margin-bottom: 32px;}
}