@charset "UTF-8";
/* CSS Document */
#stage_view{background-color: white;}
@media (min-width: 768px) {
#stage_view{ margin-top:30px; position: relative;}
.stage_view_btn{ color: black; position: absolute; display: inline-block; background-color: #00ab6f; padding: 2px 1px 3px 4px; line-height: 1;}
.stage_view_btn:hover{opacity:1; color: black;}
.stage_view_btn::before{ content:"View"; font-size: 10px; color: white; font-weight: bold;}
.stage_view_btn::after{ content: "　"; display: inline-block; width: 14px; height: 14px; background: url(../images/view_icon.svg) no-repeat center; background-size: 8px 10px;}

.stage_view_btn.view_info{ position:relative;}

.view1-01{ left: 190px; top: 146px;}
.view1-02{ left: 330px; top: 146px;}
.view1-03{ left: 470px; top: 146px;}
.view1-04{ left: 190px; top: 347px;}
.view1-05{ left: 330px; top: 347px;}
.view1-06{ left: 470px; top: 347px;}
.view1-07{ left: 190px; top: 446px;}
.view1-08{ left: 330px; top: 446px;}
.view1-09{ left: 470px; top: 446px;}
.view1-10{ left: 190px; top: 648px;}
.view1-11{ left: 330px; top: 648px;}
.view1-12{ left: 470px; top: 648px;}

.view2-01{ left: 70px; top: 80px;}
.view2-02{ left: 70px; top: 305px;}
.view2-03{ left: 70px; top: 545px;}
.view2-04{ left: 588px; top: 80px;}
.view2-05{ left: 588px; top: 305px;}
.view2-06{ left: 588px; top: 545px;}
.view2-07{ left: 190px; top: 728px;}
.view2-08{ left: 330px; top: 728px;}
.view2-09{ left: 470px; top: 728px;}
.view2-10{ left: 190px; top: 811px;}
.view2-11{ left: 330px; top: 811px;}
.view2-12{ left: 470px; top: 811px;}

.view3-01{ left: 7px; top: 80px;}
.view3-02{ left: 7px; top: 305px;}
.view3-03{ left: 7px; top: 545px;}
.view3-04{ left: 648px; top: 80px;}
.view3-05{ left: 648px; top: 305px;}
.view3-06{ left: 648px; top: 545px;}
.view3-07{ left: 190px; top: 872px;}
.view3-08{ left: 330px; top: 872px;}
.view3-09{ left: 470px; top: 872px;}
.view3-10{ left: 190px; top: 936px;}
.view3-11{ left: 330px; top: 936px;}
.view3-12{ left: 470px; top: 936px;}

}
@media (max-width: 767px) {
#stage_view p{ border-bottom: 1px solid #d8d8d8; font-size: 16px; font-weight: bold; margin-top: 20px;}
.stage_view_btn{ color: white; display: inline-block; background-color:#f08536; border: black solid 0px; padding: 5px; line-height: 1; border-radius: 2px;}
.stage_view_btn:hover{opacity:1; color: white;}
#stage_view>div{ font-size:0; margin-top: 20px; margin-bottom: 20px;}
	#stage_view>div.last_div{ margin-bottom: 0;}
#stage_view>div>a{ width: 30%; display: inline-block; vertical-align: top; font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 10px 0; border-radius: 5px;}
#stage_view>div>a:nth-child(2),#stage_view>div>a:nth-child(5){ margin-left: 5%; margin-right: 5%;}
	#side_content{ margin: 0;}
}