<data:blog.pageTitle/> */ /* Tokyo v2.05 */ /**************************************** reset *****************************************/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} /**************************************** reset2 *****************************************/ .section{margin:0;} .Header h1{margin-bottom: 0;} .Header .description{margin:.0;padding:0;} .widget{margin: 0; line-height:inherit;} .widget ul{padding:0; line-height: 1.2;} .widget ol{padding:0; line-height: 1.2;} .widget-content li{list-style-type: none;} .widget-content li.selected a{font-weight: normal;} .widget .post-body ul{line-height:1.2;} .widget .post-body ol{line-height:1.2;} /**************************************** grid *****************************************/ .grid,.grid-leave,.grid-tablet{}.grid>*,.grid-leave>*,.grid-tablet>*{float:left;margin-left:4%}.grid>:first-child,.grid-leave>:first-child,.grid-tablet>:first-child{margin-left:0}.grid:before,.grid:after,.grid-leave:before,.grid-leave:after,.grid-tablet:before,.grid-tablet:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0!important}.row80{width:79.2%}.row75{width:74%}.row70{width:68.8%}.row66{width:65.33333333%}.row60{width:58.4%}.row50{width:48%}.row40{width:37.6%}.row33{width:30.66666666%}.row30{width:27.2%}.row25{width:22%}.row20{width:16.8%}.row10{width:6.4%}@media ( max-width : 768px ){.grid-tablet>*{float:none;margin-left:0}.grid-tablet>.row80,.grid-tablet>.row75,.grid-tablet>.row70,.grid-tablet>.row66,.grid-tablet>.row60,.grid-tablet>.row50,.grid-tablet>.row40,.grid-tablet>.row33,.grid-tablet>.row30,.grid-tablet>.row25,.grid-tablet>.row20,.grid-tablet>.row10{width:100%}}@media ( max-width : 480px ){.grid>*{float:none;margin-left:0}.grid>.row80,.grid>.row75,.grid>.row70,.grid>.row66,.grid>.row60,.grid>.row50,.grid>.row40,.grid>.row33,.grid>.row30,.grid>.row25,.grid>.row20,.grid>.row10{width:100%}} /**************************************** global *****************************************/ *, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%;/* 10px */ } body { font-family:'游ゴシック Medium', 'Yu Gothic Medium', 'Helvetica Neue', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', YuGothic, Arial, 'メイリオ', Meiryo, sans-serif; font-size:16px; font-size:1.6rem; line-height: 2.0; text-align: left; background-color: $(subbackgroundcolor); color:$(fontcolor); min-width: 1200px; word-wrap:break-word; overflow-wrap:break-word; } ::selection {} h1,h2,h3,h4,h5,h6{ font-weight: normal; } .clearfix:before, .clearfix:after{ visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0 !important; } .container{ margin: auto; width: 84%; } .button a, .menu a{ color: inherit; text-decoration: none; } a{ text-decoration: none; color: $(linkcolor); } img{ height: auto; max-width: 100%; } iframe{ max-width: 100%; } pre{ overflow:auto; } @media ( max-width : 768px ) { body { font-size:14px; font-size:1.4rem; min-width: 0; } .container{ width: 90%; } } /**************************************** header *****************************************/ #header{ background-color: $(backgroundcolor); letter-spacing: 0.05em; border-bottom: 1px solid $(linecolor); color: $(titlecolor); } #header-inner{ padding-top: 3em; padding-bottom: 3em; background-repeat: no-repeat; background-position: center; background-size: cover; } #header h3{ font-size: 300%; line-height: 1.1; } #header h3 a{ color: inherit; } #header .descriptionwrapper{ margin-top: 0.5em; line-height: 1.4; } /**************************************** navigation *****************************************/ #navigation{ background-color: $(backgroundcolor); border-bottom: 1px solid $(linecolor); color: $(lightcolor); text-align: center; } .menu li{ list-style-type: none; display: inline-block; padding: 0; line-height: 2.0; } .menu li a{ display: block; margin: 0.5em 0; padding: 0 2em 0 1.5em; transition: color .3s ease; border-right: 1px solid $(linecolor); } .menu li a:hover{ color: $(mousecolor); } /**************************************** main *****************************************/ #main{ margin-bottom: 7em; margin-top: 2em; } /**************************************** main-content *****************************************/ #main-content{ float: left; width: 64%; margin-right: 2.8%; } #main-content.mysingle{ border: solid 1px $(linecolor); background-color: $(backgroundcolor); } @media ( max-width : 768px ) { #main-content{ float: none; width: 100%; margin-right: 0; } } /**************************************** list *****************************************/ .mylist{ padding: 1em; border: solid 1px $(linecolor); background-color: $(backgroundcolor); margin-bottom: 2em; line-height: 1.4; } .mylist img{ display: block; width: 100%; } .mylist .mytitle{ border-bottom: 1px solid $(linecolor); margin-bottom: 1em; padding: .5em 0; } .mylist .mydate{ color: $(lightcolor); display: inline-block; margin-right: 1em; } .mylist .mycategory{ color: $(lightcolor); display: inline-block; } .mylist .mycategory span{ padding: 0 0.5em; border: solid 1px $(linecolor); } /**************************************** sub-content *****************************************/ #sub-content{ float: left; width: 33.2%; } #sub-content .widget>div{ padding: 0.5em 1em; line-height: 1.5; } #sub-content .widget>div.clear{ padding: 0; } #sub-content .widget{ border: solid 1px $(linecolor); background-color: $(backgroundcolor); margin-bottom: 2em; } #sub-content .widget-content li{ border-bottom: 1px solid $(linecolor); } #sub-content .widget h2{ background-color: $(maincolor); color: $(mainfontcolor); padding: 1px 1em; border-bottom: 1px solid $(linecolor); box-shadow : 0 0 0 1px $(mainfontcolor) inset; } #sidebar-fix .widget:last-child{ margin-bottom: 0; } .PopularPosts .item-thumbnail img{ display:block; } @media ( max-width : 768px ) { #sub-content{ float: none; width: 100%; } #sub-content .widget{ margin-top: 2em; } } /**************************************** widget *****************************************/ .widget-content li{ list-style-type: none; } .widget-content li.selected a{ font-weight: normal; } /**************************************** footer *****************************************/ #footer{ background-color :$(backgroundcolor); border-top: 1px solid $(linecolor); border-bottom: 1px solid $(linecolor); box-shadow: 0 -1px 0 $(backgroundcolor); padding-top: 2em; color: $(lightcolor); letter-spacing: 0; padding-bottom: 2em; } #footer .container{ width: 80%; } #footer a{ color:$(linkcolor); } #footer .row33{ border-left: 1px solid $(linecolor); padding-left: 1em; } #footer .row33:first-child{ border: none; } #footer .widget{ margin-bottom: 3em; } #footer .widget:last-child{ margin-bottom: 0; } #footer .widget>div{ line-height: 1.5; } @media ( max-width : 768px ) { #footer .row33{ border-left: none; padding-left: 0; } #footer .widget{ margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid $(linecolor); } #footer .widget:last-child{ margin-bottom: 1em; } } /**************************************** footer-credit *****************************************/ #footer-credit{ color: $(lightcolor); } #copyright{ text-align: center; } #copyright:before{ content:"design : "; } @media ( max-width : 768px ) { } /**************************************** single-header *****************************************/ #single-header{ position: relative; padding: 30px 15px 15px 15px; background-color: $(maincolor); border-bottom: 1px solid $(linecolor); border-top: 1px solid $(linecolor); color: $(mainfontcolor); } #single-header:before, #single-header:after{ position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; } #single-header:before{ top: 0; border-top: 2px solid $(mainfontcolor); border-bottom: 1px solid $(mainfontcolor); } #single-header:after{ bottom: 0; border-top: 1px solid $(mainfontcolor); border-bottom: 2px solid $(mainfontcolor); } #single-header .mydate{ text-align: right; } #single-header .mycategory{ text-align: right; } #single-header .mycategory a{ color: inherit; } #single-header .mycategory span{ margin-right: 0.5em; } #single-header .mycategory span:last-child{ margin-right: 0; } #single-header .mytitle{ font-size: 200%; line-height: 1.4; } /**************************************** single-footer *****************************************/ #single-footer{ padding: 0 30px; padding-bottom:5em; } .single-footer-item{ margin-bottom: 5em; } #share-icon{ display: table; table-layout: fixed; text-align: center; width: 100%; color: white; font-size: 150%; } #share-icon li{ display: table-cell; vertical-align: middle; } #share-icon a{ line-height:2em; display: block; transition: color .3s ease, background-color .3s ease; } #share-icon .mytwitter a{ background-color: #2290bf; border: solid 1px #2290bf; } #share-icon .myfacebook a{ background-color: #3b5998; border: solid 1px #3b5998; } #share-icon .myhatena a{ font-family: Verdana; background-color: #008fde; border: solid 1px #008fde; } #share-icon .mytwitter a:hover{ color: #2290bf; background-color: $(backgroundcolor); } #share-icon .myfacebook a:hover{ color: #3b5998; background-color: $(backgroundcolor); } #share-icon .myhatena a:hover{ color: #008fde; background-color: $(backgroundcolor); } @media ( max-width : 768px ) { #single-footer{ padding: 0 10px; } } /**************************************** nextprev *****************************************/ #blog-pager{ margin-bottom: 0; } #blog-pager a{ display: block; padding: 0.5em; border: solid 1px $(linecolor); background-color: $(backgroundcolor); } /**************************************** breadcrumb *****************************************/ .breadcrumbs{ color: $(lightcolor); line-height: 1.3; padding-top: 1em; padding-bottom: 1em; } #main-content.mysingle .breadcrumbs{ padding-left: 15px; padding-right: 15px; } /**************************************** mrp-post *****************************************/ #mrp-title{ margin-bottom: 1em; padding: .75em 1em; width: 100%; margin-left: -45px; position: relative; background-color: $(maincolor); color: $(mainfontcolor); border: 1px solid $(linecolor); } #mrp-title:before{ content: ''; position: absolute; top: 100%; border-style: solid; border-color: transparent; left: 0; border-width: 0 15px 15px 0; border-right-color: $(lightcolor); } #mrp-title:after{ content:''; width: 100%; display: block; height: 1px; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid $(mainfontcolor); } #mrp-content .mrp-post{ border-bottom: 1px solid $(linecolor); } #mrp-content .mrp-post img{ float: left; margin-right: 1em; display: block; } @media ( max-width : 768px ) { #mrp-title{ margin-left: -25px; } } /**************************************** single *****************************************/ #single{ padding: 3em 30px 5em 30px; letter-spacing: 0.05em; } #single h2, #single h3, #single h4{ font-size: 150%; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.5; letter-spacing: 0; } #single h3{ border-left: 1em solid $(maincolor); margin-left: -30px; } #single h2{ padding: .75em 1em; width: 100%; margin-left: -45px; position: relative; background-color: $(maincolor); color: $(mainfontcolor); border: 1px solid $(linecolor); } #single h2:before{ content: ''; position: absolute; top: 100%; border-style: solid; border-color: transparent; left: 0; border-width: 0 15px 15px 0; border-right-color: $(lightcolor); } #single h2:after{ content:''; width: 100%; display: block; height: 1px; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid $(mainfontcolor); } #single .separator a[imageanchor]{ margin-left: 0 ! important; margin-right: 0 ! important; } #single blockquote{ position: relative; z-index: 2; display:block; border-left: solid 1px $(linecolor); padding: 1em; background-color: transparent; color: inherit; margin-top: 1em; margin-bottom: 1em; margin-left: 0.5em; border-radius: 2px; padding-left: 3em; padding-right: 3em; } #single blockquote:before{ content:'\201D'; position: absolute; color: $(lightcolor); font-size: 500%; display: block; line-height: 1; top: 0; left: 16px; } #single ul, #single ol{ margin-top: 1em; margin-bottom: 1em; padding: 1em; padding-left: 1.5em; } #single ul ul, #single ol ol{ padding: 0; padding-left:3em; margin-top: 0; margin-bottom: 0; } #single dl{ margin-top: 1em; margin-bottom: 1em; border-left: solid 1px $(linecolor); padding: 1em; margin-left: 0.5em; } #single dt{ font-weight: bold; } #single dd{ padding-left: 2em; margin-bottom: 1em; } #single dd:last-child{ margin-bottom: 0; } #single table{ margin-top: 1em; margin-bottom: 3em; border-collapse: collapse; width: 100%; table-layout:fixed; } #single thead th{ background-color: $(subbackgroundcolor); } #single tr{ background-color: $(backgroundcolor); } #single tr:nth-child(2n){ background-color: $(subbackgroundcolor); } #single th, #single td{ padding-left: 0.5em; padding-right: 0.5em; border: 1px solid $(linecolor); } @media ( max-width : 768px ) { #single{ width: auto; padding: 3em 10px 5em 10px; } #single h1{ line-height: 1.5; } #single h2{ margin-left: -25px; } #single h3{ margin-left: -10px; } } ]]>
true #ffffff true By true #4589b5 false true #bc8f8f TextAndImage #000000 false 1x1 true true true 3 false #000000 true false