@charset "utf-8";
@import url(../css/cm/shared.css);
@import url(../css/font.css);
#fnav,#fnav a,#global a,#navbtn a{color:#030303;}
#mbtn,#footer,#pnav,#pickup dt,#menu dt,#profile dt,#entrylink dt,#snav nav::before,a[rel="tag"]::after,.pnav span,#global a.on,#global a:hover,#paging li,#pickup a:hover::after,#menu a:hover::after,#calendar dt{background-color:#030303;}
#menu li,#fnav .link>li>span,#snav .link>li>span{border-color:#030303;}
body::after{border-top-color:#030303;}
h3,.h3,h4::after,.h4::after,#pickup li a::before,#calendar li a{background-color:#0081a2;}#pickup li a::before{background-image:none;}
h4,.h4,h5,.h5,h6,.h6,#view article:hover>a,#view article>a:hover,[id|="entrylist"] article>a:hover,#navbtn a:hover{border-color:#0081a2;}

@media(min-width:66em){body[id|="index"]::before{background-color:#0081a2;}}body{background:none;}
body[id|="index"] h1,body[id|="index"]::before{background-color:#fff;}
#fnav .link a, #fnav .link li li>span, #snav nav a, #snav nav li li>span{background:url("/cmb/images/design/arrow.png") no-repeat;}
h3,.h3{background-color:#030303;}h4, .h4{background:#ebeeef;}
#menu a::before,#menu span::before,#fnav .link a,#fnav .link li li>span,#snav nav a,#snav nav li li>span{background:none;}
.link li li>span::before,#menu span::before{content:"\e900";display:inline-block;font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-decoration:none;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:auto .5em auto -1.5em;}
.list li{padding-left:30px;display:block;}.list li::before{content:"";}
#sitemap h1{margin-bottom:0;border-bottom:0;}
#menu span::before{margin:0;}
#snav nav a{color:#333;}
#snav nav li li{padding:.5em;}
/*装飾追加*/
.mb40{margin-bottom:40px;}
.mark{background:#fff5be;}
[class*="txt-line"]{/*border:1px solid #0081a2;*/padding:0 30px 30px;margin-top:20px;margin-bottom:20px;background:#f8f8f8;}
[class*="txt-line-ttl"]{background:#919191;margin:auto auto 1.5em -31px;display:table;padding:5px 24px;color:#fff;border:none;}
.txt-line-ttl2{background:#0081a2;}
[class*="waku"]{width:8em;text-align:center;padding:.5em 1em .25em;margin:0px 10px 8px 0px;color:#fff;font-size:.9em;display:block;}
.waku-b{background:#0081a2;}
.t-check{border-collapse:separate;border-spacing:0 2px;letter-spacing: .075em;line-height:1.2;vertical-align:middle;}
.t-check th,.t-check td{border:none;padding:.5em;}
.t-check th{width:2.75em;text-align:center;color:#fff;background:#0081a2;}
.t-check th.bg-gly{background:#ccc;}
.t-check th:before{content:"";width:1em;height:.6em;border-left:3px solid;border-bottom:3px solid;transform: rotate(-45deg);display:inline-block;margin-bottom:.4em;}
.t-check td{background:#fbfbfb;padding:.85em 1.5em;}

.t-check2{border-collapse:separate;border-spacing:0 2px;letter-spacing: .075em;line-height:1.2;vertical-align:middle;}
.t-check2 th,.t-check2 td{border:none;padding:.5em;}
.t-check2 th{width:2.75em;text-align:center;color:#fff;background:#0081a2;}
.t-check2 td{background:#fbfbfb;padding:.85em 1.5em;}

#toc{background:linear-gradient(-45deg,transparent 25%,#eaf5f5 25%,#eaf5f5 50%,transparent 50%,transparent 75%,#eaf5f5 75%,#eaf5f5);border-top:2px solid#0181a2;border-bottom:2px solid#0181a2;padding:1.5em 2em 2em;margin-bottom:3em;background-clip:padding-box;background-size:4px 4px;}
#toc ol{margin:0;}
#toc>ol>li{margin-bottom:.5em;}
#toc>ol>li:last-child{margin-bottom:0;}
#toc>ol>li::before{font-size:.3em;top:.8em;}
#toc a{text-decoration:none;padding:.5em;color:#333;}
#toc a:hover{background:#b2dce6;}
#toc .icon-archive{display:block;text-align:center;font-size:1.4em;margin-bottom:.75em;}
#toc .icon-archive::before{color:#333;font-size:.8em;margin-right:.5em;}

#main pre{border-radius:5px;background:#eee;padding:10px;margin:0 0 1em 0;font-size:.88em;}
.linebox2{padding:0;background-color:#fff;/*border-radius:5px;*/border:solid 1px #0081a2;}
.linebox2 dt,.linebox2 dd{padding:0.7em 1em;}
.linebox2 dt{background-color:#0081a2;}
.linebox2 dd::before{content:none;}
.linebox3{border:none;}
.linebox4{background-color:#fff;border:none;padding:10px;}
.linebox5,.txt-line2{background-color:rgb(0 150 153 / 10%);border:none;}
.list-type-number.a-no a{text-decoration:none;color:#000;border-bottom:1px dotted;line-height:2.2;}
#side .sns{display:flex;flex-wrap:nowrap;justify-content:center;font-size:2rem;}
#side .sns>li{padding:0 .5em 20px .5em;}
#side>ul.sns a[class*="icon-"].db_i{width:1.25em;height:1.25em;}
#side>ul.sns a[class*="icon-"].db_i::before{text-indent:0;color:#000;}
#side>ul.sns a.icon-yt.db_i::before{color:#f00;}
/*.link a::before{content:"";}*/
.bdr{display:flex;align-items:center;}
.bdr.gry{color:#aaa;text-transform:uppercase;}
.bdr:after{border-top:1px solid;content:"";width:10%;}
.bdr:after{margin-left:1rem;}
.bdr.fwn{font-weight:normal;}
.int-ttl{display:block;margin-bottom:1.5em;position:relative;color:#087290;}
.int-ttl::before{content:attr(title);display:block;position:absolute;left:0;top:-0.3em;font-size:6em;color:rgb(0 150 153 / 10%);line-height:1;font-family:'Arial',serif;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.as-c{align-self:center;}
.point{position:relative;background:#f5f5f5;margin-top:41px;padding:1em;}
.point::before {position:absolute;content:'POINT';display:block;background:#0081a2;color:#fff;left:0px;bottom:100%;border-radius:3px 3px 0 0;padding:5px 10px 4px;font-size:12px;line-height:1;letter-spacing:.1em;}
.waku-b{background:#0081a2;}
#main h2{position:relative;font-weight:bold;font-size:1.5em;width:auto;padding:0;margin:1em 0;color:#800180;text-overflow:inherit;word-wrap:normal;white-space:normal;}
#main h2+p {line-height:inherit;display:inherit;text-align:inherit;}
/*btn*/
[class*="a-btn"]::before{display:inline-block;font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-decoration:none;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
[class*="a-btn"]::before{content:"\e900";}
[class*="a-btn"],[class*="a-btn"] span{display:inline-block;text-decoration:none;}
[class*="a-btn"]{text-align:center;vertical-align:middle;width:100%;max-width:20em;padding:.5em 1em;line-height:1.25;border-radius:5px;border:1px solid #000;color:#000;}
[class*="a-btn"].w100,.typebox2- [class*="a-btn"]{max-width:100%;}
.a-btn:hover{background-color:#000;color:#fff;}
.a-btn2{background:#000;color:#fff;}
.a-btn2:hover{background-color:#fff;color:#000;}

/*吹き出し*/
[class^=balloon]{display:flex;}
[class^=balloon] dt{padding-right:20px;}
[class^=balloon] dt img{width:80px;height:80px;max-width:none;margin:0;border-radius:50%;object-fit:cover;font-family:'object-fit:cover;';}
[class^=balloon] dd{position:relative;min-width:calc(100% - 100px);background:#fff;padding:1em;border:1px solid #dfdfdf;border-radius:10px;}
[class^=balloon] dd:after,[class^=balloon] dd:before{border:solid transparent;content:'';height:0;width:0;position:absolute;right:100%;top:40px;}
[class^=balloon] dd:after{border-color:rgba(255,255,255,0);border-top-width:7px;border-bottom-width:7px;border-left-width:10px;border-right-width:10px;margin-top:-7px;border-right-color:#fff;}
[class^=balloon] dd:before{border-color:rgba(223,223,223,0);border-top-width:8px;border-bottom-width:8px;border-left-width:11px;border-right-width:11px;margin-top:-8px;margin-right:1px;border-right-color:#dfdfdf;}
.balloon-r{display:flex;flex-direction:row-reverse;}
.balloon-r dt{padding-right:0;padding-left:20px;}
.balloon-r dd:after,.balloon-r dd:before{left:100%;right:auto;}
.balloon-r dd:after{border-left-color:#fff;border-right-color:transparent;}
.balloon-r dd:before{border-left-color:#dfdfdf;border-right-color:transparent;margin-left:1px;}
.youtube{position:relative;height:0;padding-bottom:56.25%;display:block;}
.youtube iframe,#show .youtube::after{position:absolute;width:100%;height:100%;top:0;left:0;}
.max-270{max-width:270px;}
@media(min-width:40em){
/*.int-ttl{margin-bottom:0;margin-left:20px;}*/
.int-ttl::before{left:.2em;}
}
@media(min-width:48em){
h2+p img{max-height:65px;}
[class*="waku"]{margin-bottom:0;display:inline-block;}
}
@media(min-width:66em){
body[id|="index"]::before{background-size:cover;}
}