@charset "UTF-8";
h1{position:relative;color:#fff;background:#3ab4c1;padding:.7em .5em .5em 2em;font-weight:bold;border-bottom:#e0dbb5 solid 6px}
h1:before{position:absolute;left:.5em;content:'';display:inline-block;background-image:url(/images/common/logo_catch.png);background-size:contain;vertical-align: middle}
.a-h201{color:#646047;background:url(/images/lesson/icon_article_tit.png) left center no-repeat;padding:5px 10px 5px 30px;position:relative;font-weight:bold}
.a-h201:after{content:'';width:100%;height:3px;background:url(/images/lesson/bg_article_tit.jpg) left bottom repeat-x;position:absolute;bottom:-3px;left:0;display:inline-block} 
/* ---------------------------------------------------------------------------- 
//768px以下（SP用）
---------------------------------------------------------------------------- */
@media only screen and (max-width:768px){
h1{font-size:5.5vw;line-height:1.5}
h1:before{top:.7em;width:25px;height:25px}
.underlayerContent{margin-top:4%;padding:2% 3% 7%;background:#fff;border-top:5px solid #6bc7d1}
.a-h201{font-size:20px;font-size:1.25rem;margin:0 auto;background-size:5%;padding-left:6%}
.a-h201:after{height:2px;background-size:.5%;bottom:-7px}
.p-content-toc{margin-bottom:10%;padding:3% 5%;border:2px solid #d0f0f3}
.p-content-toc-tit{padding-left:22px;background:url(/images/lesson/img_toc.png) 0 2px no-repeat;background-size:6%;color:#646047;font-weight:bold;font-size:16px;font-size:1rem}
.p-content-toc-list{margin-top:5px}
.p-content-toc-list li{margin-bottom:5px;padding-left:10px;background:url(/images/common/tri_u.png) 0 8px no-repeat;font-size:14px;font-size:.875rem}
.p-content-toc-list li a{color:#3ab4c1}
.p-content{margin:3% 0}
.p-content-img{text-align:center;margin-bottom:25px}
.p-content-title{padding:3% 0 2%;color:#3ab4c1;font-size:16px;font-size:1rem}
.p-content-title a{color:#3ab4c1}
.p-content-comment{margin-bottom:30px;font-size:14px;font-size:.875rem}
.p-content-comment img{display:block;margin-left:auto;margin-right:auto}
.p-hajimeBox{margin-bottom:5%;padding:5% 0 7%;border-bottom:1px dotted #939393}
.p-hajimeBox-photo{width:25%;float:left}
.p-hajimeBox-tx{width:70%;padding-top:3%;float:right;font-size:14px;font-size:.875rem}
.box15{padding:.2em .5em;margin:2em 1em;color:#565656;background:#ffeaea;box-shadow:0 0 0 10px #ffeaea;border:dashed 2px #ffc3c3;border-radius:8px}
.s_box,tbody,tr,th,td{display:block}
.s_box{font-size:14px;font-size:.875rem}
.s_box tr{margin:40px 0 20px}
.s_box td{padding-top:3%}
.s_box img{width:60%;display:block;margin-left:auto;margin-right:auto}
.s_box h4{font-size:14px;font-size:.875rem}
.ggmap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.ggmap iframe,.ggmap object,.ggmap embed{position:absolute;top:0;left:0;width:100%;height:100%}
.link_p{text-align:center;margin-top:10px}
.p-scLinkBtn{font-size:14px;font-size:.875rem;text-align:right;margin:5% 1% 0 0;padding-bottom:8%}
.p-scLinkBtn a{color:#fff;background:#3ab4c1;border-radius:13px;padding:1.5% 8%}
@media screen and (min-width:768px) and (max-width:768px){
h1{font-size:4vw;line-height:1.5}
h1:before{top:.7em;width:40px;height:40px}
html{font-size:2.7vw}
.p-content-toc-tit{padding-left:1.5em;background-size:4%}
}}
/* ---------------------------------------------------------------------------- 
//768px以上（PC用）
---------------------------------------------------------------------------- */
@media print, screen and (min-width:769px){
h1{font-size:24px;font-size:1.5rem;line-height:1.3}
h1:before{top:.5em;width:30px;height:30px}
.a-h201{font-size:24px;font-size:1.5rem}
.underlayerContent{margin-top:15px;padding:20px;background:#fff;border-top:5px solid #6bc7d1}
#container.webgl canvas{height:370px !important}
#share-button {display:none !important}
#instruction{display:none !important}
.p-content-toc{margin-bottom:40px;padding:20px 25px;border:4px solid #d0f0f3}
.p-content-toc-tit{padding-left:22px;background:url(/images/lesson/img_toc.png) 0 2px no-repeat;color:#646047;font-weight:bold;font-size:16px;font-size:1rem}
.p-content-toc-list{margin-top:5px}
.p-content-toc-list li{margin-bottom:5px;padding-left:10px;background:url(/images/common/tri_u.png) 0 center no-repeat;font-size:14px;font-size:.875rem}
.p-content-toc-list li a{color:#3ab4c1}
.p-content-img{text-align:center;margin-bottom:30px}
.p-content-title{color:#3ab4c1;font-weight:bold;font-size:20px;font-size:1.25rem;margin-bottom:15px}
.p-content-title a{color:#3ab4c1}
.p-content-comment{margin-bottom:30px;font-size:15px;font-size:.9375rem}
.p-content-comment img{display:block;margin-left:auto;margin-right:auto}
.p-content-box-photo{width:688px;margin:25px auto 30px}
.p-content-box-photo img{width:100%}
.p-hajimeBox{margin:15px 0 20px;padding:10px 0 30px;border-bottom:1px dotted #939393}
.p-hajimeBox-photo{width:99px;float:left}
.p-hajimeBox-photo img{width:100%}
.p-hajimeBox-tx{width:590px;font-size:15px;font-size:0.9375rem;padding-top:2%;float:right}
.box15{padding:.2em .5em;margin:2em 1em;color:#565656;background:#ffeaea;box-shadow:0 0 0 10px #ffeaea;border:dashed 2px #ffc3c3;border-radius:8px}
.s_box{border-collapse:separate;border-spacing:10px 20px;font-size:14px}
.s_box tr{vertical-align:top}
.s_box td{vertical-align:top;padding-top:15px}
.s_box td img{width:200px}
.s_box h4{font-size:14px}
.mvRight img{width:200px;float:right}
.ggmap{margin-bottom:15px}
.flLL{float:left !important}
.link_p{text-align:center;margin-top:10px}
.p-scLinkBtn{font-size:14px;font-size:.875rem;text-align:right;margin-top:20px;margin-bottom:70px}
.p-scLinkBtn a{color:#fff;background:#3ab4c1;border-radius:12px;padding:4px 15px 3px;display:inline-block}
}