@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */figure,svg:not(:root){overflow:hidden}pre,pre code,textarea{overflow:auto}img,legend{border:0}a:active,a:link{color:#99a2a5}a:active,a:hover{text-decoration:underline}body,sub,sup{position:relative}#keywords2,#searchBtn2{border-top:1px solid #000}h1,h2,h3,h4{font-weight:400}.blogpost img,.item img{-ms-interpolation-mode:bicubic}.blogpost time,.itempost time,.itempost2 time,.topnav li,figcaption,h1,h3,h4{font-family: '游ゴシック体', 'メイリオ', YuGothic, sans-serif;}.plugin-tag,.trackback{word-break:break-all}html{font-family: '游ゴシック体', 'メイリオ', YuGothic, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}#menu-icon,[hidden],template{display:none}audio:not([controls]){display:none;height:0}a{background-color:transparent;text-decoration:none;transition:all .5s ease}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}#keywords2,#searchBtn2{border-bottom:1px solid #888}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{padding:0}code,kbd,pre,samp{font-family: '游ゴシック体', 'メイリオ', YuGothic, sans-serif;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}#fancybox-loading,#searchBtn2,.comtitle a,.fancybox-close,.fancybox-nav{cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}#container,legend,td,th{padding:0}table{border-collapse:collapse;border-spacing:0}a:visited{color:#999}a:hover{color:#0083AF}#page-top a,#page-top a:hover,.entry_list li a,.topnav li a:hover,h1 a:hover,h4 a{text-decoration:none}.nonborder{border:none;outline:0}.itempost,.itempost2{border:1px solid #ccc}*{box-sizing:border-box;-webkit-box-sizing:border-box}#header-container header,ul{margin:0;padding:0}body{margin:0;font-size:16px;font-family: '游ゴシック体', 'メイリオ', YuGothic, sans-serif;text-align:left;color:#333;line-height:1.6em;-webkit-text-size-adjust:none;background-color:#f5f5f5}#container{width:100%;max-width:1600px;margin:0 auto}#header-container{width:300px;height:100%;margin:0;padding:50px 20px;position:fixed;top:0;left:0;background-color:#19283c;background-position:center center;background-repeat:no-repeat;background-size:cover}#searchform2{width:auto;position:absolute;top:260px;right:85px}#keywords2{width:152px;height:27px;background-color:#666;border-radius:4px 0 0 4px;border-left:1px solid #000;border-right:none;padding:3px 4px 4px;color:#ddd;outline:0}.intro,h1 a:link,h1 a:visited{color:#fff}#searchBtn2{position:absolute;top:1px;right:-28px;height:27px;width:28px;background:url(http://blog-imgs-83-origin.fc2.com/h/a/t/hatenachips/sprite_1.png)-250px -76px no-repeat #666;text-indent:-100px;border-left:none;border-right:1px solid #888;padding:0;border-radius:0 4px 4px 0;transition:all .2s linear 0}#main-container{width:100%;padding:50px 50px 100px 320px;margin:0 auto;float:right}h2,h4{padding:0 0 5px}h1,h2,h3,h4{margin:0}.header-circle{width:150px;height:150px;margin:0 auto;background-color:#355073;border-radius:50%;text-align:center}.intro,h1,h2{margin:0}h1{padding:60px 0 0;font-size:28px;letter-spacing:0;line-height:1.2em}.intro{font-size:12px}h2,h4{font-size:20px}h1 a:hover{color:#ccc}h2{line-height:1.5em}h3{font-size:15px;padding:10px 20px;margin-bottom:30px;text-align:right;background-color:#666;color:#fff}#page-top a,.footernav ul,.topnav ul{text-align:center}h4{margin:35px 0 15px;border-bottom:#e3e3e3 3px solid}.blogpost,.tbfooter{border-bottom:1px #ccc dashed}h4 a{color:#666}.comtitle a,.tbtitle a{padding:0;color:#666}.comtitle a:hover,.tbtitle a:hover{padding:0;color:#666}#menu-icon,.footernav a,.topnav li a:link,.topnav li a:visited{color:#fff}.comtitle{padding:0}.tbtitle{margin-top:10px}.comment header{margin:0}.topnav{margin:50px auto 0;padding:0}#menu-icon{width:26px;height:26px;font-size:26px}.topnav li{padding:0 0 20px;margin:0;font-weight:500}.bottomfooter,.comfooter,.tbfooter,.titlelistfooter{font-weight:400}.topnav li a:hover{text-shadow:-1px 0 8px #fff}.footernav{margin:0}.footernav ul{margin:0;padding:0}.footernav li{margin:10px 10px 20px;padding:0;list-style:none;display:inline-block;zoom:1;font-size:15px}#page-top{position:fixed;bottom:20px;right:20px}.itempost,.itempost2{padding:50px 30px;position:relative}#page-top a{background:#666;color:#fff;width:auto;padding:15px;display:block;border-radius:30px}.item,.itempost2{border-radius:5px}#page-top a:hover{background:#999}.itempost,.itempost2{background-color:#fff}#main-container .page_navi{height:95px;border-top:1px #ccc dashed;margin:20px 0 0;padding:20px 0 0}#main-container .cat{height:100px}#main-container .page_navi a{display:block;float:left}#main-container .page_navi a span{height:75px;display:table-cell;vertical-align:middle;width:600px}#main-container .page_navi a:hover{color:#8ADAE6}#main-container .page_navi .prev{width:43%;text-align:left}#main-container .page_navi .next{width:43%;text-align:right}#main-container .page_navi .home{display:table;width:14%;text-align:center}#notpermanent{width:100%;padding:0;margin:0}.item{width:33.3%;margin:0 0 30px;padding:0 10px}.itemwidth{padding:0}.itempost{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.blogpost time,.itempost time,.itempost2 time{width:50px;height:50px;background-color:#333;border:0 solid #666;color:#fff;position:absolute;margin-left:-25px;padding-top:3px;border-radius:25px;text-align:center}.cbody,.ecomment,.relate_dl,.titlelist,pre code{border-radius:5px}.blogpost,figure{position:relative}#permanent .contents,.ecomment,.titlelist{border:1px solid #ccc}.itempost time,.itempost2 time{top:-25px;left:50%}div.month01:before{content:"Jan"}div.month02:before{content:"Feb"}div.month03:before{content:"Mar"}div.month04:before{content:"Apr"}div.month05:before{content:"May"}div.month06:before{content:"Jun"}div.month07:before{content:"Jul"}div.month08:before{content:"Aug"}div.month09:before{content:"Sep"}div.month10:before{content:"Oct"}div.month11:before{content:"Nov"}div.month12:before{content:"Dec"}.day{margin-top:-5px}.item img{width:100%;display:block;border-top-left-radius:5px;border-top-right-radius:5px}.cm{float:right;padding:0}#permanentarea{padding:0 30px}#permanent{width:70%;float:left}#permanent .contents{margin:0;background-color:#fff;border-radius:5px}#permanentcontents{padding:40px}.blogpost{padding:0 0 10px;margin-bottom:40px}.blogpost time{top:0;left:-40px}.blogpost header{width:100%;padding:0 0 0 25px;margin-bottom:20px}#category{text-align:right}.blogpost img{max-width:100%;height:auto;width:auto}.blogpost p{margin:1.2em 0}.fc2_footer{margin:20px 0 0}.fc2button-facebook iframe{width:105px!important}.relate_dl{padding:20px;margin:20px 0;background-color:#f5f5f5}.relate_dt{padding:0 0 10px}figure{margin:0}figcaption{position:absolute;border-style:none;bottom:7px;text-align:center;font-size:20px;font-size:2vw;color:#ddd;z-index:2;width:100%;height:100px;background:rgba(0,0,0,.3);-webkit-transition:.5s ease-in-out;transition:all .5s ease-in-out}figure img{transition:all .5s ease-in-out}figure:hover img{transform:scale(1.1)}figure:hover figcaption{bottom:-100px}#permanent blockquote{background-color:#eee;padding:1.5em 1em 1em;margin:0;position:relative;z-index:1}#permanent blockquote:after,#permanent blockquote:before{font-family: '游ゴシック体', 'メイリオ', YuGothic, sans-serif;font-size:3em;line-height:1em;color:#fff;position:absolute;z-index:-1;transition:transform .5s}.cbody,.ctriangle{position:relative}.comfooter,.tbfooter{text-align:right;font-size:12px}#dcom,#ecom,#ppost,.bottomfooter,.comfooter,.tbfooter,.titlelistfooter{font-family: '游ゴシック体', 'メイリオ', YuGothic, sans-serif;}#permanent blockquote:before{content:"\f10d";left:5px;top:5px}#permanent blockquote:after{content:"\f10e";right:5px;bottom:5px}.cbody:after,a.download:before{content:""}#permanent blockquote:hover:after,#permanent blockquote:hover:before{transform:rotateY(360deg)}.titlelist{width:70%;margin:0 0 0 15px;padding:30px;background-color:#fff}.searcharea{padding:0;margin:0}#toptitle,.searcharea h4{width:100%;margin:-20px 0 20px;text-align:center}.none{display:none}.block{display:block;padding:0 2.5%}pre code{display:block;background-color:#f5f5f5;padding:10px}.blogpost ul,.relate_dl ul,.searcharea ul{margin:0 0 0 1.5em;list-style-type:circle}.fa-ul li,.plugcontent ul{list-style-type:none}.blogpost ul li,.plugcontent ul li,.relate_dl ul li,.searcharea li{list-style-position:outside;margin:0;padding:0;position:relative;height:100%}.bottomfooter{width:100%;height:auto;padding:0;margin-top:30px}.comfooter,.tbfooter{padding:10px 0;margin:0}.titlelistfooter{font-size:12px;font-style:italic;padding-bottom:10px;margin-bottom:10px}#tags a{background:#eee;padding:2px}.comment,.pcomment,.trackback{padding:20px 0;margin:0}.ecomment{width:70%;margin:0 0 0 15px;padding:30px;background-color:#fff}.ctriangle{width:100%;margin-bottom:20px}.cbody{margin:10px 0 0;padding:20px 20px 10px;background-color:#f0f0f0}#password,textarea{background-color:#f5f5f5}#password,.ecomment p,.pcomment p{padding:5px 0}.cbody:after{border:15px solid transparent;border-bottom-color:#f0f0f0;border-top-width:0;top:-15px;display:block;left:30px;position:absolute;width:0}.ecomment label,.pcomment label{color:#666}#email,#name,#title,#website{width:60%;padding:5px 0;border:none;outline:0;background-color:#f5f5f5}textarea{width:99%;height:150px;scrollbar-base-color:#f5f5f5;scrollbar-track-color:#f5f5f5;border:none;outline:0}#password{width:30%;border:none;outline:0}#dcom,#ecom,#ppost{color:#fff;padding:5px 15px;margin:0 0 10px;background-color:#666;height:40px;line-height:32px;border-radius:5px!important;border:none;width:auto;font-size:15px;font-weight:400}#sidebar{width:26%;margin:0;float:right;line-height:1.5em;font-size:14px}.plugcontent{padding:0;margin:0 0 60px}#footer-container{width:300px;margin:0 auto;font-size:12px;padding:20px 20px 10px;position:fixed;bottom:0;left:0;color:#fff;text-align:center}#footer-container footer{padding:0;overflow:hidden;margin:0 auto}#footer-container .footer-address{margin:0;padding:0}#footer-container a:link,#footer-container a:visited{color:#fff}#footer-container a:hover{color:#eee}#change_mobile,#change_mobile_body{display:none}@media screen and (max-width:1200px){#footer-container,.topnav li{width:100%;text-align:center}#searchform2{top:200px}figcaption{font-size:3vw}.topnav{width:auto;position:absolute;top:20px;right:65px;z-index:9999;margin:0;padding:0}.topnav ul{margin:0 auto}#menu-icon{display:inline-block;position:absolute;top:0;right:0}.topnav ul,.topnav:active ul{display:none;position:absolute;padding:20px;background:#000;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);zoom:1;right:0;top:26px;width:170px;z-index:9999;border-radius:5px;border:5px solid #000}.topnav ul,.topnav:active ul :nth-child(n){filter:none}.topnav li{padding:10px;margin:0}.topnav li a:link,.topnav li a:visited{color:#fff}.topnav:hover ul{display:block}#header-container{width:100%;height:250px;margin:0;padding:50px;position:static}#main-container{padding:50px 50px 100px;float:none}#footer-container{margin:0 auto;font-size:12px;padding:20px;position:static;background-color:#333}}@media screen and (max-width:850px){#searchBtn2,#searchform2{position:inherit}#permanentarea,.item{padding:0 15px}#permanent,#sidebar{width:100%;float:none}#searchBtn2{margin-left:-6px}#header-container{text-align:center}figcaption{font-size:4vw}.item{width:49.9%;margin:0 0 50px;border-radius:5px}#permanent{margin:0}#sidebar{margin:50px 0 0}.titlelist{width:auto;padding:30px;margin:0 15px}.ecomment{width:90%;padding:30px;margin:0 5%}}@media screen and (max-width:650px){#searchBtn2,#searchform2{position:inherit}html{-webkit-text-size-adjust:none}#searchBtn2{margin-left:-6px}figcaption{font-size:4vw}#main-container{padding:50px 10px 100px}.topnav{right:25px}.item{width:100%;margin:0 0 50px;padding:0 15px;border-radius:5px}.video embed,.video iframe,.video object{width:100%;height:auto;min-height:300px}}#pagenavi,#permanent .contents,#sidebar,.item{-webkit-animation:itemanime 1s ease-out;animation:itemanime 1s ease-out}@-webkit-keyframes itemanime{0%{opacity:0;-webkit-transform:translateY(60px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes itemanime{0%{opacity:0;transform:translateY(60px)}100%{opacity:1;transform:translateY(0)}}.entry_list li,ul.link_list li{list-style-type:none;border-bottom:1px solid #888}.entry_list li a{display:block;padding:5px}.entry_list li a:hover{background:#ddd}#ad1,#ad2{margin:0 0 20px;padding:0}#pagenavi{line-height:36px;font-size:16px;text-align:center;margin:10px;clear:both}#pagenavi a,#pagenavi span{width:36px;margin:3px;background:#0e1b29;border-radius:50%;color:#F3F3F3;text-decoration:none;transition:all .3s;display:inline-block}#pagenavi span{background:#3769a6}#pagenavi a.dot{opacity:.2}#pagenavi a:hover{transform:translate(0,-5px);box-shadow:0 5px 5px rgba(14,27,41,.42)}.fa-user{color:#e0e0e0;font-size:2em}.text_overflow{font-size:85%;line-height:1.7}a img{opacity:1;transition:.3s}a:hover img{opacity:.8}img.frame{box-shadow:0 0 5px rgba(0,0,0,.2)}#related{margin:40px 0 20px;padding:20px;background-color:#fff;border:1px solid #666}.rate0,.rate1,.rate2,.rate3,.rate4,.rate5{margin-bottom:4px}#main-container table{border:2px solid #B5B5B5;border-collapse:separate;border-spacing:0;font-size:100%}#main-container table caption{text-align:left}#main-container table td,#main-container table th{padding:2px 4px;border-top:solid 1px #fff;border-left:solid 1px #fff;border-bottom:solid 1px #666;border-right:solid 1px #666;background-color:#eee}#main-container table th{background-color:#aaa;text-align:center;font-size:92%;color:#fff}#profile,.feed a i,.sprite a i,a i,a.download:before,p i{display:inline-block;background-image:url(http://blog-imgs-83-origin.fc2.com/h/a/t/hatenachips/sprite_1.png);background-repeat:no-repeat;vertical-align:middle;margin-right:3px}.i-myimage{background-position:2px -145px;width:175px;height:175px}.i-mvp{background-position:-172px -210px;width:148px;height:60px}.i-gist,.i-moug,.i-ms,.i-okwave,.i-twitter,.i-yahoo{height:16px;width:16px}.i-accessclub{background-position:0 -127px;width:16px;height:16px}.i-gist{background-position:-112px -127px}.i-moug{background-position:-138px -127px}.i-ms{background-position:-164px -127px}.i-okwave{background-position:-190px -127px}.i-twitter{background-position:-216px -127px}.i-yahoo{background-position:-242px -127px}#profile{background-position:0 -145px;width:200px;height:200px}.rate0,.rate1,.rate2,.rate3,.rate4,.rate5{height:14px;width:73px}.rate0{background-position:-75px -112px}.rate1{background-position:-60px -112px}.rate2{background-position:-45px -112px}.rate3{background-position:-30px -112px}.rate4{background-position:-15px -112px}.rate5{background-position:0 -112px}.ameblo,.ari,.blogspot,.coliss,.csslec,.fc2,.hatena,.i-download_16x16,.i-feed,.ka-net,.koiki,.lab,.momoclo,.non,.novel,.paroday,.tuki,.webmemo,.webpark,a.download:before{height:16px;width:16px}.i-feed{background:-87px -127px}.i-download_16x16{background-position:-62px -127px}.non{background-position:-200px -150px}.fc2{background-position:-220px -150px}.ameblo{background-position:-240px -150px}.blogspot{background-position:-260px -150px}.coliss{background-position:-280px -150px}.koiki{background-position:-300px -150px}.tuki{background-position:-320px -150px}.webmemo{background-position:-200px -170px}.jquery{background-position:-220px -170px;width:16px;height:16px}.webpark{background-position:-240px -170px}.csslec{background-position:-260px -170px}.momoclo{background-position:-280px -170px}.ari{background-position:-300px -170px}.novel{background-position:-320px -170px}.lab{background-position:-200px -190px}.paroday{background-position:-220px -190px}.ka-net{background-position:-240px -190px}.hatena{background-position:-260px -190px}a.download:before{background-position:-62px -127px}.fa{background-image:none}/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;padding:0;margin:0}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;padding:0;margin:0;background:#f9f9f9;color:#444;text-shadow:none;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{padding:0;margin:0;position:relative;outline:0}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%;border:0;padding:0;margin:0;vertical-align:top}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(http://blog-imgs-83-origin.fc2.com/h/a/t/hatenachips/sprite_1.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:-205px -80px;opacity:.8;z-index:8020}#fancybox-loading div{width:44px;height:44px;background:url(http://blog-imgs-46-origin.fc2.com/h/a/t/hatenachips/fancybox_loading.gif)center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;background-position:-90px -80px;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;background:url(http://blog-imgs-46-origin.fc2.com/h/a/t/hatenachips/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:20px;background-position:-128px -80px}.fancybox-next span{right:20px;background-position:-166px -80px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;padding:0;overflow:visible;visibility:hidden}#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:#000}#fancybox-overlay.overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8030;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{margin-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}.fit-sidebar-fixed{margin-top:0!important;margin-bottom:0!important;position:fixed}.fit-sidebar-blank{z-index:0;background-color:transparent;visibility:hidden}

.center{
  text-align: center;
  border: 1px dashed #999; /* わかりやすくボーターを付けておきます */
}

.fontfont {
  font-family: '游ゴシック体', 'メイリオ', YuGothic, sans-serif;
}

.vertical {
    writing-mode: vertical-rl;
}

   .tategaki{
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
   }

.samplebox {
   transform:rotate(90deg);
}

.resizeimage img { width: 100%; }

.grid-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding: 10px;
  box-sizing: border-box;
  max-width: 100%;
}

.card {
  display: flex;
  flex-direction: column;
  align-items: stretch; /* ← 子要素の横幅を最大に */
  box-sizing: border-box;
}

.card img {
  width: 100%;
  height: auto;
  display: block;
}

.pdf-link {
  margin-bottom: 8px;
  text-align: center;
}

.pdf-link a {
  color: #3da9f5;
  font-weight: bold;
  text-decoration: none;
}

.label {
  margin-left: auto;
}