@charset "UTF-8";
@charset "UTF-8";
.hljs{display:block;overflow-x:auto;padding:0.5em;background:#fff;color:black;}
.xml .hljs-meta{color:#c0c0c0;}
.hljs-comment, .hljs-quote{color:#007400;}
.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name{color:#aa0d91;}
.hljs-variable, .hljs-template-variable{color:#3F6E74;}
.hljs-code, .hljs-string, .hljs-meta-string{color:#c41a16;}
.hljs-regexp, .hljs-link{color:#0E0EFF;}
.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number{color:#1c00cf;}
.hljs-section, .hljs-meta{color:#643820;}
.hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-params{color:#5c2699;}
.hljs-attr{color:#836C28;}
.hljs-subst{color:#000;}
.hljs-formula{background-color:#eee;font-style:italic;}
.hljs-addition{background-color:#baeeba;}
.hljs-deletion{background-color:#ffc8bd;}
.hljs-selector-id, .hljs-selector-class{color:#9b703f;}
.hljs-doctag, .hljs-strong{font-weight:bold;}
.hljs-emphasis {
font-style: italic;
}#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 .slick-loading .slick-list{background:#fff url(https://www.nobutstyle.com/wp-content/themes/cocoon-master/plugins/slick/ajax-loader.gif) center center no-repeat;}
@font-face{font-family:"slick";src:url(https://www.nobutstyle.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.eot);src:url(https://www.nobutstyle.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.nobutstyle.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.woff) format("woff"), url(https://www.nobutstyle.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.ttf) format("truetype"), url(https://www.nobutstyle.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.svg#slick) format("svg");font-weight:normal;font-style:normal;}
.slick-prev, .slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none;}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus{outline:none;background:transparent;color:transparent;}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before, .slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25;}
.slick-prev:before, .slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev{left:-25px;}
[dir="rtl"] .slick-prev{left:auto;right:-25px;}
.slick-prev:before{font-family:FontAwesome;content:"\f053";}
[dir="rtl"] .slick-prev:before{font-family:FontAwesome;content:"\f054";}
.slick-next{right:-25px;}
[dir="rtl"] .slick-next{left:-25px;right:auto;}
.slick-next:before{font-family:FontAwesome;content:"\f054";}
[dir="rtl"] .slick-next:before{font-family:FontAwesome;content:"\f053";}
.slick-dotted.slick-slider{margin-bottom:30px;}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%;}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer;}
.slick-dots li button:hover, .slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
     @font-face{font-family:'Mikodacs';src:url(https://www.nobutstyle.com/wp-content/themes/cocoon-child-master/fonts/mikodacs-fmac-webfont.eot);src:local('Mikodacs'), url(https://www.nobutstyle.com/wp-content/themes/cocoon-child-master/fonts/mikodacs-fmac-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.nobutstyle.com/wp-content/themes/cocoon-child-master/fonts/mikodacs-fmac-webfont.woff2) format('woff2'), url(https://www.nobutstyle.com/wp-content/themes/cocoon-child-master/fonts/mikodacs-fmac-webfont.woff) format('woff'), url(https://www.nobutstyle.com/wp-content/themes/cocoon-child-master/fonts/mikodacs-fmac-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
*:first-child+html #header > div{clear:both;zoom:1;}
html{font-size:62.5%;height:100%;}
body{background-color:#fff;}
#body,#footer,#sidebar,#navi,#pager-post-navi,h1,h2,h3,.card-title,.card-meta,.date-tags,.cat-label,.breadcrumb,.internal-blogcard-wrap .blogcard-title,.internal-blogcard-wrap .blogcard-footer,.comment-outhor,.comment-meta,.wpcf7{font-family:'Mikodacs',“游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;}
h2,h3,.card-title,.card-meta,.cat-label,.breadcrumb,.internal-blogcard-wrap .blogcard-title,.internal-blogcard-wrap .blogcard-footer,.comment-outhor,.comment-meta,.wpcf7{letter-spacing:-0.02rem;}
.recent-comment-content{font-family:initial;}
.wpcf7{font-weight:900;}
.header{height:120px;}
.header-in{padding-left:16px;}
.header .logo{text-align:left;}
.logo-text{padding:20px 0 8px;}
#header .site-name-text{display:block;color:#000;font-family:Mikodacs;font-size:40px;font-size:4.0rem;-webkit-font-smoothing:antialiased;margin:0;margin-top:-0.6em;padding:0;line-height:0.7em;z-index:300;text-shadow:2px 2.5px 2px #666;-webkit-box-reflect:below 38px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.09));-ms-box-reflect:below 38px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.09));}
.tagline{text-align:left;display:block;color:#000;font-family:Mikodacs;font-size:16px;font-size:1.6rem;-webkit-font-smoothing:antialiased;margin-top:-2.8em;margin-left:0.5px;padding:0;text-shadow:2px 2.5px 2px #666;-webkit-box-reflect:below -11px -webkit-linear-gradient(top,rgba(0,0,0,0.13),rgba(0,0,0,0) 0%,rgba(0,0,0,0.3));-ms-box-reflect:below -11px -webkit-linear-gradient(top,rgba(0,0,0,0.13),rgba(0,0,0,0) 0%,rgba(0,0,0,0.3));}
.carousel-content{padding:0 20px;}
.carousel-entry-card-content{position:relative;height:60px;top:-66px;margin:1px;margin-bottom:-62px;color:#fff;background:rgba(0,0,0,0.6);}
.carousel-entry-card-title{margin:0;padding:8px;max-height:initial;height:100%;}
.slick-prev{border-radius:50%;background-color:#000 !important;width:25px;height:25px;}
.slick-prev:hover{opacity:0.8 !important;}
.slick-prev:active{background-color:#fff !important;}
.slick-next{border-radius:50%;background-color:#000 !important;width:25px;height:25px;}
.slick-next:hover{opacity:0.8 !important}
.slick-next:active{background-color:#fff !important;}
.main,.sidebar{padding:30px 39px !important;}
#main .ad-area{padding:0;margin-left:20px;margin-right:20px;}
.ec-big-card-first{width:calc(100% - 1px) !important;}
.ec-big-card-first img{height:225px;}
.list-title{font-size:48px;margin-top:1em;margin-bottom:0;text-align:left;letter-spacing:-0.08rem;}
.list-title-in{padding-left:20px;}
.list-title-in:before, .list-title-in:after{content:initial;position:initial;top:initial;display:none;width:initial;height:initial;background-color:initial;}
img{border:solid 1px #eee;}
.a-wrap{padding:2.5%;}
.cat-label{font-size:12px !important;}
.sub-caption{font-size:12px;}
.list-more-button-wrap{padding:0 19px;}
.list-more-button{background-color:#000;color:#fff;border:none;width:100%;border-radius:0;}
#footer a:hover{color:#ccc;}
.page .date-tags{display:none;}
.width50{width:50%;}
.entry-content ins:before{content:"追記";display:block;font-weight:900;width:100%;border-bottom:solid 1px #ccc;-webkit-font-smoothing:antialiased;text-shadow:2px 2.5px 2px #666;}
.entry-content ins{display:block;text-decoration:none;border:solid 1px #ccc;padding:10px;}
.avatar{webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:solid 1px #ddd;}
.urvanov-syntax-highlighter-syntax .crayon-table{max-width:initial;}
.sns-share-message{font-weight:bold;color:#499eda;}
.sns-share-buttons{justify-content:center;}
.sns-share-buttons a, .sns-follow-buttons a{width:40px !important;height:40px;border-radius:50%;margin:6px;}
.button-caption{display:none;}
.facebook-share-count, .hatebu-share-count, .pocket-share-count, .feedly-follow-count{padding-top:2px;width:15px;height:15px;border-radius:50%;background-color:#fff;color:#ccc;top:27px;left:27px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}
.widget_archive a.year{cursor:pointer;}
.widget_archive .years ul{transition:transform .3s;opacity:3;margin:0;margin-bottom:1em;}
#sidebar .widget_archive ul.years li,#sidebar .widget_categories ul li{margin-bottom:0;font-size:20px;font-size:2.0rem;line-height:1.5em;padding-left:12px;}
@media screen and (max-width:639px){
#sidebar .widget_archive ul.years li a{margin-bottom:8px;}
}
.admin-pv{text-align:right;}
.admin-pv > span{margin:0 5px;padding:0 3px;}
.widget-entry-card-pv{display:inline-block;}
#sidebar .widget_categories ul li a .post-count{display:inline-block;float:none;}
#sidebar .widget_categories ul li ul li a .post-count{float:right;}
.search-menu-button.menu-button, .navi-menu-button.menu-button, .logo-menu-button.menu-button{background-color:#fff;color:#000;font-family:'Mikodacs';}
.search-menu-button.menu-button, .navi-menu-button.menu-button{font-size:24px;font-size:2.4rem;}
.logo-menu-button.menu-button{font-size:24px;font-size:2.4rem;letter-spacing:-0.08rem;-webkit-font-smoothing:antialiased;text-shadow:1.6px 1.6px 1.6px #777;-webkit-box-reflect:below 22px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.09));-ms-box-reflect:below 22px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.09));}
         .is-style-tree{list-style-type:none;display:block;position:relative;background-color:#eee;padding:30px;border:solid 1px #ccc;font-size:12px;}
.is-style-tree li{margin:0 !important;}
.is-style-tree ul{display:block;position:relative;padding-left:21px;}
.is-style-tree ul:before{content:"";position:absolute;top:-2px;bottom:0;left:-20px;width:0;border-left:1px solid gray;margin-left:24px;}
.is-style-tree ul li{display:block;position:relative;}
.is-style-tree ul li:before{content:"";position:absolute;top:10px;bottom:0;left:-17px;width:14px;height:0;border-top:1px solid gray;}
.is-style-tree ul li:last-child:before{height:auto;background-color:#eee;}
@media screen and (max-width:1240px){}
@media screen and (max-width:1023px){ .main,.sidebar{margin:0 !important;}
.a-wrap{padding:1.5%;}
.ad-area{margin-right:11px;margin-bottom:1.0em;}
} @media screen and (max-width:768px){ .main,.sidebar{padding:30px 20px !important;}
.ad-area{margin-left:3px !important;margin-bottom:1.0em;}
.ad-index-top{margin-right:6px !important;}
.ad-index-bottom{margin-right:30px !important;}
.ad-sidebar-top{margin-right:30px !important;}
.header{height:124px;}
#header .site-name-text{font-size:35px !important;font-size:3.5rem !important;line-height:0.5em !important;margin-top:-0.3em;-webkit-box-reflect:below 34px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.09));-ms-box-reflect:below 34px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,0.09));}
.tagline{font-size:14px !important;font-size:1.4rem !important;margin-top:-3.0em;}
.list-title{font-size:42px;}
.list-title-in{padding-left:1.5%;}
.list-more-button-wrap{padding:0 1.5%;}
.carousel-content{padding:0 0.75%;}
.carousel-content .a-wrap{padding:0 !important;}
.carousel-entry-card-content{height:45px;top:-50px;margin-bottom:-47px}
.carousel-entry-card-title{font-size:12px;padding:4px;}
} @media screen and (max-width:480px){ .logo-text{
padding:20px 0 15px !important;
}
.carousel-entry-card-content{
top:-49px;
} .ec-big-card-first img{
height:120px;
}
.entry-card-title{
font-size:14px;
margin:1.5% 0;
line-height:1.3em; } }