/**/ @import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900); #c01 #tenshodo{ font-family:YuMincho, 'Yu Mincho', "游明朝体", 'YuMincho', "Noto Serif JP"; color:#333333; font-weight:600; } article #tenshodo h1, article #tenshodo h2, article #tenshodo h3, article #tenshodo h4, article #tenshodo h5, article #tenshodo h6{ padding:0; margin:0; border:0; } #tenshodo ul{ list-style:none; } /* 矢印はまとめ画像で扱う。 使う画像の削減でCSSで表現しようとしたが、 px単位で0.5pxづらすことができず断念。 */ .btns a.c1{ background-color:#8C6900; } .btns a.c2{ background-color:#002040; } .btns a:last-child{ margin-bottom:0 !important; } .btns a::after{ display:block; content:" "; font-size:0; line-height:0; position:absolute; top:50%; background-position:right center; } /* PC */ @media screen and (min-width: 749px) { #c01{ width:100%; max-width:none; padding:0; } #tenshodo{ font-size:17px; line-height:1.6; width:100%; } #tenshodo .inner{ width:920px; margin:0 auto; } #tenshodo .btns{ font-size:0; line-height:0; } #tenshodo .btns a{ position:relative; display:block; font-weight:600; text-align:center; color:#FFFFFF; text-decoration:none; } #tenshodo .btns a.s{ font-size:16px; line-height:45px; border-radius:22.5px; margin-bottom:15px !important; } #tenshodo .btns a.b{ font-size:22px; line-height:60px; border-radius:30px; } #tenshodo .btns a::after{ background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat; } #tenshodo .btns a.b::after{ right:28px; width:26px; height:13px; margin-top:-6.5px; background-position:-1744px -1604px; } #tenshodo .btns a.s::after{ right:20px; width:18px; height:9px; margin-top:-4.5px; background-position:-1752px -1606px; } #tenshodo .sub{ background:#002040; } #tenshodo .sub h3{ position:relative; width:920px; height:74px; margin:0 auto !important; } #tenshodo .sub h3 span{ position:absolute; left:0px; top:-23px; display:block;width:920px; height:115px; font-size:0; line-height:0; text-indent:-9999px; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat; } #tenshodo #head{ background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat 0px 0px; min-height:511px; padding:330px 20px 0 30px; margin-bottom:60px; } #tenshodo #head h2{ font-size:0 !important; line-height:0 !important; text-indent:-9999px; } #tenshodo #head .t1{ letter-spacing:0.125em; text-shadow:0 0 1px #F1F1F1,0 0 2px #F1F1F1,0 0 3px #F1F1F1,0 0 4px #F1F1F1,0 0 5px #F1F1F1,0 0 6px #F1F1F1,0 0 7px #F1F1F1,0 0 8px #F1F1F1,0 0 9px #F1F1F1,0 0 10px #F1F1F1,0 0 11px #F1F1F1,0 0 12px #F1F1F1; } #tenshodo #head .t2{ color:#002040; text-align:right; font-style:italic; } #tenshodo #read{ margin-bottom:75px; } #tenshodo #read::before{ display:block; content:" "; width:746px; height:267px; margin:0 auto; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat -980px -1600px; } #tenshodo #read .t1{ text-align:center; } #tenshodo #read .t1 strong{ color:#8C6600; font-weight:bold; } #tenshodo #read .t1 strong span{ display:inline-block; position:relative; } #tenshodo #read .t1 strong span::before{ position:absolute; content:" "; font-size:0; line-height:0; bottom:0px; left:0; right:0; height:2px; border-top:1px solid #8C6600; border-bottom:1px solid #8C6600; } #tenshodo #k1{} #tenshodo #k1 .sub h3 span{ background-position:0 -520px; } #tenshodo #k1 ul{ padding:30px 0 20px; } #tenshodo #k1 ul li{ margin-bottom:80px; } #tenshodo #k1 ul li:nth-child(2n+0){ text-align:left; } #tenshodo #k1 ul li:nth-child(2n+1){ text-align:right; } #tenshodo #k1 ul li h4{ background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat; font-size:0; line-height:0; text-indent:-9999px; width:920px; height:398px; margin:0 auto 25px; } #tenshodo #k1 ul li .t1{ font-size:46px; line-height:1.6; margin-bottom:10px; } #tenshodo #k1 ul li .t2{ margin-bottom:25px; } #tenshodo #k1 ul li .btns a{ display:inline-block; width:345px; } #tenshodo #k1 ul li:nth-child(1) h4{ background-position:-980px -0px; } #tenshodo #k1 ul li:nth-child(2) h4{ background-position:-980px -400px; } #tenshodo #k1 ul li:nth-child(3) h4{ background-position:-980px -800px; } #tenshodo #k1 ul li:nth-child(4) h4{ background-position:-980px -1200px; } #tenshodo #k2{ padding-bottom:40px; } #tenshodo #k2 .sub h3 span{ background-position:0 -640px; } #tenshodo #k2 .t1{ font-size:20px; line-height:1.6; text-align:center; margin-top:40px; } #tenshodo #k2 .t2{ font-size:70px; line-height:1.6; text-align:center; color:#002040; letter-spacing:1em; padding-left:1em; } #tenshodo #k2 .t3{ font-size:31px; line-height:1.6; text-align:center; color:#8C6900; } #tenshodo #k2 .img{ margin-top:30px; } #tenshodo #k2 .img::after{ display:block; content:" "; font-size:0; line-height:0; clear:both; } #tenshodo #k2 .img p img{ width:442px; height:auto; } #tenshodo #k2 .img p:nth-child(1){ float:left; } #tenshodo #k2 .img p:nth-child(2){ float:right; } #tenshodo #k2 .t4{ margin-top:30px; } #tenshodo #k2 .btns{ margin:45px auto 0; width:497px; } #tenshodo #k3{ padding-bottom:60px; } #tenshodo #k3 .sub h3 span{ background-position:0 -760px; } #tenshodo #k3 ul{} #tenshodo #k3 ul li{ padding:70px 0 60px; } #tenshodo #k3 ul li:nth-child(2n+1){ background:#EEEEEE; } #tenshodo #k3 ul li h4{ background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat; width:920px; height:120px; font-size:0; line-height:0; } #tenshodo #k3 ul li:nth-child(1) h4{ background-position:0 -1000px; } #tenshodo #k3 ul li:nth-child(2) h4{ background-position:0 -1130px; } #tenshodo #k3 ul li:nth-child(3) h4{ background-position:0 -1260px; } #tenshodo #k3 ul li:nth-child(4) h4{ background-position:0 -1390px; } #tenshodo #k3 ul li .t1{ font-size:0; line-height:0; } #tenshodo #k3 ul li .t2{ padding:30px 20px 0; } #tenshodo #k3 .btns{ margin:60px auto 0; width:497px; } #tenshodo #k4 .sub h3 span{ background-position:0 -880px; width:966px; } #tenshodo #k4 h4{ font-size:20px; line-height:1.6; color:#8C6700; text-align:center; border-top:1px solid #8C6900; padding-top:7px; margin-top:40px; } #tenshodo #k4 h4::before{ display:block; content:" "; height:7px; font-size:0; line-height:0; border-top:1px solid #8C6900; border-bottom:1px solid #8C6900; margin-bottom:25px; } #tenshodo #k4 .t0{ text-align:center; margin-top:15px; } #tenshodo #k4 ul{ font-size:0; line-height:0; margin-top:50px; } #tenshodo #k4 ul::after{ display:block; content:" "; font-size:0; line-height:0; clear:both; } #tenshodo #k4 ul li{ float:left; margin-left:30px; width:calc((100% - 90px) / 2); } #tenshodo #k4 ul li:nth-child(2n+1){ margin-left:0; clear:both; } #tenshodo #k4 ul li .img{ border:1px solid #EEEEEE; margin-bottom:15px; } #tenshodo #k4 ul li .img img{ width:100%; height:auto; background-size:cover; } #tenshodo #k4 ul li .t1{ font-size:20px; line-height:1.6; } #tenshodo #k4 ul li .t2{ font-size:20px; line-height:1.6; color:#8C6800; margin-bottom:15px; } #tenshodo #k4 ul li .t2 strong{ font-weight:inherit; } #tenshodo #k4 ul li .btns{ padding-bottom:45px; } #tenshodo #k5{ padding-bottom:100px; } #tenshodo #k5 .inner{ border-top:1px solid #8C6900; padding-top:7px; } #tenshodo #k5 .inner::before{ display:block; content:" "; height:7px; font-size:0; line-height:0; border-top:1px solid #8C6900; border-bottom:1px solid #8C6900; } #tenshodo #k5 h4{ font-size:20px; line-height:1.6; color:#8C6700; text-align:center; margin-top:25px; } #tenshodo #k5 .text{ text-align:center; margin:25px 0; } #tenshodo #k5 ul::after{ display:block; content:" "; font-size:0; line-height:0; clear:both; } #tenshodo #k5 ul li{ float:left; width:50%; } #tenshodo #k5 ul li:nth-child(2n+1){ clear:both; } #tenshodo #k5 .btns{ margin:70px auto 0; width:497px; } #tenshodo #k6{ padding-bottom:75px; } #tenshodo #k6 .boxs{ padding:4px; background: radial-gradient(circle at top left , rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat top left /50% 2px, radial-gradient(circle at top right, rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat top right/50% 2px, radial-gradient(circle at bottom left , rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat bottom left /50% 2px, radial-gradient(circle at bottom right, rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat bottom right/50% 2px, radial-gradient(circle at top left , rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat top left /2px 50%, radial-gradient(circle at top right, rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat top right/2px 50%, radial-gradient(circle at bottom left , rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat bottom left /2px 50%, radial-gradient(circle at bottom right, rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px) no-repeat bottom right/2px 50%, radial-gradient(circle at top left , rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px, rgba(118,97,26,1) 18px, rgba(118,97,26,0) 18px) no-repeat left top, radial-gradient(circle at bottom left , rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px, rgba(118,97,26,1) 18px, rgba(118,97,26,0) 18px) no-repeat right top, radial-gradient(circle at top right, rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px, rgba(118,97,26,1) 18px, rgba(118,97,26,0) 18px) no-repeat left bottom, radial-gradient(circle at bottom right, rgba(118,97,26,0) 16px, rgba(118,97,26,1) 16px, rgba(118,97,26,1) 18px, rgba(118,97,26,0) 18px) no-repeat right bottom; } #tenshodo #k6 .boxs .boxs_wrap{ padding:3px; background: radial-gradient(circle at top left , rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat top left /50% 2px, radial-gradient(circle at top right, rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat top right/50% 2px, radial-gradient(circle at bottom left , rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat bottom left /50% 2px, radial-gradient(circle at bottom right, rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat bottom right/50% 2px, radial-gradient(circle at top left , rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat top left /2px 50%, radial-gradient(circle at top right, rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat top right/2px 50%, radial-gradient(circle at bottom left , rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat bottom left /2px 50%, radial-gradient(circle at bottom right, rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px) no-repeat bottom right/2px 50%, radial-gradient(circle at top -2px left -2px , rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px, rgba(118,97,26,1) 20px, rgba(118,97,26,0) 20px) no-repeat left top, radial-gradient(circle at bottom -2px left -2px , rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px, rgba(118,97,26,1) 20px, rgba(118,97,26,0) 20px) no-repeat right top, radial-gradient(circle at top -2px right -2px, rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px, rgba(118,97,26,1) 20px, rgba(118,97,26,0) 20px) no-repeat left bottom, radial-gradient(circle at bottom -2px right -2px, rgba(118,97,26,0) 18px, rgba(118,97,26,1) 18px, rgba(118,97,26,1) 20px, rgba(118,97,26,0) 20px) no-repeat right bottom; } #tenshodo #k6 .boxs .boxs_inner{ padding:25px; border:2px solid rgba(118,97,26,1); } #tenshodo #k6 .boxs .boxs_inner::before, #tenshodo #k6 .boxs .boxs_inner::after{ display:block; content:" "; width:862px; height:35px; font-size:0; line-height:0; clear: both; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat -980px -1870px } #tenshodo #k6 h4{ font-size:20px; line-height:1.6; color:#8C6700; text-align:center; margin:20px 0; } #tenshodo #k6 .img{ float:left; width:398px; margin-left:20px; } #tenshodo #k6 .text{ float:left; width:398px; margin-left:30px; margin-bottom:15px; letter-spacing:0.05em; } #tenshodo #k6 .btns{ float:left; width:398px; margin-left:30px; margin-bottom:20px; } #tenshodo #k7{ padding-bottom:95px; } #tenshodo #k7::after{ display:block; content:" "; font-size:0; line-height:0; clear:both; } #tenshodo #k7 h4{ display:block; content:" "; width:920px; height:27px; font-size:0; line-height:0; clear: both; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d10c8e0.png") no-repeat -0px -1520px; margin-bottom:60px; } #tenshodo #k7 .text{ float:left; width:460px; } #tenshodo #k7 .text p{ margin-bottom:1em; } #tenshodo #k7 .text .btns{ width:398px; margin-bottom:0; } #tenshodo #k7 .map{ float:right; width:460px; height:440px; } } /* PC&タブレット */ @media screen and (min-width: 1199px) {} /* スマホ&タブレット */ @media screen and (max-width: 1200px){} /* スマホ */ @media screen and (max-width: 750px) { #c01{ padding:0 17px 80px; } #tenshodo{ font-size:13px; line-height:1.8; width:100%; } #tenshodo .btns{ font-size:0; line-height:0; } #tenshodo .btns a{ position:relative; display:block; font-weight:600; text-align:center; color:#FFFFFF; text-decoration:none; } #tenshodo .btns a{ font-size:13px; line-height:35px; border-radius:17.5px; margin-bottom:10px !important; } #tenshodo .btns a::after{ display:block; width:15px; height:8px; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat calc(-654px / 2) calc(-1282px / 2) / 900px 1050px; position:absolute; right:16px; top:50%; margin-top:-4px; } #tenshodo .sub{ background:#002040; margin:0 -17px; } #tenshodo .sub h3{ position:relative; width:100%; height:62px; } #tenshodo .sub h3 span{ position:absolute; left:50%; top:-11px; margin-left:calc(-572px / 4); display:block; width:calc(572px / 2); height:65px; font-size:0; line-height:0; text-indent:-9999px; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat; background-size:900px 1050px; } #tenshodo #head{ padding-bottom:10px; } #tenshodo #head h2{ background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat 0px 0px; background-size:900px 1050px; width:calc(572px / 2); height:calc(520px / 2); font-size:0 !important; line-height:0 !important; text-indent:-9999px; margin:0 auto; } #tenshodo #head .t1{ margin-top:-10px; } #tenshodo #head .t2{ margin-top:10px; color:#002040; text-align:right; font-style:italic; } #tenshodo #read{ margin-bottom:45px; } #tenshodo #read::before{ display:block; content:" "; width:calc(572px / 2); height:calc(320px / 2); background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat 0 calc(-520px / 2); background-size:900px 1050px; margin:0 auto 3px; } #tenshodo #read .t0{ text-align:center; margin-bottom:25px } #tenshodo #read .t0 ul{ display:inline-block; vertical-align:top; text-align:left; } #tenshodo #read .t0 ul li{ margin-bottom:5px; } #tenshodo #read .t1{ text-align:center; } #tenshodo #read .t1 strong{ color:#8C6600; font-weight:bold; } #tenshodo #read .t1 strong span{ border-bottom:1px solid #8C6600; text-decoration:underline; } #tenshodo #k1{} #tenshodo #k1 .sub h3 span{ background-position:0 calc(-850px / 2); } #tenshodo #k1 ul{ padding:15px 0 20px; } #tenshodo #k1 ul li{ margin-bottom:40px; } #tenshodo #k1 ul li:nth-child(2n+1){ text-align:right; } #tenshodo #k1 ul li:nth-child(2n+0){ text-align:left; } #tenshodo #k1 ul li h4{ display:inline-block; vertical-align:top; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat; background-size:900px 1050px; font-size:0; line-height:0; text-indent:-9999px; width:calc(572px / 2); height:calc(598px / 2); margin-bottom:25px; } #tenshodo #k1 ul li:nth-child(2n+0) h4{ float:right; } #tenshodo #k1 ul li:nth-child(2n+1) h4{ float:left; } #tenshodo #k1 ul li .t1{ font-size:26px; line-height:1.6; margin-bottom:10px; clear:both; } #tenshodo #k1 ul li .t2{ margin-bottom:10px; } #tenshodo #k1 ul li:nth-child(1) h4{ background-position:calc(-590px / 2) 0; } #tenshodo #k1 ul li:nth-child(2) h4{ background-position:calc(-590px / 2) calc(-620px / 2); } #tenshodo #k1 ul li:nth-child(3) h4{ background-position:calc(-1170px / 2) 0; } #tenshodo #k1 ul li:nth-child(4) h4{ background-position:calc(-1170px / 2) calc(-620px / 2); } #tenshodo #k2{ padding-bottom:40px; } #tenshodo #k2 .sub h3 span{ background-position:0 calc(-1000px / 2); } #tenshodo #k2 .t1{ text-align:center; margin-top:15px; } #tenshodo #k2 .t2{ font-size:37px; line-height:1.6; text-align:center; color:#002040; letter-spacing:1em; padding-left:1em; } #tenshodo #k2 .t3{ font-size:17px; line-height:1.6; text-align:center; color:#8C6900; } #tenshodo #k2 .img p{ padding:10px 0; text-align:center; } #tenshodo #k2 .img p img{ max-width:275px; width:100%; height:auto; } #tenshodo #k2 .t4{ margin-top:5px; } #tenshodo #k2 .btns{ margin:25px auto 0; } #tenshodo #k3{ padding-bottom:30px; } #tenshodo #k3 .sub h3 span{ background-position:0 calc(-1150px / 2); } #tenshodo #k3 ul{ margin:0 -17px; } #tenshodo #k3 ul li{ padding:15px 17px; } #tenshodo #k3 ul li:nth-child(2n+1){ background:#EEEEEE; } #tenshodo #k3 ul li h4{ background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat; background-size:900px 1050px; width:100%; height:65px; font-size:0; line-height:0; } #tenshodo #k3 ul li:nth-child(1) h4{ background-position:0 calc(-1450px / 2); } #tenshodo #k3 ul li:nth-child(2) h4{ background-position:0 calc(-1580px / 2); } #tenshodo #k3 ul li:nth-child(3) h4{ background-position:0 calc(-1710px / 2); } #tenshodo #k3 ul li:nth-child(4) h4{ background-position:0 calc(-1840px / 2); } #tenshodo #k3 ul li .t1{ font-size:20px; line-height:1.3; margin-top:10px; } #tenshodo #k3 ul li .t2{ margin-top:15px; } #tenshodo #k3 .btns{ margin:40px auto 0; } #tenshodo #k4 .sub h3 span{ background-position:0 calc(-1300px / 2); } #tenshodo #k4 h4{ font-size:14px; line-height:1.6; color:#8C6700; text-align:center; border-top:1px solid #8C6900; padding-top:4px; margin-top:15px; } #tenshodo #k4 h4::before{ display:block; content:" "; height:4px; font-size:0; line-height:0; border-top:1px solid #8C6900; border-bottom:1px solid #8C6900; margin-bottom:15px; } #tenshodo #k4 .t0{ text-align:center; margin-top:15px; } #tenshodo #k4 ul{ font-size:0; line-height:0; text-align:center; margin-top:25px; } #tenshodo #k4 ul li{ display:inline-block; vertical-align:top; text-align:left; max-width:300px; width:100%; margin:0 auto; padding:0 10px 10px; } #tenshodo #k4 ul li .img{ border:1px solid #EEEEEE; margin-bottom:5px; } #tenshodo #k4 ul li .img img{ width:100%; height:auto; background-size:cover; } #tenshodo #k4 ul li .t1{ font-size:13px; line-height:1.6; } #tenshodo #k4 ul li .t2{ font-size:13px; line-height:1.6; color:#8C6800; margin-bottom:5px; } #tenshodo #k4 ul li .t2 strong{ font-weight:inherit; } #tenshodo #k4 ul li .btns{ } #tenshodo #k4 ul li .btns a{ font-size:12px; line-height:27px; border-radius:13.5px; } #tenshodo #k5{ padding-bottom:55px; } #tenshodo #k5 .inner{ border-top:1px solid #8C6900; padding-top:4px; } #tenshodo #k5 .inner::before{ display:block; content:" "; height:4px; font-size:0; line-height:0; border-top:1px solid #8C6900; border-bottom:1px solid #8C6900; } #tenshodo #k5 h4{ font-size:14px; line-height:1.6; color:#8C6700; text-align:center; margin-top:15px; } #tenshodo #k5 .text{ text-align:center; margin:15px 0; } #tenshodo #k5 ul::after{ display:block; content:" "; font-size:0; line-height:0; clear:both; } #tenshodo #k5 ul li{ text-align:center; margin-bottom:10px; } #tenshodo #k5 ul li img{ width:230px; } #tenshodo #k5 .btns{ margin:0 auto 0; } #tenshodo #k6{ padding-bottom:40px; } #tenshodo #k6 .boxs{ padding:2px; background: radial-gradient(circle at top left , rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat top left /50% 1px, radial-gradient(circle at top right, rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat top right/50% 1px, radial-gradient(circle at bottom left , rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat bottom left /50% 1px, radial-gradient(circle at bottom right, rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat bottom right/50% 1px, radial-gradient(circle at top left , rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat top left /1px 50%, radial-gradient(circle at top right, rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat top right/1px 50%, radial-gradient(circle at bottom left , rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat bottom left /1px 50%, radial-gradient(circle at bottom right, rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px) no-repeat bottom right/1px 50%, radial-gradient(circle at top left , rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px, rgba(118,97,26,1) 9px, rgba(118,97,26,0) 9px) no-repeat left top, radial-gradient(circle at bottom left , rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px, rgba(118,97,26,1) 9px, rgba(118,97,26,0) 9px) no-repeat right top, radial-gradient(circle at top right, rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px, rgba(118,97,26,1) 9px, rgba(118,97,26,0) 9px) no-repeat left bottom, radial-gradient(circle at bottom right, rgba(118,97,26,0) 8px, rgba(118,97,26,1) 8px, rgba(118,97,26,1) 9px, rgba(118,97,26,0) 9px) no-repeat right bottom; } #tenshodo #k6 .boxs .boxs_wrap{ padding:2px; background: radial-gradient(circle at top left , rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat top left /50% 1px, radial-gradient(circle at top right, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat top right/50% 1px, radial-gradient(circle at bottom left , rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat bottom left /50% 1px, radial-gradient(circle at bottom right, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat bottom right/50% 1px, radial-gradient(circle at top left , rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat top left /1px 50%, radial-gradient(circle at top right, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat top right/1px 50%, radial-gradient(circle at bottom left , rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat bottom left /1px 50%, radial-gradient(circle at bottom right, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px) no-repeat bottom right/1px 50%, radial-gradient(circle at top -1px left -1px, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px, rgba(118,97,26,1) 10px, rgba(118,97,26,0) 10px) no-repeat left top, radial-gradient(circle at bottom -1px left -1px, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px, rgba(118,97,26,1) 10px, rgba(118,97,26,0) 10px) no-repeat right top, radial-gradient(circle at top -1px right -1px, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px, rgba(118,97,26,1) 10px, rgba(118,97,26,0) 10px) no-repeat left bottom, radial-gradient(circle at bottom -1px right -1px, rgba(118,97,26,0) 9px, rgba(118,97,26,1) 9px, rgba(118,97,26,1) 10px, rgba(118,97,26,0) 10px) no-repeat right bottom; } #tenshodo #k6 .boxs .boxs_inner{ padding:10px; border:1px solid rgba(118,97,26,1); } #tenshodo #k6 .boxs .boxs_inner::before, #tenshodo #k6 .boxs .boxs_inner::after{ display:block; content:" "; width:calc(512px / 2); height:calc(44px / 2); font-size:0; line-height:0; clear: both; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat calc(-590px / 2) calc(-1220px / 2); background-size:900px 1050px; } #tenshodo #k6 h4{ font-size:14px; line-height:1.6; color:#8C6700; text-align:center; margin:15px 0 10px; } #tenshodo #k6 .img{ margin:0 auto 15px; padding:0 20px; text-align:center; } #tenshodo #k6 .img img{ max-width:calc(398px / 2); width:100%; height:auto; } #tenshodo #k6 .text{ margin-bottom:15px; padding:0 20px; letter-spacing:0.05em; } #tenshodo #k6 .btns{ margin-bottom:20px; padding:0 10px; } #tenshodo #k7{ padding-bottom:0; } #tenshodo #k7 h4{ position:relative; height:calc(28px / 2); margin:0 -17px 25px; overflow:hidden; } #tenshodo #k7 h4 span{ position:absolute; left:50%; top:0; display:block; content:" "; width:calc(1500px / 2); height:calc(28px / 2); font-size:0; line-height:0; background:url("https://pw.bu.mynv.jp/watch/images/uploads/15/2019/07/24/5d37c2d416f7f.png") no-repeat 0 calc(-1980px / 2); background-size:900px 1050px; margin-left:calc(-1500px / 4); } #tenshodo #k7 .map{ display:block; width:calc(100% - 50px); height:220px; margin:0 auto 15px; } #tenshodo #k7 .text{ width:calc(100% - 50px); margin:0 auto; } #tenshodo #k7 .text p{ margin-bottom:1em; } #tenshodo #k7 .text .btns{ margin-bottom:0; } } /* end */