@charset "UTF-8";
@charset "UTF-8";

 .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; } }