.photo { width: 100%; max-width: 1000px; margin: .5em auto 0 auto; position: relative;}
#marutaro_p { width: 100%; height: 0; padding-top: 115.384615384615385%; padding-top: -webkit-calc(900 / 780 * 100%); padding-top: calc(900 / 780 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#marutaro_p img { position: absolute; top: 0; left: 0;}
#marutaro_ul { width: 90%; position: absolute; top: 38%; left: 5%;}
#marutaro_ul:before, #marutaro_ul:after { content: ""; display: table;}
#marutaro_ul:after { clear: both;}
#marutaro_ul::after { content: ""; display: block; clear: both;}
#marutaro_ul li { width: 22.5%; margin: 0 0 .4em 1%; float: left; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid rgba(255, 255, 255, .8); box-shadow: 0 2px 3px rgba(159, 139, 149, .4); -webkit-box-shadow: 0 2px 3px rgba(159, 139, 149, .4); -moz-box-shadow: 0 2px 3px rgba(159, 139, 149, .4);}
#marutaro_ul li .spsp { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: block;}
#marutaro_ul li a:hover .spsp { opacity: .5;}
/*for_W768-*/
@media all and (min-width: 768px) {
#marutaro_p { width: 100%; height: 0; padding-top: 80.612244897959184%; padding-top: -webkit-calc(1580 / 1960 * 100%); padding-top: calc(1580 / 1960 * 100%); position: relative;}
#marutaro_ul { width: 90%; position: absolute; top: 39%; left: 6%;}
#marutaro_ul li { width: 18%; margin: 0 0 .4em 1%;}
#marutaro_ul li:first-child, #marutaro_ul li:nth-child(8) { margin-left: 1%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#marutaro_ul { width: 90%; position: absolute; top: 40%; left: 5%;}
#marutaro_ul li { width: 16%; margin: 0 0 1.5em 3%;}
#marutaro_ul li:first-child, #marutaro_ul li:nth-child(8) { margin-left: 3%;}
}
/*_fadein*/
.fadein0 { -webkit-animation: fadeIn0 2s ease 1 normal; animation: fadeIn0 2s ease 1 normal;}
@-webkit-keyframes fadeIn0 { 0% { opacity: 0} 90% { -webkit-transform: scale(2, 2); opacity: 0} 100% { -webkit-transform: scale(1, 1); opacity: 1}}
@-moz-keyframes fadeIn0 { 0% { opacity: 0} 90% { -moz-transform: scale(2, 2); opacity: 0} 100% { -moz-transform: scale(1, 1); opacity: 1}}
@keyframes fadeIn0 { 0% { opacity: 0} 90% { transform: scale(2, 2); opacity: 0} 100% { transform: scale(1, 1); opacity: 1}}


/*9*/
#marutaro_ul { top: 38%;}
#marutaro_ul li:first-child { margin-left: 12.5%;}
#marutaro_ul li:nth-child(4) { margin-left: 1%;}
#marutaro_ul li:nth-child(8) { margin-left: 26%;}
@media all and (min-width: 768px) {
#marutaro_ul li:first-child, #marutaro_ul li:nth-child(8) { margin-left: 1%;}
#marutaro_ul li:nth-child(6) { margin-left: 11.5%;}
}


#marutaro_ul li #li9 { background-image: url(../img/9/li.jpg);}
#marutaro_ul li #li8 { background-image: url(../img/8/li.jpg);}
#marutaro_ul li #li7 { background-image: url(../img/7/li.jpg);}
#marutaro_ul li #li6 { background-image: url(../img/6/li.jpg);}
#marutaro_ul li #li5 { background-image: url(../img/5/li.jpg);}
#marutaro_ul li #li4 { background-image: url(../img/4/li.jpg);}
#marutaro_ul li #li3 { background-image: url(../img/3/li.jpg);}
#marutaro_ul li #li2 { background-image: url(../img/2/li.jpg);}
#marutaro_ul li #li1 { background-image: url(../img/1/li.jpg);}

/*_modal*/
.modal .lazyloaded { opacity: 1; transition: all 1s;}
.clsbtn { color: rgba(255, 255, 255, .8);}
.clsbtn a:hover { color: rgba(255, 255, 255, 1);}
.modal__bg { background: rgba(163, 33, 98, .95);}
.modal__content { background: rgba(255, 255, 255, 0); padding: 0;}
.waku { background-color: rgba(163, 33, 98, 0); padding-top: 0;}
.photo_all { width: 100%; margin-bottom: 20px;}
.photo_sp { -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 0 rgba(200, 200, 200, 0); -webkit-box-shadow: 0 0 0 rgba(200, 200, 200, 0); -moz-box-shadow: 0 0 0 rgba(200, 200, 200, 0);}
.sphoto { -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.ptxt_set { max-width: 450px; margin: 0 auto; background-color: rgba(255, 255, 255, 1); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; font-size: 110%;}
.ptxt_set:before { content: ""; position: absolute; top: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom: 10px solid rgba(255, 255, 255, 1);}
.profile { box-sizing: border-box; width: 90%; margin: 0 auto; padding: 20px 0; line-height: 160%; text-align: left; color: rgba(0, 0, 0, 1); letter-spacing: .1em; text-align: justify; text-justify: inter-ideograph;}
/*for_W768-*/
@media all and (min-width: 768px) {
.photo_all { width: 50%; margin: 0; float: left;}
.photo_sp { -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: 0 0 0 rgba(200, 200, 200, 0); -webkit-box-shadow: 0 0 0 rgba(200, 200, 200, 0); -moz-box-shadow: 0 0 0 rgba(200, 200, 200, 0);}
.sphoto { -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.ptxt_set { width: 48%; float: right; margin-top: 10%;}
.ptxt_set:before { content: ""; position: absolute; top: 50%; left: -8px; margin-top: -10px; border: 10px solid transparent; border-right: 10px solid rgba(255, 255, 255, 1);}
}