@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/
a, a:link, a:visited, a:active, a:hover{text-decoration:none;}
a{color:#6c6c6c;word-wrap:break-word;outline:none;}
a:visited{color:#a6a6a6;}
a:hover{color:#4489ff;text-decoration:none;}
.widget{margin-bottom:15px;}
div::-webkit-scrollbar{width:10px;height:8px;}
div::-webkit-scrollbar-track{background:#fcfcfc;border:none;border-radius:10px;box-shadow:inset 0 0 2px #a8adb7;}
div::-webkit-scrollbar-thumb{background:#a8adb7;border-radius:10px;box-shadow:none;}
pre::-webkit-scrollbar{width:10px;height:8px;}
pre::-webkit-scrollbar-track{background:#414242;border:none;border-radius:10px;box-shadow:inset 0 0 2px #a8adb7;}
pre::-webkit-scrollbar-thumb{background:#a8adb7;border-radius:10px;box-shadow:none;}
pre{max-height:300px;}
.a-wrap{color:#6c6c6c;}
.a-wrap:hover{background-color:#f2fcff;transition:all 0.8s ease;}
/* my header
.menu-header, #navi .navi-in>.menu-header .sub-menu{background-color:#ddd;} */
.menu-header, #navi .navi-in>.menu-header .sub-menu{background-color:#73c3fb;}
.navi-in>ul li{height:35px;line-height:35px;}
.caption-wrap:hover{background-color:#dbf4ff;color:#4489ff;}
.sub-menu li:hover{background-color:#dbf4ff;color:#4489ff;}
.item-label{font-family:"Raleway", sans-serif;}
.logo, .tagline{position:absolute!important;top:0;text-align:left;padding:5px 10px;font-family:"M PLUS Rounded 1c";}
.tagline{position:absolute!important;top:40px;}
.content{margin-top:10px;}
.topcat{color:#6c6c6c;background:#f3f4f5;font:700 1em "Raleway", sans-serif;margin:12px 0;padding:10px 7px;border-radius:8px 0 0 0;border-bottom:3px double #9ed1fc;}
.topc-text{text-align:right;font:700 1em "Raleway", sans-serif;}
#sidebar h3{margin:0 0 .8em;padding:0.4em;border-radius:8px 0 0 0;border-bottom:3px double #9ed1fc;font:700 1.143em "Raleway", sans-serif;}
.eye-catch img{border-radius:5px;}
.eye-catch-caption{font-size:1em;}
.wp-caption{margin:0;}
p.wp-caption-text{margin:0 0 3px;}
h1.entry-title{font-family:"M PLUS Rounded 1c";}
.article h2{border-left:5px double #cccfd2;border-bottom:5px double #cccfd2;color:#4c4c4c;padding:10px;font:700 20px "M PLUS Rounded 1c";border-radius:.8em 0 0;}
.article h3,
#comment-area h3{color:#555;font:700 20px "M PLUS Rounded 1c";border-top:none !important;border-right:none !important;border-left:5px solid #bababa;border-bottom:3px solid #bababa;padding:3px 10px;}
.article h4{color:#666;font:700 18px "M PLUS Rounded 1c";padding:3px 10px;border-left:5px solid #ddd !important;border-top:none !important;border-bottom:none!important;}
.article h5{color:#888;font:700 16px "M PLUS Rounded 1c";border-bottom:3px solid #e8e8e8;padding:3px 15px;}
::selection{background:#b0d1e8;color:#fcfcfc;}
::-moz-selection{background:#b0d1e8;color:#fcfcfc;}
details{transition:1s .5s ease-in;}
summary{cursor:pointer;background-color:#f3f4f5;border:1px solid #bcbcbc;border-radius:3px;color:#6c6c6c;padding:3px 10px 0;}
.pf_img{border-radius:10px;}
.my_pf ul{list-style-type:none;display:inline-block;margin:5px;padding:0;}
.my_pf ul li{display:inline-block;font-size:24px;margin:0 10px;}
.fa-twitter:hover{color:#629eec;}
.fa-instagram:hover{color:#404040;}
.fa-pinterest-p:hover{color:#c40026;}
.fa-amazon:hover{color:#2f2d2d;}
.icon-feedly-logo:hover{color:#68b059;}
.fa-rss:hover{color:#ec9800;}
.breadcrumb{margin-top:10px;font-family:'Raleway', sans-serif;}
#archive-title{font-family:"Raleway", sans-serif;}
.cat-label{border-radius:5px;}
.cat-label-1{background-color:rgba(51,51,51,.7);}
.cat-label-7{background-color:rgba(0,160,220,.7);}
.cat-label-9{background-color:rgba(48,170,220,.7);}
.cat-label-8{background-color:rgba(107,188,220,.7);}
.cat-label-10{background-color:rgba(77,166,25,.7);}
.cat-label-11{background-color:rgba(102,210,33,.7);}
.cat-label-4{background-color:rgba(220,96,0,.7);}
.cat-label-5{background-color:rgba(220,122,40,.7);}
.cat-label-63{background-color:rgba(230,147,76,.7);}
.cat-label-12{background-color:rgba(220,0,0,.7);}
.archive-title_ct{background-color:#eee;padding:3px 10px;border-radius:5px;font-family:"Raleway", sans-serif;}
.red{color:#c40026;}
.blue{color:#44a8d6;}
.marker-blue{background-color:#b5e8ff;}
.marker-under-blue{background:linear-gradient(transparent 60%, #b5e8ff 60%);}
.marker-under-gray{background:linear-gradient(transparent 60%, #d8d8d8 60%);font-weight:700;}
.info-box{background-color:#d6edfc;border-color:#d6edfc;}
.badge, .sankou, .sanko, .reffer, .ref{color:#555;background-color:#b5e8ff;padding:2px 6px 1px;border-radius:3px;font-size:12px;letter-spacing:0.07em;margin-right:6px;}
.blogcard-wrap{margin:0.5em auto}
.blogcard-type .blogcard::before{background-color:#7c7c7c;padding:3px .6em 2px;}
.blank-box.bb-blue{border-color:#b0cff8;border-radius:8px;padding:2px 15px;}
.blank-box{margin:1em 0.3em;}
.blank-box.bb-tab{margin:2.5em auto;width:90%;border-radius:0 8px 8px 8px;}
.bb-related::before{content:"  関連記事";}
.product-item-box{margin:1em auto;border:5px double #ddd;}
.product-item-content{padding-left:35px;line-height:150%;}
.item-price{font:700 15px "M PLUS Rounded 1c";}
.shoplinkamazon a{color:#f79901;background:#fcfcfc;border:1px solid #f79901;}
.shoplinkamazon a:hover{color:#fcfcfc;background:#de8b04;}
.shoplinkrakuten a{color:#ec3e3e;background:#fcfcfc;border:1px solid #ec3e3e;}
.shoplinkrakuten a:hover{color:#fcfcfc;background:#d63535;}
.shoplinkyahoo a{color:#e60033;background:#fcfcfc;border:1px solid #e60033;}
.shoplinkyahoo a:hover{color:#fcfcfc;background:#e60033;}
.shoplinkbtn1 a, .shoplinkbtn2 a{color:#999;background:#fcfcfc;border:1px solid;}
.shoplinkbtn1 a:hover, .shoplinkbtn2 a:hover{color:#fcfcfc;background:#a0a0a0;}
@media screen and (min-width:769px){.product-item-buttons>*{height:45px;}
}
.cat-label{font-family:"Raleway", sans-serif;}
.entry h2 a{color:#444;font:700 22px "M PLUS Rounded 1c";text-decoration:none;}
.tagcloud{font-family:"Montserrat", sans-serif;}
.tagcloud a{background-color:#f3f4f5;border:1px solid #b3b4b5;}
.tagcloud a:hover{background:#eff9ff;color:#44a8d6 !important;}
a.tag-link:hover{background:#f2fcff;color:#44a8d6 !important;}
.toc{background-color:#f8f8f8;border-radius:10px;border:6px double #a1aab3;padding:.8em 0 0;}
.toc a{color:#6c6c6c;text-decoration:none;}
.toc a:hover{color:#4489ff;text-decoration:none;}
.toc-title{font:700 20px "M PLUS Rounded 1c";text-align:left;padding:0 15px 8px;}
.toc-title::before{color:#8b9aa7;font-family:'Font Awesome 5 Free';content:"\f0c9";margin-right:10px;}
.toc-checkbox:checked~.toc-content{padding: .6em .8em;}
.toc-content{font:16px "M PLUS Rounded 1c";}
.toc.tnt-number-detail ol{font-weight:700;}
span[id^="toc"]{padding-top:1.5em;}
.toc-widget-box{max-height:50vh;overflow-y:auto;}
.nwa .toc{background-color:#fff;border:0;padding:0 3px;margin:1.2em;border-left:5px double #cccfd2;}
.hover-card .category{text-decoration:none;}
.widget-above-single-sns-buttons-title.main-widget-label{font:700 1.4em "Raleway",sans-serif;margin-bottom:8px;}
h2.related-entry-heading{color:#6c6c6c;font:700 1.5em/1em "Raleway", sans-serif;position:relative;margin-bottom:15px;letter-spacing:0.1em;}
.rect-mini-card .related-entry-card-title{font:700 1em "M PLUS Rounded 1c";color:#6f6f6f;}
.related-entry-card .cat-label{position:absolute;top:2px;left:2px;}
.recb-entry-border .related-entry-card-wrap{border-radius:5px;margin-bottom:10px;}
.card-thumb img{border-radius:5px;margin-left:.2em;}
.widget-entry-cards .widget-entry-card{border-radius:5px;border:1px solid #d5d5d5;}
.widget-entry-card-title{font:700 14px "M PLUS Rounded 1c";position:relative;padding:3px;}
.popular-entry-card-title{font:700 14px "M PLUS Rounded 1c";position:relative;padding:2px 3px 0;color:#6c6c6c;}
.widget-entry-cards .a-wrap{margin-bottom:10px;padding:2px;}
.post-date, .category, .post-update{font-family:"Share Tech Mono", monospace;}
.widget-entry-cards.ranking-visible .card-thumb::before{padding:4px 10px;margin-left:.2em;border-radius:5px;opacity:.8;background:#546276;}
.widget-entry-cards.ranking-visible
.no-1 .card-thumb::before{background:#bfd8f9;font-weight:700;}
.widget-entry-cards.ranking-visible
.no-2 .card-thumb::before{background:#9fbbe0;font-weight:700;}
.widget-entry-cards.ranking-visible
.no-3 .card-thumb::before{background:#7488a3;font-weight:700;}
.blog-card{margin:10px 20px;}
.hover-card .blog-card-title{color:#414141;}
.blog-card-excerpt{color:#6c6c6c;}
.sns-share-message{font:1em "Raleway",sans-serif;margin:10px 0 5px 5px;text-align:left;}
.sns-share-buttons a{border:2px solid #bfbfbf;background-color:#fff;color:#6c6c6c;}
.sns-share-buttons a:hover{color:#3c3c3c;background-color:#ccdfe4;}
.video-container{Max-width:720px;margin:30px auto;}
.post-navi-default.post-navi-border a{border-top:4px double #8ecdf0;}
.post-navi-default.post-navi-border .next-post{border-bottom:4px double #8ecdf0;}
.prev-post-title, .next-post-title{color:#6c6c6c;font:700 1.2em "M PLUS Rounded 1c";}
.pager-post-navi a.prev-post::before{margin-right:10px;}
.pager-post-navi a.next-post::before{margin-left:10px;}
.pagination-next-link, key-btn{color:#666;padding:5px 0;}
h2#comments.comment-title{margin:0 0 10px;font-family:"Raleway", sans-serif;}
h3#reply-title.comment-reply-title{display:none;}
#respond.comment-respond{width:640px;}
.comment-form-author{margin:10px 0;float:left;}
.comment-form-email{margin:10px 0;float:right;}
.comment-form-author, .comment-form-email{width:calc(50% - 25px);display:inline-block;}
.comment-form-email+p{clear:both;}
.comment-notes{margin:10px 0 0 0;}
input#author, input#email{padding:5px;}
input#siteguard_captcha{height:30px;padding:5px;}
textarea#comment{min-height:160px;padding:5px;}
input#wp-comment-cookies-consent{display:inline-block;}
#comment-title{font-family:"Raleway", sans-serif;}
input[type='submit'], #bbp_reply_submit,
.bp-login-widget-register-link a{width:175px;}
a.comment-reply-link:hover{background-color:#dbf4ff;color:#4489ff;}
.comment-btn{background-color:#f9f9f9;border:1px solid #cccdce;color:#333435;font-size:1.25em;text-decoration:none;width:100%;text-align:center;padding:12px 0;display:block;}
.comment-btn:hover{background-color:#f2fcff;transition:all 0.5s ease;color:#333435;}
.comment-btn{margin:20px 0 0;}
span#email-notes{display:none;}
div.pager-links, .page-numbers{height:30px;line-height:30px;}
.entry-content{margin-bottom:2em;}
.footer{background-color:#e9e9e9;padding:0;}
.footer-bottom{margin:0;}
.footer-widgets{margin:0;}
.footer-left, .footer-center, .footer-right{padding:5px 16px;}
.footer-in h3{padding:2px;border:.1em solid #cfcfcf;font-size:16px;margin-bottom:.5em;}
.my-footer-pf{font-size:20px;}
.mfpf{float:left;}
.widget-footer-left-title,
.widget-footer-center-title,
.widget-footer-right-title{font-family:"Raleway", sans-serif;}
.clear{clear:both;}
.my_ad_banner{display:block;margin-top:5px;padding:0 5%;}
.responsive-pc{max-width:336px;margin-left:auto;margin-right:auto;}
.my_ad_banner2{text-align:center;font-family:"Raleway", sans-serif;}
#linkbpage-banner ul{list-style-type:none;text-align:center;}
#linkpage-banner ul li{display:inline-block;margin:0 10px;}
aside#custom_html-4{margin-bottom:15px !important;}
img.external-blogcard-thumb-image{max-width:128px;}
.smf{font-size:80%;}
.page .sns-share{display:none;}
#post-7 .date-tags, #post-7 .read-time,
#post-1790 .date-tags, #post-1790 .read-time,
#post-2449 .date-tags, #post-2449 .read-time,
#post-2967 .date-tags, #post-2967 .read-time,
#post-6219 .date-tags, #post-6219 .read-time,
#post-6430 .date-tags, #post-6430 .read-time{display:none;}
.box-menu-icon {color: #73c3fb;}
.box-menu:hover{box-shadow: inset 2px 2px 0 0 #73c3fb, 2px 2px 0 0 #73c3fb, 2px 0 0 0 #73c3fb, 0 2px 0 0 #73c3fb;}
@media screen and (min-width:1023px){aside#tag_cloud-2{display:none;}
}
div.gsc-control-searchbox-only,
.gsc-control-searchbox-only-ja{margin:10px 0 0;}
.appreach{margin:0 2% 2.5%;text-align:left;overflow:hidden;padding:1em;border:1px solid #ccc;border-radius:8px;}
.appreach:after{content:"";display:block;clear:both;}
.appreach p{margin:0;}
.appreach a:after{display:none;}
.appreach__icon{float:left;border-radius:10%;overflow:hidden;margin:0 3% 0 0 !important;width:25% !important;height:auto !important;max-width:120px !important;}
.appreach__detail{display:inline-block;line-height:1.5;width:70%;}
.appreach__detail:after{content:"";display:block;clear:both;}
.appreach__name{font:400 16px/1.5em 'Kosugi Maru', sans-serif; max-height:3em;overflow:hidden;}
.appreach__info{font-size:13px !important;}
.appreach__developper, .appreach__price{margin-right:0.5em;}
.appreach__price{color:#c40026;font-weight:700;}
.appreach__posted a{margin-left:0.5em;}
.appreach__links{height:40px;margin-top:8px;white-space:nowrap;}
.appreach__aslink img{margin-right:8px;height:40px;width:130px;}
.appreach__gplink img{height:40px;width:130px;}
a.jaw_years, .expanded a.jaw_years,
a.jaw_months, .expanded a.jaw_months{font:1.1em "Raleway", sans-serif;}
blockquote::before, blockquote::after{color: #4593f5;}
.tag-link{color:#73c3fb;border-color:#73c3fb;}
.tagcloud a .tag-caption{color: #5d5d5d;}
#navi .navi-in>ul>li {width: 160px;}
@media screen and (min-width:1025px){.content-top{display:none;}
}
@media screen and (min-width:951px) and (max-width:1280px){.footer-widgets{display:flex;}
}
@media screen and (min-width:1024px) and (max-width:1280px){span[id^="toc"]{padding-top:1.7em;}
.my_ad_banner2{text-align:center;font-family:"Raleway", sans-serif;}
}
@media screen and (min-width:961px) and (max-width:1024px){.no-mobile-sidebar #sidebar{display:block;}
main.main{width:68%;}
.sidebar{padding:10px 0;width:30%;}
.mobile-menu-buttons{display:flex;opacity:.9;width:100%;font-family:"Raleway", sans-serif;}
.mobile-menu-buttons .menu-caption{font-family:"Raleway", sans-serif;}
span[id^="toc"]{padding-top:1.7em;}
.rect-mini-card .related-entry-card-title{font:700 1.1em/1.4 "M PLUS Rounded 1c";}
}
@media screen and (min-width:601px) and (max-width:960px){.no-mobile-sidebar #sidebar{display:none;}
main.main{width:100%;}
.carousel-entry-card-title{font-size:1em;}
.header div.header-in{min-height:140px;}
.mobile-menu-buttons{opacity:0.9;width:100%;font-family:"Raleway", sans-serif;}
.mobile-menu-buttons .menu-caption{font-family:"Raleway", sans-serif;}
.sidebar .sns-follow-buttons a{width:45px;}
span[id^="toc"]{padding-top:1.7em;}
.rect-mini-card .related-entry-card-title{font:700 1.1em/1.4 "M PLUS Rounded 1c";}
}
@media screen and (min-width:481px) and (max-width:600px){.no-mobile-sidebar #sidebar{display:none;}
main.main{width:100%;}
.header div.header-in{min-height:80px;}
.tagline{margin:-5px 0;}
.carousel-entry-card-title{font-size:1em;}
.mobile-menu-buttons{opacity:0.9;width:100%;font-family:"Raleway", sans-serif;}
.blogcard-snipet{font-size:12px;}
.mobile-menu-buttons .menu-caption{font-family:"Raleway", sans-serif;}
.sidebar .sns-follow-buttons a{width:45px;}
.video-container{width:100%;}
.video-container .video{margin:30px 0 0 0;}
.toc{margin:0 auto 15px;}
span[id^="toc"]{padding-top:1.7em;}
.ib-right .blogcard-content,
.eb-right .blogcard-content{margin-top:5px;}
.appreach{margin:25px 0 0 0;}
.appreach__detail{width:auto;}
.rect-mini-card .related-entry-card-title{font:700 1.1em/1.3 "M PLUS Rounded 1c";}
}
@media screen and (max-width:480px){.no-mobile-sidebar #sidebar{display:none;}
main.main{width:100%;}
.header div.header-in{min-height:80px;}
.tagline{margin:-8px 0;}
.carousel-entry-card-title{font-size:1em;}
.mobile-menu-buttons{opacity:0.9;width:100%;font-family:"Raleway", sans-serif;}
.read-time{font:400 0.9em/2em "M PLUS Rounded 1c";}
.blogcard-snipet{font-size:12px;}
.mobile-menu-buttons .menu-caption{font-family:"Raleway", sans-serif;}
.sidebar .sns-follow-buttons a{width:45px;}
.e-card-title{font:700 15px/1.1 "M PLUS Rounded 1c";}
input#author, input#email,
input#siteguard_captcha{padding:5px;}
textarea#comment{min-height:200px;padding:5px;}
#respond.comment-respond{width:100%;}
.video-container{width:100%;}
.video-container .video{margin:30px 0 0 0;}
.item-price{font-size:14px;}
.product-item-content{text-align:left!important;}
.product-item-snippet{padding-left:25%;text-align:left;}
h2, h3{font:1.2rem "Raleway", sans-serif;}
.toc{margin:0 auto 15px;}
span[id^="toc"]{padding-top:1.7em;}
.ib-right .blogcard-content,
.eb-right .blogcard-content{margin-top:5px;}
.appreach{margin:25px 0 0 0;}
.appreach__detail{width:auto;}
.rect-mini-card .related-entry-card-title{font:700 1.1em/1.3 "M PLUS Rounded 1c";}
}