@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

#kidsroom{ text-align: center;}
#kidsroom .illust01{ width: 870px; height: 310px; background-image: url(images/illust01@2x.png); background-size: cover; position: relative;}
#kidsroom .illust01 ul{ text-align: center;}
#kidsroom .illust01 ul li{ font-size: 14px; line-height: 18px; font-weight: 700; color: #78643C;}
#kidsroom .illust01 ul li:nth-child(1){ position: absolute; top: 35px; left: 60px;}
#kidsroom .illust01 ul li:nth-child(2){ position: absolute; top: 30px; left: 300px;}
#kidsroom .illust01 ul li:nth-child(3){ position: absolute; top: 20px; left: 535px;}
#kidsroom .illust01 ul li:nth-child(4){ position: absolute; top: 65px; left: 680px;}
#kidsroom .illust01 ul li:nth-child(5){ position: absolute; top: 100px; left: 170px;}
#kidsroom .illust01 ul li:nth-child(6){ position: absolute; top: 100px; left: 430px;}
#kidsroom .illust01 ul li:nth-child(7){ position: absolute; top: 190px; left: 210px;}
#kidsroom .illust01 ul li:nth-child(8){ position: absolute; top: 180px; left: 350px;}
#kidsroom .illust01 ul li:nth-child(9){ position: absolute; top: 180px; left: 530px;}
#kidsroom .illust01 ul li span{ display: block;}

#kidsroom .illust02{ background-color: #F0EFE1; border-radius: 10px; position: relative; padding: 60px 0 20px; margin-bottom: 30px;}
#kidsroom .illust02 h2{ width: 770px; height: 110px; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
#kidsroom .illust02 h2 img{}
#kidsroom .illust02 h3{ color: #78643C; font-size: 18px; line-height: 25px; font-weight: 700; margin-bottom: 20px;}
#kidsroom .illust02 h3 span{ display: block;}
#kidsroom .illust02 .com01{ color: #78643C; margin-bottom: 20px;}
#kidsroom .illust02 .com01 p{ color: #78643C; font-size: 14px; line-height: 24px;}
#kidsroom .illust02 .com01 p span{ font-size: 12px;}
#kidsroom .illust02 .kidsroom_photo{ width: 830px; height: 610px; background-image: url(images/illust02@2x.png); background-size: cover; position: relative; margin-left: 15px; margin-bottom: 20px;}
#kidsroom .illust02 .kidsroom_photo ul li{}
#kidsroom .illust02 .kidsroom_photo ul li img{}
#kidsroom .illust02 .kidsroom_photo ul li:nth-child(1){ position: absolute; top: 0px; left: 285px;}
#kidsroom .illust02 .kidsroom_photo ul li:nth-child(2){ position: absolute; top: 35px; left: 575px;}
#kidsroom .illust02 .kidsroom_photo ul li:nth-child(3){ position: absolute; top: 315px; left: 30px;}
#kidsroom .illust02 .kidsroom_photo ul li:nth-child(4){ position: absolute; top: 435px; left: 595px;}

#kidsroom .indoorview{}
#kidsroom .indoorview h4{ background-color: #004D9E; text-align: left; padding: 20px; font-size: 18px; color: #fff; font-weight: 700; border-radius: 10px; margin-bottom: 40px;}
#kidsroom .indoorview h4 span{ vertical-align: middle; display: inline-block; margin-right: 20px;}
#kidsroom .indoorview h4 span img{}
#kidsroom .indoorview ul{ display: flex; flex-wrap: wrap;}

#kidsroom .indoorview ul li{ width: calc(50% - 30px /2); background-color: #DCE4ED; margin-right: 30px; position: relative; margin-bottom: 40px; border-radius: 10px; padding: 10px 15px 15px; box-sizing: border-box;}
#kidsroom .indoorview ul li:nth-child(2n){ margin-right: 0;}
#kidsroom .indoorview ul li:before{ content: ""; width: 200px; height: 18px; background-image: url(images/shop_name.svg); position: absolute; top: -18px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
#kidsroom .indoorview ul li p.shop_name{ font-size: 27px; font-weight: bold; color: #004D9E; margin-bottom: 15px;}
#kidsroom .indoorview ul li .viewbox{ border: 2px solid #FFFFFF; box-sizing: border-box; min-height: 245px; margin-bottom: 15px;}
#kidsroom .indoorview ul li .viewbox iframe{ border: 0; width: 100%; height: 100%;}
#kidsroom .indoorview ul li .viewbox .ricoh-theta-tour-image img{left:0;}
#kidsroom .indoorview ul li .btn{ display: flex; flex-wrap: wrap;}
#kidsroom .indoorview ul li .btn p{ width: calc(50% - 10px /2); margin-right: 10px;}
#kidsroom .indoorview ul li .btn p:nth-child(2){ margin-right: 0;}
#kidsroom .indoorview ul li .btn p a{ display: block; color: #fff; background-color: #2072B2; border-bottom: 5px solid #0D5FA6; font-size: 16px; line-height: 1.5; position: relative; font-weight: 700; padding: 15px 0 10px; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; border-radius: 0.5rem;}
#kidsroom .indoorview ul li .btn p a:hover { margin-top: 3px; background: #3588CF; border-bottom: 2px solid #0D6BB2;}
#kidsroom .indoorview ul li.last_box{padding:150px 0 0;background-color:#fff;}
#kidsroom .indoorview ul li.last_box:before{ display: none;}

#main .foot_copy{margin-top:0;}