@import url("https://fonts.googleapis.com/css?family=Inconsolata|Lato:100i,300i,400i,700i|M+PLUS+1p:400|Nova+Mono&display=swap");/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/@font-face{font-family:'color-code';src:url("https://color-code.net/wp-content/themes/cocoon-child-master/font/color-code-webfont.woff2") format("woff2"),url("https://color-code.net/wp-content/themes/cocoon-child-master/font/color-code-webfont.woff") format("woff");font-weight:normal;font-style:normal}@-webkit-keyframes fade_in_keyframes{from{opacity:0}to{opacity:1}}@-moz-keyframes fade_in_keyframes{from{opacity:0}to{opacity:1}}@keyframes fade_in_keyframes{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade_out_keyframes{from{opacity:1}to{opacity:0}}@-moz-keyframes fade_out_keyframes{from{opacity:1}to{opacity:0}}@keyframes fade_out_keyframes{from{opacity:1}to{opacity:0}}@-webkit-keyframes zoom_0_to_1_keyframes{from{transform:scale(0)}to{transform:scale(1)}}@-moz-keyframes zoom_0_to_1_keyframes{from{transform:scale(0)}to{transform:scale(1)}}@keyframes zoom_0_to_1_keyframes{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes zoom_1_to_0_keyframes{from{transform:scale(1)}to{transform:scale(0)}}@-moz-keyframes zoom_1_to_0_keyframes{from{transform:scale(1)}to{transform:scale(0)}}@keyframes zoom_1_to_0_keyframes{from{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes zoom_1_to_2_keyframes{from{transform:scale(1)}to{transform:scale(2)}}@-moz-keyframes zoom_1_to_2_keyframes{from{transform:scale(1)}to{transform:scale(2)}}@keyframes zoom_1_to_2_keyframes{from{transform:scale(1)}to{transform:scale(2)}}@-webkit-keyframes zoom_to_1_keyframes{from{transform:scale(0.8)}to{transform:scale(1)}}@-moz-keyframes zoom_to_1_keyframes{from{transform:scale(0.8)}to{transform:scale(1)}}@keyframes zoom_to_1_keyframes{from{transform:scale(0.8)}to{transform:scale(1)}}@-webkit-keyframes width_0_to_1_keyframes{from{transform:scaleX(0)}to{transform:scaleX(1)}}@-moz-keyframes width_0_to_1_keyframes{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes width_0_to_1_keyframes{from{transform:scaleX(0)}to{transform:scaleX(1)}}@-webkit-keyframes width_1_to_0_keyframes{from{transform:scaleX(1)}to{transform:scaleX(0)}}@-moz-keyframes width_1_to_0_keyframes{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes width_1_to_0_keyframes{from{transform:scaleX(1)}to{transform:scaleX(0)}}@-webkit-keyframes height_0_to_1_keyframes{from{transform:scaleY(0)}to{transform:scaleY(1)}}@-moz-keyframes height_0_to_1_keyframes{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes height_0_to_1_keyframes{from{transform:scaleY(0)}to{transform:scaleY(1)}}@-webkit-keyframes height_1_to_0_keyframes{from{transform:scaleY(1)}to{transform:scaleY(0)}}@-moz-keyframes height_1_to_0_keyframes{from{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes height_1_to_0_keyframes{from{transform:scaleY(1)}to{transform:scaleY(0)}}@-webkit-keyframes main_theme_block_keyframes{0%{opacity:0}50%{opacity:0.8}100%{opacity:0.0}}@-moz-keyframes main_theme_block_keyframes{0%{opacity:0}50%{opacity:0.8}100%{opacity:0.0}}@keyframes main_theme_block_keyframes{0%{opacity:0}50%{opacity:0.8}100%{opacity:0.0}}@-webkit-keyframes sub_menu_show_keyframes{from{opacity:0}to{opacity:1}}@-moz-keyframes sub_menu_show_keyframes{from{opacity:0}to{opacity:1}}@keyframes sub_menu_show_keyframes{from{opacity:0}to{opacity:1}}@-webkit-keyframes display_fade_keyframes{0%, 93%, 100%{opacity:0}10%, 83%{opacity:1}}@-moz-keyframes display_fade_keyframes{0%, 93%, 100%{opacity:0}10%, 83%{opacity:1}}@keyframes display_fade_keyframes{0%, 93%, 100%{opacity:0}10%, 83%{opacity:1}}@-webkit-keyframes smart_phone_img_display_transform_keyframes{0%{transform:scaleY(0.52) perspective(480px) rotateX(45deg) scale(1)}100%{transform:scaleY(0.52) perspective(480px) rotateX(45deg) scale(1.16)}}@-moz-keyframes smart_phone_img_display_transform_keyframes{0%{transform:scaleY(0.52) perspective(480px) rotateX(45deg) scale(1)}100%{transform:scaleY(0.52) perspective(480px) rotateX(45deg) scale(1.16)}}@keyframes smart_phone_img_display_transform_keyframes{0%{transform:scaleY(0.52) perspective(480px) rotateX(45deg) scale(1)}100%{transform:scaleY(0.52) perspective(480px) rotateX(45deg) scale(1.16)}}@-webkit-keyframes desktop_img_display_transform_keyframes{0%{transform:scale(1)}100%{transform:scale(1.16)}}@-moz-keyframes desktop_img_display_transform_keyframes{0%{transform:scale(1)}100%{transform:scale(1.16)}}@keyframes desktop_img_display_transform_keyframes{0%{transform:scale(1)}100%{transform:scale(1.16)}}@-webkit-keyframes smart_watch_img_display_transform_keyframes{0%{transform:rotateZ(90deg) scale(1)}100%{transform:rotateZ(90deg) scale(1.16)}}@-moz-keyframes smart_watch_img_display_transform_keyframes{0%{transform:rotateZ(90deg) scale(1)}100%{transform:rotateZ(90deg) scale(1.16)}}@keyframes smart_watch_img_display_transform_keyframes{0%{transform:rotateZ(90deg) scale(1)}100%{transform:rotateZ(90deg) scale(1.16)}}@-webkit-keyframes t_shirt_color_keyframes{0%{background-color:#9D9D9D}10%{background-color:#fff}20%{background-color:#FF6E47}30%{background-color:#FFA56F}40%{background-color:#FAC432}50%{background-color:#76C16C}60%{background-color:#BDBC82}70%{background-color:#7F90B6}80%{background-color:#B770BB}90%{background-color:#F398C9}100%{background-color:#9D9D9D}}@-moz-keyframes t_shirt_color_keyframes{0%{background-color:#9D9D9D}10%{background-color:#fff}20%{background-color:#FF6E47}30%{background-color:#FFA56F}40%{background-color:#FAC432}50%{background-color:#76C16C}60%{background-color:#BDBC82}70%{background-color:#7F90B6}80%{background-color:#B770BB}90%{background-color:#F398C9}100%{background-color:#9D9D9D}}@keyframes t_shirt_color_keyframes{0%{background-color:#9D9D9D}10%{background-color:#fff}20%{background-color:#FF6E47}30%{background-color:#FFA56F}40%{background-color:#FAC432}50%{background-color:#76C16C}60%{background-color:#BDBC82}70%{background-color:#7F90B6}80%{background-color:#B770BB}90%{background-color:#F398C9}100%{background-color:#9D9D9D}}@-webkit-keyframes t_shirt_pointer_position_keyframes{6%, 10%{left:0%}16%, 20%{left:10%}26%, 30%{left:20%}36%, 40%{left:30%}46%, 50%{left:40%}56%, 60%{left:50%}66%, 70%{left:60%}76%, 80%{left:70%}86%, 90%{left:80%}96%, 100%, 0%{left:90%}}@-moz-keyframes t_shirt_pointer_position_keyframes{6%, 10%{left:0%}16%, 20%{left:10%}26%, 30%{left:20%}36%, 40%{left:30%}46%, 50%{left:40%}56%, 60%{left:50%}66%, 70%{left:60%}76%, 80%{left:70%}86%, 90%{left:80%}96%, 100%, 0%{left:90%}}@keyframes t_shirt_pointer_position_keyframes{6%, 10%{left:0%}16%, 20%{left:10%}26%, 30%{left:20%}36%, 40%{left:30%}46%, 50%{left:40%}56%, 60%{left:50%}66%, 70%{left:60%}76%, 80%{left:70%}86%, 90%{left:80%}96%, 100%, 0%{left:90%}}@-webkit-keyframes t_shirt_pointer_keyframes{0%{transform:scale(1);opacity:1.0}100%{transform:scale(5);opacity:0.0}}@-moz-keyframes t_shirt_pointer_keyframes{0%{transform:scale(1);opacity:1.0}100%{transform:scale(5);opacity:0.0}}@keyframes t_shirt_pointer_keyframes{0%{transform:scale(1);opacity:1.0}100%{transform:scale(5);opacity:0.0}}@-webkit-keyframes art_gallery_layer_keyframes{0%, 70%, 100%{opacity:0}5%, 65%{opacity:1}}@-moz-keyframes art_gallery_layer_keyframes{0%, 70%, 100%{opacity:0}5%, 65%{opacity:1}}@keyframes art_gallery_layer_keyframes{0%, 70%, 100%{opacity:0}5%, 65%{opacity:1}}@-webkit-keyframes smart_watch_layer_02_keyframes{36%, 100%{opacity:0}3%, 33%{opacity:1}}@-moz-keyframes smart_watch_layer_02_keyframes{36%, 100%{opacity:0}3%, 33%{opacity:1}}@keyframes smart_watch_layer_02_keyframes{36%, 100%{opacity:0}3%, 33%{opacity:1}}@-webkit-keyframes smart_watch_layer_03_keyframes{20%, 40%, 60%, 80%{opacity:0.3}60%, 80%, 100%{opacity:1.0}}@-moz-keyframes smart_watch_layer_03_keyframes{20%, 40%, 60%, 80%{opacity:0.3}60%, 80%, 100%{opacity:1.0}}@keyframes smart_watch_layer_03_keyframes{20%, 40%, 60%, 80%{opacity:0.3}60%, 80%, 100%{opacity:1.0}}@-webkit-keyframes desktop_layer_02_keyframes{0%, 75%, 100%{opacity:0}15%, 60%{opacity:1}}@-moz-keyframes desktop_layer_02_keyframes{0%, 75%, 100%{opacity:0}15%, 60%{opacity:1}}@keyframes desktop_layer_02_keyframes{0%, 75%, 100%{opacity:0}15%, 60%{opacity:1}}*{letter-spacing:.05em;font-family:'Lato','M PLUS 1p',sans-serif}textarea{display:block}.entry-content pre{border:none;padding:0 !important;border-radius:2px;position:relative}.entry-content pre code{display:block;padding:0.5em 22px 0.5em 55px}.entry-content pre *{font-family:'Inconsolata', monospace;letter-spacing:.05em;line-height:1.8}.entry-content pre code::before{overflow:hidden;position:absolute;top:0;bottom:0;left:0;white-space:pre;display:block;padding:0.5em 0em 0.5em 0em;width:3em;box-sizing:border-box;color:#777;background:transparent;text-align:center;border-top:hidden;border-bottom:hidden;content:"1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A"}.entry-content .code-html::after{position:absolute;top:1.0em;right:2.0em;padding:0;color:#fff;opacity:0.9;background:transparent;border:none;content:"HTML";font-size:0.7em;letter-spacing:0.3em;font-style:italic;font-weight:100}.entry-content .code-css::after{position:absolute;top:1.0em;right:2.0em;padding:0;color:#fff;opacity:0.9;background:transparent;border:none;content:"CSS";font-size:0.7em;letter-spacing:0.3em;font-style:italic;font-weight:100}.entry-content .code-php::after{position:absolute;top:1.0em;right:2.0em;padding:0;color:#fff;opacity:0.9;background:transparent;border:none;content:"PHP";font-size:0.7em;letter-spacing:0.3em;font-style:italic;font-weight:100}.entry-content .code-linux::after{position:absolute;top:1.0em;right:2.0em;padding:0;color:#fff;opacity:0.9;background:transparent;border:none;content:"LINUX";font-size:0.7em;letter-spacing:0.3em;font-style:italic;font-weight:100}body,.container{background:#f0f0f0}.content{margin:0;padding:0}@media screen and (max-width: 1240px){.content{margin:0;padding:0}}@media screen and (max-width: 1023px){.content{margin:0;padding:0}}@media screen and (max-width: 834px){.content{margin:0;padding:0}}@media screen and (max-width: 480px){.content{margin:0;padding:0}}main.main{margin:0;padding:0 !important;border:none;background-color:transparent}@media screen and (max-width: 1240px){main.main{margin:0;padding:0 !important;border:none;background-color:transparent}}@media screen and (max-width: 1023px){main.main{margin:0;padding:0 !important;border:none;background-color:transparent}}@media screen and (max-width: 834px){main.main{margin:0;padding:0 !important;border:none;background-color:transparent}}@media screen and (max-width: 480px){main.main{margin:0;padding:0 !important;border:none;background-color:transparent}}#nav .current-menu-item a{background-color:#F5F5F5}#header-in.header-in{height:55px;min-height:55px;background-color:#fff}.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link{margin:0;padding:0 22px}.header-container-in{display:flex;justify-content:flex-end;align-items:center}.header-container-in a{text-decoration:none;transition-duration:.75s}.header-container-in a:hover{transition-duration:.2s;background-color:#e8e8e8;color:#000}.header-container-in .logo-header{white-space:nowrap;line-height:55px;height:55px}.header-container-in .logo-header .site-name-text{white-space:nowrap;max-height:55px;font-style:italic;font-size:1.1rem !important;letter-spacing:.3em}.header-container-in .logo-header .site-name-text::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/color_code_logo_096px-min.png);content:"";width:14px;height:14px;background-size:cover;margin-right:19px}.header-container-in nav #navi-in ul li{width:140px;height:55px;line-height:55px;text-align:center}.header-container-in nav #navi-in ul li a{transition-duration:.75s}.header-container-in nav #navi-in ul li a:hover{transition-duration:.2s;background-color:#e8e8e8;color:#000}.header-container-in nav #navi-in ul li a .item-label{font-size:.8em;letter-spacing:.2em;font-style:italic;height:55px;line-height:55px}.header-container-in nav #navi-in ul li a .caption-wrap{height:55px}.header-container-in nav #navi-in ul li a .caption-wrap .item-description.sub-caption{display:none}@media screen and (max-width: 1023px){.header-container-in nav #navi-in ul li{width:110px}.header-container-in nav #navi-in ul li a .item-label{font-size:.75em;letter-spacing:.15em}}@media screen and (max-width: 834px){.header-container-in nav #navi-in ul li a{width:100% !important;height:50px;line-height:50px}.header-container-in nav #navi-in ul li a .item-label{font-size:.9em;letter-spacing:.2em}}@media screen and (max-width: 480px){.header-container-in nav #navi-in ul li a{width:100% !important;height:50px;line-height:50px}}#nav_toggle{display:none}@media screen and (max-width: 834px){#navi .navi-in>.menu-mobile li{width:100% !important;height:50px;line-height:50px}}@media screen and (max-width: 480px){#navi .navi-in>.menu-mobile li{width:100% !important;height:50px;line-height:50px}}@media screen and (max-width: 834px){.header-container-in{width:100%}.header-container-in nav{display:none;position:absolute;top:55px;width:100%;left:0;z-index:99}.header-container-in #navi-in ul{margin:0 auto;width:100%;padding:0}.header-container-in #navi-in ul li{margin:0;text-align:center;border-bottom:1px dotted #888;background:#444;height:44px;line-height:44px;width:100%}.header-container-in #navi-in ul li:last-child{border:none}.header-container-in #navi-in ul li a{color:#FFF}#nav_toggle{display:block;width:30px;height:30px;position:relative;top:0;right:22px}#nav_toggle div{position:relative}#nav_toggle span{display:block;height:3px;background:#000;position:absolute;width:100%;left:0;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;transition:0.5s ease-in-out}#nav_toggle span:nth-child(1){top:4.5px}#nav_toggle span:nth-child(2){top:13.5px}#nav_toggle span:nth-child(3){top:22.5px}.open #nav_toggle span:nth-child(1){top:13.5px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg)}.open #nav_toggle span:nth-child(2){width:0;left:50%}.open #nav_toggle span:nth-child(3){top:13.5px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg)}.header-in,.header-container-in{flex-direction:row !important}.header-container-in.hlt-top-menu{display:flex !important}}.navi-in>ul li:hover>ul{-webkit-animation:sub_menu_show_keyframes 0.5s linear 0s;-moz-animation:sub_menu_show_keyframes 0.5s linear 0s;animation:sub_menu_show_keyframes 0.5s linear 0s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.sub-menu{min-width:100px !important}#main_theme.main_theme{width:100%;background:linear-gradient(135deg, #DDD, #CCC, #999)}#main_theme.main_theme #main_theme_in.main_theme_in{position:relative;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_main_theme-min.png);background-size:contain}@media screen and (max-width: 480px){#main_theme.main_theme #main_theme_in.main_theme_in{background-size:cover;background-position:center}}#main_theme.main_theme #main_theme_in.main_theme_in::before{content:"";display:block;padding-top:56.25%}@media screen and (max-width: 480px){#main_theme.main_theme #main_theme_in.main_theme_in::before{padding-top:100.00%}}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer{position:absolute;top:0%;right:21.875%;width:56.25%;height:100%;content:"";-webkit-animation:zoom_to_1_keyframes 7s linear 0S 1;-moz-animation:zoom_to_1_keyframes 7s linear 0S 1;animation:zoom_to_1_keyframes 7s linear 0S 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@media screen and (max-width: 480px){#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer{top:0%;right:0%;width:100%;height:100%}}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_00{-webkit-animation:fade_in_keyframes 2s ease 7s 1;-moz-animation:fade_in_keyframes 2s ease 7s 1;animation:fade_in_keyframes 2s ease 7s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;padding-top:100%}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block{position:absolute;width:calc(100%/3);height:calc(100%/3);content:"";background-color:#FFF}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_top_left{top:0;left:0;-webkit-animation:main_theme_block_keyframes 2s ease 6.2s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.2s 1;animation:main_theme_block_keyframes 2s ease 6.2s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_top_middle{top:0;left:33.3333333333%;-webkit-animation:main_theme_block_keyframes 2s ease 6.1s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.1s 1;animation:main_theme_block_keyframes 2s ease 6.1s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_top_right{top:0;left:66.6666666667%;-webkit-animation:main_theme_block_keyframes 2s ease 6s 1;-moz-animation:main_theme_block_keyframes 2s ease 6s 1;animation:main_theme_block_keyframes 2s ease 6s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_middle_left{top:33.3333333333%;left:0;-webkit-animation:main_theme_block_keyframes 2s ease 6.3s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.3s 1;animation:main_theme_block_keyframes 2s ease 6.3s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_middle_middle{top:33.3333333333%;left:33.3333333333%;background-color:transparent;-webkit-animation:main_theme_block_keyframes 2s ease 6.3s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.3s 1;animation:main_theme_block_keyframes 2s ease 6.3s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_middle_right{top:33.3333333333%;left:66.6666666667%;background-color:transparent;-webkit-animation:main_theme_block_keyframes 2s ease 6.3s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.3s 1;animation:main_theme_block_keyframes 2s ease 6.3s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_bottom_left{top:66.6666666667%;left:0;-webkit-animation:main_theme_block_keyframes 2s ease 6.4s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.4s 1;animation:main_theme_block_keyframes 2s ease 6.4s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_bottom_middle{top:66.6666666667%;left:33.3333333333%;-webkit-animation:main_theme_block_keyframes 2s ease 6.5s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.5s 1;animation:main_theme_block_keyframes 2s ease 6.5s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_01 .main_theme_layer_block_bottom_right{top:66.6666666667%;left:66.6666666667%;-webkit-animation:main_theme_block_keyframes 2s ease 6.6s 1;-moz-animation:main_theme_block_keyframes 2s ease 6.6s 1;animation:main_theme_block_keyframes 2s ease 6.6s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_02 .main_theme_layer_block_line_x{position:absolute;top:33.3333333333%;left:0;width:100%;height:calc(100%/3);content:"";border-top:#EEE 1.0px solid;border-bottom:#EEE 1.0px solid;-webkit-animation:width_0_to_1_keyframes 1s ease 4s 1,fade_out_keyframes 1s ease 7s 1;-moz-animation:width_0_to_1_keyframes 1s ease 4s 1,fade_out_keyframes 1s ease 7s 1;animation:width_0_to_1_keyframes 1s ease 4s 1,fade_out_keyframes 1s ease 7s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_02 .main_theme_layer_block_line_y{position:absolute;top:0;left:33.3333333333%;width:calc(100%/3);height:100%;content:"";border-left:#EEE 1.0px solid;border-right:#EEE 1.0px solid;-webkit-animation:height_0_to_1_keyframes 1s ease 4s 1,fade_out_keyframes 1s ease 7s 1;-moz-animation:height_0_to_1_keyframes 1s ease 4s 1,fade_out_keyframes 1s ease 7s 1;animation:height_0_to_1_keyframes 1s ease 4s 1,fade_out_keyframes 1s ease 7s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03{-webkit-animation:fade_out_keyframes 2s ease 7s 1;-moz-animation:fade_out_keyframes 2s ease 7s 1;animation:fade_out_keyframes 2s ease 7s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content{display:block;position:absolute;width:calc(100%/3);height:calc(100%/3);color:#eee;text-align:center;font-weight:300;font-style:italic;background-color:transparent;font-size:88.8px}@media screen and (max-width: 1110px){#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content{font-size:8vw}}@media screen and (max-width: 480px){#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content{font-size:15vw}}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_top_left{top:3%;left:0;-webkit-animation:fade_in_keyframes 2s ease 1s 1,zoom_0_to_1_keyframes 1s ease 1s 1;-moz-animation:fade_in_keyframes 2s ease 1s 1,zoom_0_to_1_keyframes 1s ease 1s 1;animation:fade_in_keyframes 2s ease 1s 1,zoom_0_to_1_keyframes 1s ease 1s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_top_middle{top:3%;left:33.3333333333%;-webkit-animation:fade_in_keyframes 2s ease 1.1s 1,zoom_0_to_1_keyframes 1s ease 1.1s 1;-moz-animation:fade_in_keyframes 2s ease 1.1s 1,zoom_0_to_1_keyframes 1s ease 1.1s 1;animation:fade_in_keyframes 2s ease 1.1s 1,zoom_0_to_1_keyframes 1s ease 1.1s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_top_right{top:3%;left:66.6666666667%;-webkit-animation:fade_in_keyframes 2s ease 1.2s 1,zoom_0_to_1_keyframes 1s ease 1.2s 1;-moz-animation:fade_in_keyframes 2s ease 1.2s 1,zoom_0_to_1_keyframes 1s ease 1.2s 1;animation:fade_in_keyframes 2s ease 1.2s 1,zoom_0_to_1_keyframes 1s ease 1.2s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_middle_left{top:36.3333333333%;left:0;-webkit-animation:fade_in_keyframes 2s ease 1.3s 1,zoom_0_to_1_keyframes 1s ease 1.3s 1;-moz-animation:fade_in_keyframes 2s ease 1.3s 1,zoom_0_to_1_keyframes 1s ease 1.3s 1;animation:fade_in_keyframes 2s ease 1.3s 1,zoom_0_to_1_keyframes 1s ease 1.3s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_middle_middle{top:36.3333333333%;left:33.3333333333%;-webkit-animation:fade_in_keyframes 2s ease 1.4s 1,zoom_0_to_1_keyframes 1s ease 1.4s 1;-moz-animation:fade_in_keyframes 2s ease 1.4s 1,zoom_0_to_1_keyframes 1s ease 1.4s 1;animation:fade_in_keyframes 2s ease 1.4s 1,zoom_0_to_1_keyframes 1s ease 1.4s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_middle_right{top:36.3333333333%;left:66.6666666667%;-webkit-animation:fade_in_keyframes 2s ease 1.5s 1,zoom_0_to_1_keyframes 1s ease 1.5s 1;-moz-animation:fade_in_keyframes 2s ease 1.5s 1,zoom_0_to_1_keyframes 1s ease 1.5s 1;animation:fade_in_keyframes 2s ease 1.5s 1,zoom_0_to_1_keyframes 1s ease 1.5s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_bottom_left{top:69.6666666667%;left:0;-webkit-animation:fade_in_keyframes 2s ease 1.6s 1,zoom_0_to_1_keyframes 1s ease 1.6s 1;-moz-animation:fade_in_keyframes 2s ease 1.6s 1,zoom_0_to_1_keyframes 1s ease 1.6s 1;animation:fade_in_keyframes 2s ease 1.6s 1,zoom_0_to_1_keyframes 1s ease 1.6s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_bottom_middle{top:69.6666666667%;left:33.3333333333%;-webkit-animation:fade_in_keyframes 2s ease 1.7s 1,zoom_0_to_1_keyframes 1s ease 1.7s 1;-moz-animation:fade_in_keyframes 2s ease 1.7s 1,zoom_0_to_1_keyframes 1s ease 1.7s 1;animation:fade_in_keyframes 2s ease 1.7s 1,zoom_0_to_1_keyframes 1s ease 1.7s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_center_layer .main_theme_layer_03 .main_theme_layer_content_bottom_right{top:69.6666666667%;left:66.6666666667%;-webkit-animation:fade_in_keyframes 2s ease 1.8s 1,zoom_0_to_1_keyframes 1s ease 1.8s 1;-moz-animation:fade_in_keyframes 2s ease 1.8s 1,zoom_0_to_1_keyframes 1s ease 1.8s 1;animation:fade_in_keyframes 2s ease 1.8s 1,zoom_0_to_1_keyframes 1s ease 1.8s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_layer_04{position:absolute;text-align:center;width:100%;top:48%}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_layer_04 .main_theme_layer_site_logo{display:block;color:#fff;width:98%;font-style:italic;text-align:center;font-weight:300;letter-spacing:33.3px;font-size:18.87px;position:absolute;top:45%;right:0%;-webkit-animation:fade_in_keyframes 3s ease 7s 1;-moz-animation:fade_in_keyframes 3s ease 7s 1;animation:fade_in_keyframes 3s ease 7s 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_layer_04 .main_theme_layer_site_logo::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/color_code_logo_reverse_096px-min.png);content:"";width:17.76px;height:17.76px;background-size:cover;margin-right:77.7px}@media screen and (max-width: 1110px){#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_layer_04 .main_theme_layer_site_logo{letter-spacing:3vw;font-size:1.7vw}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_layer_04 .main_theme_layer_site_logo::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/color_code_logo_reverse_096px-min.png);content:"";width:1.4vw;height:1.4vw;background-size:cover;margin-right:7vw}}@media screen and (max-width: 480px){#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_layer_04 .main_theme_layer_site_logo{letter-spacing:4vw;font-size:3.3vw}#main_theme.main_theme #main_theme_in.main_theme_in .main_theme_layer_04 .main_theme_layer_site_logo::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/color_code_logo_reverse_096px-min.png);content:"";width:2.5vw;height:2.5vw;background-size:cover;margin-right:9vw}}h1.archive-title{margin:44px 0;text-align:center;font-weight:normal;font-style:italic;font-size:1.1em;letter-spacing:.3em}#list.list{margin:0 11px}.ect-3-columns .entry-card-wrap,.ect-3-columns>*{width:calc((100% / 3) - 22px);padding:0;margin:0}@media screen and (max-width: 1023px){.ect-3-columns .entry-card-wrap,.ect-3-columns>*{width:calc((100% / 2) - 22px);padding:0;margin:0}}@media screen and (max-width: 834px){.ect-3-columns .entry-card-wrap,.ect-3-columns>*{width:calc((100% / 2) - 22px);padding:0;margin:0}}@media screen and (max-width: 480px){.ect-3-columns .entry-card-wrap,.ect-3-columns>*{width:calc(100% - (22px - 11px) * 2);padding:0;margin:0}}.ect-vertical-card.ect-tile-card .a-wrap,.rect-vartical-card .a-wrap{background-color:transparent;margin:11px;padding:0;border-radius:2px}@media screen and (max-width: 1023px){.ect-vertical-card.ect-tile-card .a-wrap,.rect-vartical-card .a-wrap{background-color:transparent;margin:11px;padding:0;border-radius:2px}}@media screen and (max-width: 834px){.ect-vertical-card.ect-tile-card .a-wrap,.rect-vartical-card .a-wrap{background-color:transparent;margin:11px;padding:0;border-radius:2px}}@media screen and (max-width: 480px){.ect-vertical-card.ect-tile-card .a-wrap,.rect-vartical-card .a-wrap{background-color:transparent;margin:11px;padding:0;border-radius:2px}}.entry-card-content.card-content.e-card-content,.related-entry-card-content.card-content.e-card-content,.widget-entry-card-content.card-content{padding:0;text-align:center}.entry-card-content.card-content.e-card-content .card-title,.related-entry-card-content.card-content.e-card-content .card-title,.widget-entry-card-content.card-content .card-title{margin-block-end:0;padding:7.7px 0}.entry-card-title,.related-entry-card-title,.widget-entry-card-title{font-size:.8rem !important;font-weight:500 !important;line-height:1.5;letter-spacing:0.1em !important}#list.list img,.related-list img,.widget-entry-cards img{vertical-align:bottom}.entry-card,.related-entry-card,.widget-entry-card{background-color:transparent;border-radius:2px}.entry-card img,.related-entry-card img,.widget-entry-card img{background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf);border-radius:2px 2px 0 0}.entry-card-wrap:hover,.related-entry-card-wrap:hover,.widget-entry-card-link:hover,.popular-entry-card-link:hover{background-color:transparent}.entry-card-wrap .e-card:hover figure,.related-entry-card-wrap .e-card:hover figure,.widget-entry-card-link .e-card:hover figure,.popular-entry-card-link .e-card:hover figure{transition-duration:.2s;box-shadow:0 0 20px rgba(0,0,0,0.4)}.entry-card-wrap .e-card:hover figure:hover::before,.related-entry-card-wrap .e-card:hover figure:hover::before,.widget-entry-card-link .e-card:hover figure:hover::before,.popular-entry-card-link .e-card:hover figure:hover::before{transition-duration:.2s;background-color:rgba(255,255,255,0.07)}.entry-card-wrap .e-card:hover figure img,.related-entry-card-wrap .e-card:hover figure img,.widget-entry-card-link .e-card:hover figure img,.popular-entry-card-link .e-card:hover figure img{transition-duration:.4s;transform:scale(1.03)}.entry-card-wrap .e-card figure,.related-entry-card-wrap .e-card figure,.widget-entry-card-link .e-card figure,.popular-entry-card-link .e-card figure{overflow:hidden;background-color:transparent;border-radius:2px 2px 0 0;box-shadow:0 0 20px rgba(0,0,0,0.2);transition-duration:.75s}.entry-card-wrap .e-card figure::before,.related-entry-card-wrap .e-card figure::before,.widget-entry-card-link .e-card figure::before,.popular-entry-card-link .e-card figure::before{background-color:rgba(255,255,255,0);position:absolute;top:0;right:0;bottom:0;left:0;content:"";z-index:10;transition-duration:.75s}.entry-card-wrap .e-card figure img,.related-entry-card-wrap .e-card figure img,.widget-entry-card-link .e-card figure img,.popular-entry-card-link .e-card figure img{position:relative;transition-duration:1.125s}.cat-label{position:absolute;top:auto !important;left:auto !important;bottom:7px !important;right:10px !important;border:none !important;font-size:10px;color:#fff;background-color:transparent;padding:0 !important;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3em;font-weight:normal;font-style:italic}.cat-label::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_folder_reverse-min.png);content:"";width:8px;height:8px;background-size:cover;margin-right:7px}.eye-catch .cat-label{top:auto !important;left:auto !important;bottom:7px !important;right:22px !important;font-size:10px}.eye-catch .cat-label::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_folder_reverse-min.png);content:"";width:8px;height:8px;background-size:cover;margin-right:7px}.pagination{margin:44px 0;height:33px}a.page-numbers{background-color:#333;color:#fff;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.3);letter-spacing:.05em;width:33px;height:auto;line-height:33px;font-size:.8em;margin:0 11px;padding:0;transition-duration:.75s}a.page-numbers:hover{transition-duration:.2s;background-color:#666;color:#fff}span.page-numbers.current{background-color:#fff;color:#aaa;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.09);letter-spacing:.05em;width:33px;height:auto;line-height:33px;margin:0 11px}.page-numbers.dots{width:33px;height:auto;line-height:33px;margin:0 11px;background-color:transparent;border:none;font-family:'FontAwesome';content:"f141"}#breadcrumb.breadcrumb{background-color:transparent;line-height:44px;margin:0 17px;padding:0}@media screen and (max-width: 480px){#breadcrumb.breadcrumb{margin:0 22px}}#breadcrumb.breadcrumb a{transition-duration:.75s}#breadcrumb.breadcrumb a:hover{transition-duration:.2s;background-color:#fff;color:#000}#breadcrumb.breadcrumb a span{font-size:12px;letter-spacing:.2em;color:#000;font-style:italic;padding:5px 5px}#breadcrumb.breadcrumb span.sp{font-size:10px;margin:0 5px}#breadcrumb.breadcrumb .breadcrumb-home .fa.fa-home.fa-fw,#breadcrumb.breadcrumb .fa.fa-folder.fa-fw{display:none}#breadcrumb.breadcrumb .breadcrumb-home a span{font-size:0px}#breadcrumb.breadcrumb .breadcrumb-home a span::after{font-size:12px;letter-spacing:.2em;color:#000;content:"HOME"}figure.eye-catch{margin:0;background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf);box-shadow:0 10px 10px rgba(0,0,0,0.1)}figure.eye-catch::after{position:absolute;display:block;content:"";top:0;left:0px;width:16px;height:22px;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_article_title.png);background-repeat:repeat;border-radius:2px;background-color:#999;z-index:1}@media screen and (max-width: 834px){figure.eye-catch::after{top:0;width:16px}}figure.eye-catch img{border-radius:0 0 4px 4px}@media screen and (max-width: 1023px){figure.eye-catch{margin:0;background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf);box-shadow:0 10px 10px rgba(0,0,0,0.1)}figure.eye-catch::after{position:absolute;display:block;content:"";top:0;left:0px;width:16px;height:22px;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_article_title.png);background-repeat:repeat;border-radius:2px;background-color:#999;z-index:1}}@media screen and (max-width: 1023px) and (max-width: 834px){figure.eye-catch::after{top:0;width:16px}}@media screen and (max-width: 1023px){figure.eye-catch img{border-radius:0 0 4px 4px}}@media screen and (max-width: 834px){figure.eye-catch{margin:0;background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf);box-shadow:0 10px 10px rgba(0,0,0,0.1)}figure.eye-catch::after{position:absolute;display:block;content:"";top:0;left:0px;width:16px;height:22px;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_article_title.png);background-repeat:repeat;border-radius:2px;background-color:#999;z-index:1}}@media screen and (max-width: 834px) and (max-width: 834px){figure.eye-catch::after{top:0;width:16px}}@media screen and (max-width: 834px){figure.eye-catch img{border-radius:0 0 4px 4px}}.entry-content{margin-top:0;padding:0 22px}@media screen and (max-width: 480px){.entry-content{margin-top:0;padding:0 22px}}header.article-header{margin:0 11px}.single .article h1.entry-title{border:none;font-size:1.2em;letter-spacing:.2em;padding:44px 55px 44px 55px;text-align:left;line-height:33px;font-weight:400;margin:0;background-color:#f8f8f8;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:4px 4px 0 0;display:block;position:relative}@media screen and (max-width: 834px){.single .article h1.entry-title{padding:22px 33px 22px 33px;font-size:1em}}@media screen and (max-width: 480px){.single .article h1.entry-title{padding:22px 22px 22px 22px;font-size:1em}}.single .article h1.entry-title::after{position:absolute;display:block;content:"";top:44px;left:0px;width:16px;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_article_title.png);background-repeat:repeat;border-radius:2px;background-color:#999}@media screen and (max-width: 834px){.single .article h1.entry-title::after{top:22px;width:16px}}.date-tags{background-color:transparent;line-height:44px;margin:0 22px;padding:0}@media screen and (max-width: 1023px){.date-tags{background-color:transparent;line-height:44px;margin:0 22px;padding:0}}@media screen and (max-width: 834px){.date-tags{background-color:transparent;line-height:44px;margin:0 22px;padding:0}}@media screen and (max-width: 480px){.date-tags{background-color:transparent;line-height:44px;margin:0 22px;padding:0}}.date-tags .post-date time{padding:0;margin:0 0 0 0;font-size:.7rem;letter-spacing:.4em;color:#555;font-style:italic}.date-tags span:last-child{padding:0}.date-tags .post-date:before{content:""}.post-date,.post-update,.post-author,.amp-back{margin:0}.entry-category,.post-date,.post-update,.post-author,.amp-back{padding:0}.toc{margin:66px auto;border-style:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.09);background-color:#F6F6F6;padding:22px 0}.toc .toc-title{font-size:.85rem;letter-spacing:.3em;margin-bottom:11px}.toc .toc-content ol{list-style:none;counter-reset:item}.toc .toc-content li{padding:0;margin:0}.toc .toc-content .toc-list{margin-bottom:0;padding:0}.toc .toc-content .toc-list a{display:block;min-width:100px;padding:0 22px 2px;text-decoration:none;color:#000}.toc .toc-content .toc-list a:hover::before{transition-duration:.2s;background-color:#ddd;color:#000;transition-duration:.2s}.toc .toc-content .toc-list a::before{transition-duration:.75s;transition-duration:1.5s;font-size:0.6rem;color:#000;background-color:transparent;border-radius:2px;content:counter(item);counter-increment:item;display:inline-block;width:14px;height:14px;line-height:14px;text-align:center;margin-right:6px;vertical-align:10%;font-weight:bold}article.article h2{background-color:transparent;font-size:1.2em;padding:15px 15px 15px 55px;margin:77px 0 33px 0;position:relative}article.article h2::after{position:absolute;display:block;content:"";top:0;left:0px;width:16px;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_article_title.png);background-repeat:repeat;border-radius:2px;background-color:#999}@media screen and (max-width: 834px){article.article h2::after{top:0;width:16px}}article.article h3{background-color:transparent;font-size:1em;border:none;border-left:2px solid #333;padding:15px 15px 15px 53px;margin:55px 0 22px 0}article.article h4{background-color:transparent;font-size:1em;border:none;border-left:1px dotted #777;padding:15px 15px 15px 54px;margin:55px 0 22px 0}.blogcard-wrap{margin:44px 0 33px 0;width:100%;padding:0}.blogcard{margin:0;padding:22px 22px 18px 22px;border:none;border-radius:2px;line-height:1.3;position:relative;background-color:#F8F8F8;transition-duration:.75s;box-shadow:0 0 20px rgba(0,0,0,0.05);transition-duration:.75s}.blogcard:hover{transition-duration:.2s;background-color:#fbfbfb;color:#000}.blogcard:hover{transition-duration:.2s;box-shadow:0 0 20px rgba(0,0,0,0.15)}.blogcard-content{min-height:50px;font-size:.9em}.blogcard-title{margin-bottom:8px}.blogcard-domain.internal-blogcard-domain{padding:2px 0 0 0;line-height:1;font-size:.7rem;font-style:italic;letter-spacing:0.1em}.blogcard-post-date.internal-blogcard-post-date{font-size:.7rem;letter-spacing:.4em !important;color:#555;font-style:italic}.bct-together .blogcard::before{content:"あわせて読みたい"}.bct-related .blogcard::before{content:"関連記事"}.bct-reference .blogcard::before{content:"参考記事"}.bct-popular .blogcard::before{content:"人気記事"}.bct-detail .blogcard::before{content:"詳細はこちら"}.bct-check .blogcard::before{content:"チェック"}.bct-pickup .blogcard::before{content:"ピックアップ"}.bct-official .blogcard::before{content:"公式サイト"}.blogcard-favicon{margin-top:0;margin-right:6px}.blogcard-favicon img{height:10px;width:10px}.blogcard-footer{padding:2px 0 0 0}.blogcard-site{margin:0}.blogcard-thumbnail{margin:0 11px 0 0}.blogcard-thumb-image{box-shadow:0 0 5px rgba(0,0,0,0.04)}article.article .entry-content>*,article.article .demo .entry-content p{line-height:2.3}@media screen and (max-width: 480px){article.article .entry-content>*,article.article .demo .entry-content p{line-height:1.8}}article.article .wp-block-image{margin:44px 0 33px}@media screen and (max-width: 480px){article.article .wp-block-image{margin:22px 0 22px}}article.article .wp-block-image figcaption{margin:5px 0 0 0}article.article .information-box,article.article .question-box,article.article .alert-box,article.article .information,article.article .question,article.article .alert,article.article .memo-box,article.article .comment-box,article.article .common-icon-box{padding:22px 33px;background:#f4f4f4;border:none}article.article .information-box::before,article.article .question-box::before,article.article .alert-box::before,article.article .information::before,article.article .question::before,article.article .alert::before,article.article .memo-box::before,article.article .comment-box::before,article.article .common-icon-box::before{display:none}article.article blockquote{padding:22px 33px;background:#eaeaea;border:none}article.article blockquote::before{color:#000;font-size:1.7rem;top:10px;left:10px}article.article blockquote p{margin:0}article.article blockquote::after{color:#000;font-size:1.7rem;bottom:10px;right:10px}article.article .fa-external-link:before{padding-right:3px}article.article table tbody tr{background:#f3f3f3}article.article table tbody tr:nth-child(2n+1){background:#f6f6f6}article.article table tbody tr:first-child{background:#f8f8f8}article.article table tbody td{text-align:center;padding:5.5px;border:1px #e8e8e8 dotted}article.article .booklink-box,article.article .kaerebalink-box,article.article .tomarebalink-box,article.article .product-item-box{border:none;background:#f9f9f9;width:100%;padding:22px;margin:33px 0;border-radius:2px;box-shadow:0 0 15px rgba(0,0,0,0.05)}article.article .booklink-box img,article.article .kaerebalink-box img,article.article .tomarebalink-box img,article.article .product-item-box img{border-radius:2px}article.article .kaerebalink-link1 a,article.article .booklink-link2 a,article.article .tomarebalink-link1 a,article.article .product-item-buttons a{transition-duration:.75s}article.article .kaerebalink-link1 a:hover,article.article .booklink-link2 a:hover,article.article .tomarebalink-link1 a:hover,article.article .product-item-buttons a:hover{transition-duration:.2s}article.article .product-item-box::after{color:#ddd;font-size:16px;bottom:3px;right:6px}article.article .shoplinkamazon a,article.article .shoplinkrakuten a,article.article .shoplinkyahoo a{background-color:#aaa;box-shadow:0 0 10px rgba(255,255,255,0.5);letter-spacing:0.2em;color:#fff;font-style:italic;font-weight:normal;border-radius:2px}article.article .product-item-thumb{transition-duration:.75s;opacity:1.0}article.article .product-item-thumb:hover{transition-duration:.2s;opacity:.7}article.article .product-item-content .product-item-title .product-item-title-link{font-size:0.90rem;text-decoration:none;color:#000;border-bottom:#000 dotted 1px;transition-duration:.75s}article.article .product-item-content .product-item-title .product-item-title-link:hover{transition-duration:.2s;background-color:#ececec;color:#000}article.article .product-item-content .product-item-snippet .product-item-maker{font-size:0.7rem}article.article [class*="wp-block-cocoon-blocks-blank-box-"]{padding:22px;margin:33px 0;border:11px solid #e0e0e0}article.article [class*="wp-block-cocoon-blocks-caption-box-"]{margin:33px 0}article.article [class*="wp-block-cocoon-blocks-caption-box-"] .block-box-label::before{margin-right:11px}article.article [class*="wp-block-cocoon-blocks-caption-box-"] .caption-box-label{padding:22px 22px 11px;margin:0;background-color:#fafafa}article.article [class*="wp-block-cocoon-blocks-caption-box-"] .caption-box-content{padding:11px 22px 22px;margin:0;background-color:#f5f5f5}article.article .primary-box,article.article .sp-primary,article.article .primary{color:#000;background-color:#f6f6f6;padding:22px;margin:33px 0}article.article .secondary-box.block-box{color:#000;background-color:#e8e8e8;padding:22px;margin:33px 0}article.article .download-policy{text-align:center;font-size:.8rem;color:#777;background-color:#ebebeb;margin-top:22px;padding:11px}article.article .agree-form-wrap{width:100%;text-align:center}article.article .agree-form-wrap .agree-form input#agreeval{margin-right:11px}article.article .download-submit{text-align:center;padding:0;margin:22px 0 0 0}article.article .download-submit #submit{background-color:#333;color:#fff;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.3);letter-spacing:.05em;font-size:.9em;width:300px;margin:auto;line-height:33px;padding:0;height:66px;transition-duration:.75s}article.article .download-submit #submit:hover{transition-duration:.2s;background-color:#4a4a4a;color:#fff}article.article .download-submit #submit.button_disable{background-color:#fff;color:#aaa;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.09);letter-spacing:.05em;cursor:default}/*!動画の最大幅を指定する*/.video-container,.instagram-container,.facebook-container{max-width:1200px;margin:30px 0}.item-ranking-box .ranking-items p{font-size:.9em;margin-bottom:14px}.item-ranking-box .ranking-items .ranking-item{padding:0 0 22px 0;background-color:#F8F8F8;border:none;box-shadow:0 0 15px rgba(0,0,0,0.05);margin:0 22px 33px 22px}.item-ranking-box .ranking-items .ranking-item:last-child{margin:0 22px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name{padding:22px;background-color:#FFF}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown{margin:0 15px 0 0;padding-top:3px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown{border-bottom-width:17.5px;border-left-width:10px;border-right-width:10px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown::after{border-top-width:7.5px;left:-10px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .g-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .s-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .c-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .g-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .s-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .c-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .g-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .s-crown-circle,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .c-crown-circle{width:3px;height:3px;left:-11.0px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .g-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .s-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .c-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .g-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .s-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .c-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .g-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .s-crown-circle::before,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .c-crown-circle::before{left:9.5px;width:3px;height:3px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .g-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .s-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown .c-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .g-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .s-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown .c-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .g-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .s-crown-circle::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown .c-crown-circle::after{left:19.0px;width:3px;height:3px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .g-crown::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .s-crown::after,.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-crown .c-crown::after{border-bottom-width:10px;border-left-width:10px;border-right-width:10px}.item-ranking-box .ranking-items .ranking-item .ranking-item-name .ranking-item-name-text{font-size:.9em}.item-ranking-box .ranking-items .ranking-item .ranking-item-rating{padding:0 22px 3px}.item-ranking-box .ranking-items .ranking-item .ranking-item-rating .star,.item-ranking-box .ranking-items .ranking-item .ranking-item-rating .star-half-o,.item-ranking-box .ranking-items .ranking-item .ranking-item-rating .star-o{letter-spacing:.5em;font-size:.8em}.item-ranking-box .ranking-items .ranking-item .ranking-item-img-desc{margin:0;padding:0 22px}.item-ranking-box .ranking-items .ranking-item .ranking-item-img-desc .ranking-item-image-tag{padding:0;margin:0 18px 14px 0}.item-ranking-box .ranking-items .ranking-item .ranking-item-img-desc .ranking-item-image-tag a{transition-duration:.75s;opacity:1.0}.item-ranking-box .ranking-items .ranking-item .ranking-item-img-desc .ranking-item-image-tag a:hover{transition-duration:.2s;opacity:.73}.item-ranking-box .ranking-items .ranking-item .ranking-item-img-desc .ranking-point{margin:11px 0 0 0;padding:11px;display:block;background-color:#FCFCFC}.item-ranking-box .ranking-items .ranking-item .ranking-item-link-buttons{margin:0 22px}.item-ranking-box .ranking-items .ranking-item .ranking-item-link-buttons .ranking-item-detail{padding:0}.item-ranking-box .ranking-items .ranking-item .ranking-item-link-buttons .ranking-item-detail a{font-size:.9em;background-color:#aaa;border:none;margin:0;padding:11px 0;transition-duration:.75s;opacity:1.0;font-weight:normal}.item-ranking-box .ranking-items .ranking-item .ranking-item-link-buttons .ranking-item-detail a:hover{transition-duration:.2s;opacity:.83}.gallery-toc{border-style:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.09);background-color:#F6F6F6;padding:22px 0;text-align:center;margin:88px auto;width:250px}.gallery-toc .gallery-toc-title{font-size:.85rem;letter-spacing:.3em;margin-bottom:22px}.gallery-toc .gallery-toc-content ol{list-style:none;counter-reset:item}.gallery-toc .gallery-toc-content li{padding:0;margin:0;margin-bottom:12px}.gallery-toc .gallery-toc-content li:last-child{margin-bottom:0px}.gallery-toc .gallery-toc-content .toc-list{margin-bottom:0;padding:0}.gallery-toc .gallery-toc-content .toc-list a{display:block;min-width:100px;padding:0 22px;text-decoration:none;font-size:.75rem;color:#000;font-style:italic;letter-spacing:.2em}.gallery-toc .gallery-toc-content .toc-list a:hover{color:#000}.gallery-toc .gallery-toc-content .toc-list a:hover::before{transition-duration:.2s;background-color:#ddd;color:#000;transition-duration:.2s}.gallery-toc .gallery-toc-content .toc-list a::before{font-family:'color-code','Lato','M PLUS 1p',sans-serif;font-style:normal;transition-duration:.75s;transition-duration:1.5s;font-size:0.4rem;color:#000;background-color:transparent;border-radius:2px;content:"0" counter(item);counter-increment:item;display:inline-block;width:21px;height:14px;line-height:14px;text-align:center;margin-right:8px;vertical-align:10%;font-weight:bold}.gallery-number-00{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-00::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-00::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-01{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-01::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-01::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_01-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-02{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-02::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-02::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_02-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-03{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-03::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-03::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_03-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-04{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-04::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-04::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_04-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-05{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-05::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-05::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_05-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-06{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-06::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-06::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_06-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-07{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-07::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-07::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_07-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-08{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-08::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-08::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_08-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-number-09{display:block;width:100%;text-align:center;margin:88px 0 66px 0}.gallery-number-09::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_00-min.png);background-size:cover;height:13px;width:8.6666666667px;content:"";margin-right:6.5px}.gallery-number-09::after{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/number_09-min.png);background-size:cover;height:13px;width:8.6666666667px;content:""}.gallery-title-art-gallery{display:block;width:100%;text-align:center;font-size:0.8rem;font-style:italic;letter-spacing:0.3em;margin:66px 0}.gallery-title-art-gallery::before{content:"ART GALLERY"}.gallery-title-smart-phone{display:block;width:100%;text-align:center;font-size:0.8rem;font-style:italic;letter-spacing:0.3em;margin:66px 0}.gallery-title-smart-phone::before{content:"SMART PHONE"}.gallery-title-desktop{display:block;width:100%;text-align:center;font-size:0.8rem;font-style:italic;letter-spacing:0.3em;margin:66px 0}.gallery-title-desktop::before{content:"DESKTOP"}.gallery-title-smart-watch{display:block;width:100%;text-align:center;font-size:0.8rem;font-style:italic;letter-spacing:0.3em;margin:66px 0}.gallery-title-smart-watch::before{content:"SMART WATCH"}.gallery-title-t-shirt{display:block;width:100%;text-align:center;font-size:0.8rem;font-style:italic;letter-spacing:0.3em;margin:66px 0}.gallery-title-t-shirt::before{content:"T SHIRT"}.display_image_title{letter-spacing:.2em;font-size:.9rem !important;font-weight:normal !important}.usecase_wrap{margin:0;position:absolute;top:4%;left:2%;display:flex;z-index:1}.usecase_wrap .usecase_number_wrap .usecase_number{font-family:'Nova Mono', monospace;display:inline;padding:0 6px 0 0;margin:0;font-weight:normal;font-size:2rem;letter-spacing:.21em;border:none;border-right:1px dotted #333}.usecase_wrap .usecase_title_wrap .usecase_title_upper .usecase_title_jpn{display:block;padding:0 15px 5px 15px;margin:0;font-weight:normal;font-size:.8rem;border:none;letter-spacing:.3em}.usecase_wrap .usecase_title_wrap .usecase_title_lower .usecase_title_eng{display:block;padding:5px 15px;margin:0;font-weight:normal;font-size:.8rem;border:none;letter-spacing:.3em}.gallery_layer{position:absolute;right:0;bottom:0;background-size:100% auto;width:100%;height:100%;content:"";opacity:1.0;z-index:1}.art_gallery{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding-top:56.25%;margin:22px 0;box-shadow:0 0 10px rgba(0,0,0,0.09)}.art_gallery img{position:absolute;padding:0;margin:0}.art_gallery::after{position:absolute;right:0;bottom:0;background-size:100% auto;width:100%;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_art_gallery_layer_02-min.png),url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_art_gallery_layer_01-min.png);content:"";opacity:1.0}.art_gallery img{right:33.32%;bottom:33.22%;width:33.36%;background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf)}.art_gallery .art_gallery_layer_01{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_art_gallery_layer_03_01-min.png)}.art_gallery .art_gallery_layer_02{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_art_gallery_layer_03_02-min.png);-webkit-animation:art_gallery_layer_keyframes 34s ease 16s infinite;-moz-animation:art_gallery_layer_keyframes 34s ease 16s infinite;animation:art_gallery_layer_keyframes 34s ease 16s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.art_gallery .art_gallery_layer_03{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_art_gallery_layer_03_03-min.png);-webkit-animation:art_gallery_layer_keyframes 38s ease 28s infinite;-moz-animation:art_gallery_layer_keyframes 38s ease 28s infinite;animation:art_gallery_layer_keyframes 38s ease 28s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.art_gallery .art_gallery_layer_04{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_art_gallery_layer_03_04-min.png);-webkit-animation:art_gallery_layer_keyframes 36s ease 20s infinite;-moz-animation:art_gallery_layer_keyframes 36s ease 20s infinite;animation:art_gallery_layer_keyframes 36s ease 20s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.art_gallery .art_gallery_layer_05{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_art_gallery_layer_03_05-min.png);-webkit-animation:art_gallery_layer_keyframes 32s ease 6s infinite;-moz-animation:art_gallery_layer_keyframes 32s ease 6s infinite;animation:art_gallery_layer_keyframes 32s ease 6s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.smart_phone{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding-top:56.25%;margin:22px 0;box-shadow:0 0 10px rgba(0,0,0,0.09);background:#111;background:-webkit-linear-gradient(135deg, #111, #000);background:linear-gradient(135deg, #111, #000)}.smart_phone img{position:absolute;padding:0;margin:0}.smart_phone::after{position:absolute;right:0;bottom:0;background-size:100% auto;width:100%;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_smart_phone_layer_01-min.png);content:"";opacity:1.0}.smart_phone img{right:31.5%;bottom:18.0%;width:37.0%;transform:scaleY(0.52) perspective(480px) rotateX(45deg);background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf);-webkit-animation:smart_phone_img_display_transform_keyframes 12s ease 0s infinite,display_fade_keyframes 12s linear 0s infinite;-moz-animation:smart_phone_img_display_transform_keyframes 12s ease 0s infinite,display_fade_keyframes 12s linear 0s infinite;animation:smart_phone_img_display_transform_keyframes 12s ease 0s infinite,display_fade_keyframes 12s linear 0s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.desktop{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding-top:56.25%;margin:22px 0;box-shadow:0 0 10px rgba(0,0,0,0.09);background:#111;background:-webkit-linear-gradient(135deg, #111, #000);background:linear-gradient(135deg, #111, #000)}.desktop img{position:absolute;padding:0;margin:0}.desktop::after{position:absolute;right:0;bottom:0;background-size:100% auto;width:100%;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_desktop_layer_01-min.png);content:"";opacity:1.0}.desktop img{right:33.9%;bottom:37.1%;width:32.2%;background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf);-webkit-animation:desktop_img_display_transform_keyframes 12s ease 3s infinite,display_fade_keyframes 12s linear 3s infinite;-moz-animation:desktop_img_display_transform_keyframes 12s ease 3s infinite,display_fade_keyframes 12s linear 3s infinite;animation:desktop_img_display_transform_keyframes 12s ease 3s infinite,display_fade_keyframes 12s linear 3s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.desktop .desktop_layer_02_01{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_desktop_layer_02_01-min.png);-webkit-animation:desktop_layer_02_keyframes 30s ease 10s infinite;-moz-animation:desktop_layer_02_keyframes 30s ease 10s infinite;animation:desktop_layer_02_keyframes 30s ease 10s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.desktop .desktop_layer_02_02{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_desktop_layer_02_02-min.png);-webkit-animation:desktop_layer_02_keyframes 29s ease 5s infinite;-moz-animation:desktop_layer_02_keyframes 29s ease 5s infinite;animation:desktop_layer_02_keyframes 29s ease 5s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.smart_watch{background:#555;background:-webkit-linear-gradient(135deg, #555, #000);background:linear-gradient(135deg, #555, #000);position:relative;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding-top:56.25%;margin:22px 0;box-shadow:0 0 10px rgba(0,0,0,0.09);overflow:hidden}.smart_watch img{position:absolute;padding:0;margin:0}.smart_watch::after{position:absolute;right:0;bottom:0;background-size:100% auto;width:100%;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_smart_watch_layer_01-min.png);content:"";opacity:1.0}.smart_watch img{right:37%;bottom:36.5%;width:27.0%;background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf);transform:rotateZ(90deg);-webkit-animation:smart_watch_img_display_transform_keyframes 15s ease 4s infinite,display_fade_keyframes 15s linear 4s infinite;-moz-animation:smart_watch_img_display_transform_keyframes 15s ease 4s infinite,display_fade_keyframes 15s linear 4s infinite;animation:smart_watch_img_display_transform_keyframes 15s ease 4s infinite,display_fade_keyframes 15s linear 4s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.smart_watch .smart_watch_layer_02_01{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_smart_watch_layer_02_01-min.png);-webkit-animation:smart_watch_layer_02_keyframes 36s ease 6s infinite;-moz-animation:smart_watch_layer_02_keyframes 36s ease 6s infinite;animation:smart_watch_layer_02_keyframes 36s ease 6s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.smart_watch .smart_watch_layer_02_02{opacity:0;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_smart_watch_layer_02_02-min.png);-webkit-animation:smart_watch_layer_02_keyframes 36s ease 18s infinite;-moz-animation:smart_watch_layer_02_keyframes 36s ease 18s infinite;animation:smart_watch_layer_02_keyframes 36s ease 18s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.smart_watch .smart_watch_layer_02_03{opacity:0;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_smart_watch_layer_02_03-min.png);-webkit-animation:smart_watch_layer_02_keyframes 36s ease 30s infinite;-moz-animation:smart_watch_layer_02_keyframes 36s ease 30s infinite;animation:smart_watch_layer_02_keyframes 36s ease 30s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.smart_watch .smart_watch_layer_03_01{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_smart_watch_layer_03_01-min.png);-webkit-animation:smart_watch_layer_03_keyframes 12s linear 0s infinite alternate;-moz-animation:smart_watch_layer_03_keyframes 12s linear 0s infinite alternate;animation:smart_watch_layer_03_keyframes 12s linear 0s infinite alternate;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.color_code_01{position:absolute;bottom:0;left:0%;width:10%;height:3px;background-color:#fff;content:"";z-index:1}.color_code_02{position:absolute;bottom:0;left:10%;width:10%;height:3px;background-color:#FF6E47;content:"";z-index:1}.color_code_03{position:absolute;bottom:0;left:20%;width:10%;height:3px;background-color:#FFA56F;content:"";z-index:1}.color_code_04{position:absolute;bottom:0;left:30%;width:10%;height:3px;background-color:#FAC432;content:"";z-index:1}.color_code_05{position:absolute;bottom:0;left:40%;width:10%;height:3px;background-color:#76C16C;content:"";z-index:1}.color_code_06{position:absolute;bottom:0;left:50%;width:10%;height:3px;background-color:#BDBC82;content:"";z-index:1}.color_code_07{position:absolute;bottom:0;left:60%;width:10%;height:3px;background-color:#7F90B6;content:"";z-index:1}.color_code_08{position:absolute;bottom:0;left:70%;width:10%;height:3px;background-color:#B770BB;content:"";z-index:1}.color_code_09{position:absolute;bottom:0;left:80%;width:10%;height:3px;background-color:#F398C9;content:"";z-index:1}.color_code_10{position:absolute;bottom:0;left:90%;width:10%;height:3px;background-color:#9D9D9D;content:"";z-index:1}.color-code-pointer{position:absolute;left:0%;bottom:-5px;width:10%;padding:1.0px;background-color:#666;z-index:1;-webkit-animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite;-moz-animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite;animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.color_code_pointer_01{position:absolute;top:12%;right:22%;width:0.8vw;height:0.8vw;background-color:#fff;content:"";z-index:1;border-radius:10px;-webkit-animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite,t_shirt_pointer_keyframes 2s ease 0s infinite;-moz-animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite,t_shirt_pointer_keyframes 2s ease 0s infinite;animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite,t_shirt_pointer_keyframes 2s ease 0s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.color_code_pointer_02{position:absolute;top:12%;right:22%;width:0.8vw;height:0.8vw;background-color:#fff;content:"";z-index:1;border-radius:10px;-webkit-animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite,t_shirt_pointer_keyframes 2s ease .5s infinite;-moz-animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite,t_shirt_pointer_keyframes 2s ease .5s infinite;animation:t_shirt_pointer_position_keyframes 45s ease 0s infinite,t_shirt_pointer_keyframes 2s ease .5s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.t_shirt{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding-top:56.25%;margin:22px 0;box-shadow:0 0 10px rgba(0,0,0,0.09);-webkit-animation:t_shirt_color_keyframes 45s ease 0s infinite;-moz-animation:t_shirt_color_keyframes 45s ease 0s infinite;animation:t_shirt_color_keyframes 45s ease 0s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.t_shirt img{position:absolute;padding:0;margin:0}.t_shirt::after{position:absolute;right:0;bottom:0;background-size:100% auto;width:100%;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_t_shirt_layer_01-min.png);content:"";opacity:1.0}.t_shirt img{right:41.2%;bottom:33.1%;height:27%;width:18.0%;opacity:0.75;object-fit:cover;border-radius:2px}.laptop{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding-top:56.25%;margin:22px 0;box-shadow:0 0 10px rgba(0,0,0,0.09)}.laptop img{position:absolute;padding:0;margin:0}.laptop::after{position:absolute;right:0;bottom:0;background-size:100% auto;width:100%;height:100%;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/bg_laptop-min.png);content:"";opacity:1.0}.laptop img{right:15.1%;bottom:25.2%;width:57.2%}.widget-single-content-bottom-title,.widget-below-sns-buttons-title{font-size:.9rem !important;color:#000;letter-spacing:.3em;font-style:italic;margin:0 !important;padding:22px 0 !important;font-weight:500 !important;text-align:center}footer.article-footer{padding:0}@media screen and (max-width: 480px){footer.article-footer{padding:0}}footer.article-footer .widget_fb_like_box{margin:33px 0 33px}footer.article-footer .widget_fb_like_box .fb-like-box{margin:0 22px}footer.article-footer .widget_fb_like_box .fb-like-box .fb-like-thumb{background:#f0f0f0;background:-webkit-linear-gradient(135deg, #f0f0f0, #dfdfdf);background:linear-gradient(135deg, #f0f0f0, #dfdfdf)}@media screen and (max-width: 834px){footer.article-footer .widget_fb_like_box .fb-like-box .fb-like-message{padding:22px 0 0 0}}footer.article-footer .widget_fb_like_box .fb-like-box .fb-like-buttons{padding:0}footer.article-footer .widget_fb_like_box .fb-like-box .fb-like-buttons .fb-like-facebook,footer.article-footer .widget_fb_like_box .fb-like-box .fb-like-buttons .fb-like-twitter{margin:22px 8px}footer.article-footer .widget_fb_like_box .fb-like-box .fb-like-sub-message{padding:0}@media screen and (max-width: 834px){footer.article-footer .widget_fb_like_box .fb-like-box .fb-like-sub-message{padding:0 0 22px 0}}.sns-share,.sns-follow{margin:22px 0 0 0;border-radius:2px}.sns-share .sns-share-message,.sns-share .sns-follow-message,.sns-follow .sns-share-message,.sns-follow .sns-follow-message{font-size:.9rem !important;color:#000;letter-spacing:.3em;font-style:italic;margin:0 !important;padding:22px 0 !important;font-weight:500 !important}.sns-share .sns-share-buttons,.sns-share .sns-follow-buttons,.sns-follow .sns-share-buttons,.sns-follow .sns-follow-buttons{padding:0 16.5px}.sns-share .sns-share-buttons .share-button,.sns-share .sns-share-buttons .follow-button,.sns-share .sns-follow-buttons .share-button,.sns-share .sns-follow-buttons .follow-button,.sns-follow .sns-share-buttons .share-button,.sns-follow .sns-share-buttons .follow-button,.sns-follow .sns-follow-buttons .share-button,.sns-follow .sns-follow-buttons .follow-button{background-color:#e3e3e3 !important;border:none !important}.sns-share .sns-share-buttons .share-count,.sns-share .sns-follow-buttons .share-count,.sns-follow .sns-share-buttons .share-count,.sns-follow .sns-follow-buttons .share-count{right:8px;bottom:6px;color:#999;font-size:10px;font-family:'Lato','M PLUS 1p',sans-serif;font-style:italic}.sns-share .sns-share-buttons .social-icon,.sns-share .sns-follow-buttons .social-icon,.sns-follow .sns-share-buttons .social-icon,.sns-follow .sns-follow-buttons .social-icon{font-size:26px}.sns-share .sns-share-buttons .icon-twitter-logo,.sns-share .sns-share-buttons .icon-facebook-logo,.sns-share .sns-share-buttons .icon-instagram-new,.sns-share .sns-share-buttons .icon-pinterest-logo,.sns-share .sns-share-buttons .icon-feedly-logo,.sns-share .sns-share-buttons .icon-rss-logo,.sns-share .sns-follow-buttons .icon-twitter-logo,.sns-share .sns-follow-buttons .icon-facebook-logo,.sns-share .sns-follow-buttons .icon-instagram-new,.sns-share .sns-follow-buttons .icon-pinterest-logo,.sns-share .sns-follow-buttons .icon-feedly-logo,.sns-share .sns-follow-buttons .icon-rss-logo,.sns-follow .sns-share-buttons .icon-twitter-logo,.sns-follow .sns-share-buttons .icon-facebook-logo,.sns-follow .sns-share-buttons .icon-instagram-new,.sns-follow .sns-share-buttons .icon-pinterest-logo,.sns-follow .sns-share-buttons .icon-feedly-logo,.sns-follow .sns-share-buttons .icon-rss-logo,.sns-follow .sns-follow-buttons .icon-twitter-logo,.sns-follow .sns-follow-buttons .icon-facebook-logo,.sns-follow .sns-follow-buttons .icon-instagram-new,.sns-follow .sns-follow-buttons .icon-pinterest-logo,.sns-follow .sns-follow-buttons .icon-feedly-logo,.sns-follow .sns-follow-buttons .icon-rss-logo{width:100% !important;height:100% !important}.sns-share .sns-share-buttons .icon-twitter-logo::before,.sns-share .sns-share-buttons .icon-facebook-logo::before,.sns-share .sns-share-buttons .icon-instagram-new::before,.sns-share .sns-share-buttons .icon-pinterest-logo::before,.sns-share .sns-share-buttons .icon-feedly-logo::before,.sns-share .sns-share-buttons .icon-rss-logo::before,.sns-share .sns-follow-buttons .icon-twitter-logo::before,.sns-share .sns-follow-buttons .icon-facebook-logo::before,.sns-share .sns-follow-buttons .icon-instagram-new::before,.sns-share .sns-follow-buttons .icon-pinterest-logo::before,.sns-share .sns-follow-buttons .icon-feedly-logo::before,.sns-share .sns-follow-buttons .icon-rss-logo::before,.sns-follow .sns-share-buttons .icon-twitter-logo::before,.sns-follow .sns-share-buttons .icon-facebook-logo::before,.sns-follow .sns-share-buttons .icon-instagram-new::before,.sns-follow .sns-share-buttons .icon-pinterest-logo::before,.sns-follow .sns-share-buttons .icon-feedly-logo::before,.sns-follow .sns-share-buttons .icon-rss-logo::before,.sns-follow .sns-follow-buttons .icon-twitter-logo::before,.sns-follow .sns-follow-buttons .icon-facebook-logo::before,.sns-follow .sns-follow-buttons .icon-instagram-new::before,.sns-follow .sns-follow-buttons .icon-pinterest-logo::before,.sns-follow .sns-follow-buttons .icon-feedly-logo::before,.sns-follow .sns-follow-buttons .icon-rss-logo::before{width:100% !important;height:100% !important;font-size:26px}.sns-share .sns-share-buttons a,.sns-share .sns-follow-buttons a,.sns-follow .sns-share-buttons a,.sns-follow .sns-follow-buttons a{width:calc((100%/3) - (11px));margin:0 0 11px 0;transition-duration:.75s;opacity:1.0;transition-duration:.75s;opacity:1.0}.sns-share .sns-share-buttons a:hover,.sns-share .sns-follow-buttons a:hover,.sns-follow .sns-share-buttons a:hover,.sns-follow .sns-follow-buttons a:hover{transition-duration:.2s;opacity:1}.sns-share .sns-share-buttons a:hover,.sns-share .sns-follow-buttons a:hover,.sns-follow .sns-share-buttons a:hover,.sns-follow .sns-follow-buttons a:hover{transition-duration:.2s;opacity:.65}.sns-share .sns-share-buttons a .button-caption,.sns-share .sns-follow-buttons a .button-caption,.sns-follow .sns-share-buttons a .button-caption,.sns-follow .sns-follow-buttons a .button-caption{display:none}.sns-share.ss-top .sns-share-buttons a{width:calc((100%/6) - (11px));margin:0 0 11px 0;transition-duration:.75s;opacity:1.0;transition-duration:.75s;opacity:1.0}.sns-share.ss-top .sns-share-buttons a:hover{transition-duration:.2s;opacity:1}.sns-share.ss-top .sns-share-buttons a:hover{transition-duration:.2s;opacity:.65}.entry-categories-tags{padding:0 22px;margin-bottom:0}@media screen and (max-width: 480px){.entry-categories-tags{padding:0 22px;margin-bottom:0}}.entry-categories-tags .entry-categories{margin-bottom:0}.entry-categories-tags .entry-categories a.cat-link{margin:5px;padding:2px 15px;line-height:1.6;font-size:.7rem;color:#000;font-style:italic;background-color:#e3e3e3;border:none;border-radius:2px;letter-spacing:.2em;margin-bottom:0;transition-duration:.75s;opacity:1.0;transition-duration:.75s;opacity:1.0}.entry-categories-tags .entry-categories a.cat-link:hover{transition-duration:.2s;opacity:1}.entry-categories-tags .entry-categories a.cat-link:hover{transition-duration:.2s;opacity:.65}.entry-categories-tags .entry-categories a.cat-link:first-child{margin-left:0}.entry-categories-tags .entry-tags{margin-bottom:0}.entry-categories-tags .entry-tags a.tag-link{margin:5px;padding:2px 15px;line-height:1.6;font-size:.7rem;color:#000;font-style:italic;background-color:get_bg_color(SITE);border:1px solid #888;border-radius:2px;letter-spacing:.2em;margin-bottom:0}.entry-categories-tags .entry-tags a.tag-link:before{padding-right:8px}.page .sidebar{display:none}.page .main{width:100%}@media screen and (max-width: 1114px){.main{width:74%}.sidebar{margin:0;padding:0;width:26%}}.sidebar{background-color:transparent;padding:0 0 0 66px}.sidebar .widget-sidebar{text-align:center !important}.sidebar .widget-sidebar a{text-align:left}.sidebar .widget-sidebar .widget-title,.sidebar .widget-sidebar .widget-sidebar-title{background-color:transparent;font-style:italic;letter-spacing:.3em;margin-top:44px;margin-bottom:44px;font-size:.85rem}.sidebar .widget-sidebar .widget-entry-cards .a-wrap{padding:0;margin-bottom:22px}.sidebar .widget-sidebar .widget-entry-card-title{font-weight:500 !important}.sidebar form.search-box.input-box{margin:44px 0 44px 0}.sidebar form.search-box.input-box input{margin:0;width:100%;background-color:#d7d7d7;color:#000}.sidebar form.search-box.input-box input:placeholder-shown{color:#999}.sidebar form.search-box.input-box input::-webkit-input-placeholder{color:#999}.sidebar form.search-box.input-box input:-moz-placeholder{color:#999;opacity:1}.sidebar form.search-box.input-box input::-moz-placeholder{color:#999;opacity:1}.sidebar form.search-box.input-box input:-ms-input-placeholder{color:#999}.sidebar .search-submit{color:#fff;margin-right:5px}.sidebar .youtube-widget{box-shadow:0 0 10px rgba(0,0,0,0.09)}.sidebar .youtube-widget .youtube-movie{position:relative;padding-bottom:56.25%}.sidebar .youtube-widget .youtube-movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px 2px 0 0}.sidebar .youtube-widget .youtube-channel{padding:18px 0 11px 0;background-color:#f8f8f8;border-radius:0 0 2px 2px}h2.related-entry-heading{border:none;font-size:1em;padding:0;margin:44px 0;text-align:center;line-height:44px;font-weight:bold;font-style:italic;letter-spacing:.3em;display:inline-block}h2.related-entry-heading::before{display:block;width:100%;text-align:cneter}h2.related-entry-heading .main-caption{letter-spacing:.3em}.related-entries{background-color:transparent;margin:0 11px;text-align:center}@media screen and (max-width: 1023px){.related-entries{background-color:transparent;margin:0 11px;text-align:center}}@media screen and (max-width: 834px){.related-entries{background-color:transparent;margin:0 11px;text-align:center}}@media screen and (max-width: 480px){.related-entries{background-color:transparent;margin:0 11px;text-align:center}}.related-entries .related-list{padding:0}.related-entries .related-list a .related-entry-card-snippet{padding:5.5px 11px}.related-entries .related-list a h3{margin-block-end:0;padding:9.9px 0}.rect-vartical-card-3 .related-entry-card-wrap{width:calc((100% / 3) - 22px);margin:0 11px 22px;padding:0;border-radius:2px}@media screen and (max-width: 1023px){.rect-vartical-card-3 .related-entry-card-wrap{width:calc((100% / 2) - 22px);margin:0 11px 22px;padding:0}}@media screen and (max-width: 834px){.rect-vartical-card-3 .related-entry-card-wrap{width:calc((100% / 2) - 22px);margin:0 11px 22px;padding:0}}@media screen and (max-width: 480px){.rect-vartical-card-3 .related-entry-card-wrap{width:100%;margin:11px;padding:0}}.rect-vartical-card-3 .related-entry-card-wrap .related-entry-card img{border-radius:2px 2px 0 0}.post-navi-square a{height:66px}#pager-post-navi.pager-post-navi{background-color:transparent;margin:0 11px 44px}#pager-post-navi.pager-post-navi .prev-post-thumb.card-thumb,#pager-post-navi.pager-post-navi .next-post-thumb.card-thumb,#pager-post-navi.pager-post-navi #prev-next-home.prev-next-home span{display:none}#pager-post-navi.pager-post-navi a.prev-post{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_previous_post-min.png);background-position:left;padding-left:5%}@media screen and (max-width: 834px){#pager-post-navi.pager-post-navi a.prev-post{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_previous_post_bold-min.png)}}#pager-post-navi.pager-post-navi a.prev-post::before{content:"PREVIOUS POST"}#pager-post-navi.pager-post-navi a.prev-post .fa::before{display:none}#pager-post-navi.pager-post-navi a.next-post{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_next_post-min.png);background-position:right;padding-right:5%}@media screen and (max-width: 834px){#pager-post-navi.pager-post-navi a.next-post{background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_next_post_bold-min.png)}}#pager-post-navi.pager-post-navi a.next-post::before{content:"NEXT POST"}#pager-post-navi.pager-post-navi a.next-post .fa::before{display:none}#pager-post-navi.pager-post-navi a.prev-post,#pager-post-navi.pager-post-navi a.next-post{background-size:55px 55px;background-repeat:no-repeat;flex-direction:column;margin-right:11px;margin-left:11px;transition-duration:.75s;box-shadow:0 0 20px transparent;transition-duration:.75s;background-color:transparent;border-radius:2px}#pager-post-navi.pager-post-navi a.prev-post:hover,#pager-post-navi.pager-post-navi a.next-post:hover{transition-duration:.2s;background-color:#f8f8f8;color:#000}#pager-post-navi.pager-post-navi a.prev-post:hover,#pager-post-navi.pager-post-navi a.next-post:hover{transition-duration:.2s;box-shadow:0 0 20px rgba(0,0,0,0.05)}#pager-post-navi.pager-post-navi a.prev-post::before,#pager-post-navi.pager-post-navi a.next-post::before{letter-spacing:.2em;font-size:1em;color:#000;margin:0 0 15px 0;font-style:italic;font-weight:300}#pager-post-navi.pager-post-navi a.prev-post [class*="-post-title"],#pager-post-navi.pager-post-navi a.next-post [class*="-post-title"]{font-size:.7rem;letter-spacing:.2em;margin:0}@media screen and (max-width: 1023px){#pager-post-navi.pager-post-navi a.prev-post,#pager-post-navi.pager-post-navi a.next-post{background-size:55px 55px;background-repeat:no-repeat;flex-direction:column;margin-right:11px;margin-left:11px;transition-duration:.75s;box-shadow:0 0 20px transparent;transition-duration:.75s;background-color:transparent;border-radius:2px}#pager-post-navi.pager-post-navi a.prev-post:hover,#pager-post-navi.pager-post-navi a.next-post:hover{transition-duration:.2s;background-color:#f8f8f8;color:#000}#pager-post-navi.pager-post-navi a.prev-post:hover,#pager-post-navi.pager-post-navi a.next-post:hover{transition-duration:.2s;box-shadow:0 0 20px rgba(0,0,0,0.05)}#pager-post-navi.pager-post-navi a.prev-post::before,#pager-post-navi.pager-post-navi a.next-post::before{letter-spacing:.2em;font-size:1em;color:#000;margin:0 0 15px 0;font-style:italic;font-weight:300}#pager-post-navi.pager-post-navi a.prev-post [class*="-post-title"],#pager-post-navi.pager-post-navi a.next-post [class*="-post-title"]{font-size:.7rem;letter-spacing:.2em;margin:0}}@media screen and (max-width: 834px){#pager-post-navi.pager-post-navi a.prev-post,#pager-post-navi.pager-post-navi a.next-post{background-size:30px 30px}}@media screen and (max-width: 480px){#pager-post-navi.pager-post-navi a.prev-post,#pager-post-navi.pager-post-navi a.next-post{background-size:20px 20px}#pager-post-navi.pager-post-navi a.prev-post::before,#pager-post-navi.pager-post-navi a.next-post::before{font-size:.9em}#pager-post-navi.pager-post-navi a.prev-post [class*="-post-title"],#pager-post-navi.pager-post-navi a.next-post [class*="-post-title"]{font-size:.5rem}}#pager-post-navi.pager-post-navi a.prev-next-home{display:none}.comment-list{text-align:center}.comment-list h2.comment-title{border:none;font-size:1em;padding:0;margin:44px 0;text-align:center;line-height:44px;font-weight:bold;font-style:italic;letter-spacing:.3em;display:inline-block}.comment-list h2.comment-title::before{display:block;width:100%;text-align:cneter}.comment-list h2.comment-title .main-caption{letter-spacing:.3em}#comment-area.comment-area{background-color:transparent;margin:0 22px 44px}#comment-area.comment-area aside.comment-form{padding:0 0 22px 0}#comment-area.comment-area p.comment-notes{background-color:get_bg_color(CONTENT);font-size:.8em;line-height:22px;border-radius:2px;text-align:center;margin:0;padding:0}#comment-area.comment-area textarea#comment,#comment-area.comment-area input#email,#comment-area.comment-area input#author{border-radius:2px;background-color:#E0E0E0;border:none;box-shadow:0 0 10px rgba(0,0,0,0.04) inset;transition-duration:.75s}#comment-area.comment-area textarea#comment:focus,#comment-area.comment-area input#email:focus,#comment-area.comment-area input#author:focus{transition-duration:.6s;background-color:#dbdbdb;box-shadow:0 0 20px rgba(255,255,255,0.7)}#comment-area.comment-area label{font-size:.8em}#comment-area.comment-area .comment-form-comment,#comment-area.comment-area .comment-form-author,#comment-area.comment-area .comment-form-email,#comment-area.comment-area .comment-form-url{padding:0;margin:11px 0 0 0}#comment-area.comment-area .form-submit{text-align:center;padding:0;margin:44px 0 0 0}#comment-area.comment-area #submit{background-color:#333;color:#fff;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.3);letter-spacing:.05em;font-size:.9em;width:300px;margin:auto;line-height:33px;padding:0;height:66px;transition-duration:.75s}#comment-area.comment-area #submit:hover{transition-duration:.2s;background-color:#4a4a4a;color:#fff}form#mailform input#nameval,form#mailform input#mailval,form#mailform input#urlval,form#mailform textarea#textval{border-radius:2px;background-color:#E0E0E0;border:none;box-shadow:0 0 10px rgba(0,0,0,0.04) inset;font-size:1rem;transition-duration:.75s}form#mailform input#nameval:placeholder-shown,form#mailform input#mailval:placeholder-shown,form#mailform input#urlval:placeholder-shown,form#mailform textarea#textval:placeholder-shown{color:#b3b3b3}form#mailform input#nameval::-webkit-input-placeholder,form#mailform input#mailval::-webkit-input-placeholder,form#mailform input#urlval::-webkit-input-placeholder,form#mailform textarea#textval::-webkit-input-placeholder{color:#b3b3b3}form#mailform input#nameval:-moz-placeholder,form#mailform input#mailval:-moz-placeholder,form#mailform input#urlval:-moz-placeholder,form#mailform textarea#textval:-moz-placeholder{color:#b3b3b3;opacity:1}form#mailform input#nameval::-moz-placeholder,form#mailform input#mailval::-moz-placeholder,form#mailform input#urlval::-moz-placeholder,form#mailform textarea#textval::-moz-placeholder{color:#b3b3b3;opacity:1}form#mailform input#nameval:-ms-input-placeholder,form#mailform input#mailval:-ms-input-placeholder,form#mailform input#urlval:-ms-input-placeholder,form#mailform textarea#textval:-ms-input-placeholder{color:#b3b3b3}form#mailform input#nameval:focus,form#mailform input#mailval:focus,form#mailform input#urlval:focus,form#mailform textarea#textval:focus{transition-duration:.6s;background-color:#dbdbdb;box-shadow:0 0 20px rgba(255,255,255,0.7)}form#mailform .send-data{border-radius:2px;background-color:#ebebeb;box-shadow:0 0 10px rgba(0,0,0,0.04) inset;font-size:1rem;padding:5.5px 22px;margin:0}form#mailform #text-area{display:block}form#mailform .input-item{margin-bottom:22px}form#mailform label{padding:22px 0 44px 0 !important}form#mailform #name-label::after,form#mailform #mail-label::after,form#mailform #text-label::after,form#mailform #agree-label::after{font-size:.5rem;color:#fff;background-color:red;padding:1px 5px;border-radius:2px;margin-left:5px;content:"必須"}form#mailform .privacy-policy{text-align:center;font-size:.8rem;color:#777;background-color:#ebebeb;margin-top:22px;padding:11px}form#mailform .agree-form-wrap{width:100%;text-align:center}form#mailform .agree-form-wrap .agree-form input#agreeval{margin-right:11px}form#mailform .contact-submit{text-align:center;padding:0;margin:44px 0 0 0}form#mailform .contact-submit #submit{background-color:#333;color:#fff;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.3);letter-spacing:.05em;font-size:.9em;width:300px;margin:auto;line-height:33px;padding:0;height:66px;transition-duration:.75s}form#mailform .contact-submit #submit:hover{transition-duration:.2s;background-color:#4a4a4a;color:#fff}form#mailform .contact-submit #submit.button_disable{background-color:#fff;color:#aaa;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.09);letter-spacing:.05em;cursor:default}form#mailform .top_page_link_wrap{text-align:center}form#mailform .top_page_link_wrap .top_page_link{text-decoration:none;display:inline-block;background-color:#333;color:#fff;border:none;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.3);letter-spacing:.05em;font-size:.9em;width:300px;margin:auto;line-height:33px;padding:0;transition-duration:.75s;line-height:66px !important;margin:44px 0}form#mailform .top_page_link_wrap .top_page_link:hover{transition-duration:.2s;background-color:#4a4a4a;color:#fff}#dispmsg .success{text-align:center;font-size:.8rem !important;background-color:#f7f7f7 !important}.posts-not-found{text-align:center}.posts-not-found h2{font-style:italic}.posts-not-found p{font-size:0.8rem}.error404 h1.entry-title{text-align:center;width:100%;font-weight:normal;font-style:italic;font-size:1.1em;letter-spacing:.3em;margin:132px 0 0 0;padding:0}.error404 p{padding:0;text-align:center;margin:0 0 110px 0}.page .article h1.entry-title{font-size:1.1em;letter-spacing:.3em;text-align:center;margin:88px 0 88px 0}.page footer.article-footer,.page .sns-share,.page .date-tags,.page .author-info{display:none}.page .breadcrumb{visibility:hidden}.footer-right,.footer-center,.footer-left{width:50%;margin:0;padding:0}@media screen and (max-width: 1023px){.footer-right,.footer-center,.footer-left{width:100%;margin:0}}@media screen and (max-width: 834px){.footer-right,.footer-center,.footer-left{width:50%;margin:0}}@media screen and (max-width: 480px){.footer-right,.footer-center,.footer-left{width:calc(100% - 22px);margin:0;padding:0}}.footer-center{display:none}footer#footer{background-color:#282828}footer#footer .widget{margin:33px 0}.search-box{margin:22px 0 44px 0}#footer_logo.footer_logo{line-height:33px;margin:22px 0 44px 0;text-align:center}#footer_logo.footer_logo h3{font-weight:normal;font-size:1.1rem;letter-spacing:.3em;font-style:italic}#footer_logo.footer_logo h3::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/color_code_logo_reverse_096px-min.png);content:"";width:14px;height:14px;background-size:cover;margin-right:19px}footer .tagcloud a{margin:5px;padding:2px 15px;line-height:1.6;font-size:.7rem;color:#fff;font-style:italic;background-color:#353535;border:1px solid #424242;border-radius:2px;letter-spacing:.2em;transition-duration:.75s}footer .tagcloud a:hover{transition-duration:.2s;background-color:#4e4e4e;color:#fff}footer .tagcloud a .tag-caption::before{padding-right:8px}footer #about .about img{border-radius:2px}footer #about .about p{text-align:left;font-weight:300;padding:0;margin:5.5px 0 0 0}footer #youtube .youtube img{border-radius:2px}footer #youtube .youtube p{text-align:left;font-weight:300;padding:0;margin:5.5px 0 0 0}footer #twitter .twitter img{border-radius:2px}footer #twitter .twitter p{text-align:left;font-weight:300;padding:0;margin:5.5px 0 0 0}footer .widget_nav_menu,footer .widget_categories,footer .widget_tag_cloud,footer .widget_archive,footer .widget_meta,footer .about,footer .youtube,footer .twitter{text-align:center !important}footer .widget_nav_menu a,footer .widget_categories a,footer .widget_tag_cloud a,footer .widget_archive a,footer .widget_meta a,footer .about a,footer .youtube a,footer .twitter a{text-align:left}footer .widget_nav_menu .footer-title,footer .widget_categories .footer-title,footer .widget_tag_cloud .footer-title,footer .widget_archive .footer-title,footer .widget_meta .footer-title,footer .about .footer-title,footer .youtube .footer-title,footer .twitter .footer-title{font-style:italic;letter-spacing:.3em;margin-bottom:22px}footer h3.footer-title{font-size:.85rem;background-color:transparent;position:relative;display:inline-block;margin:0 11px;padding:0;line-height:33px;text-align:center;letter-spacing:.3em}footer .widget ul li{position:relative;margin-left:0.2em;margin-right:0.2em}footer .widget ul li a{font-style:italic;font-weight:300;font-size:.8rem;letter-spacing:.2em;padding-left:10px;border-top:1px dotted #4e4e4e;transition-duration:.75s}footer .widget ul li a:hover{transition-duration:.2s;background-color:#4e4e4e;color:#fff}footer .widget ul li .children a,footer .widget ul li .sub-menu a{letter-spacing:.2em;font-size:.7rem;border:none}footer aside.widget ul,footer #tag_cloud-2 .tagcloud,footer #about .about,footer #youtube .youtube,footer #twitter .twitter{font-size:.8rem;padding:11px 33px 22px}footer aside.widget ul ul.children,footer aside.widget ul ul.sub-menu,footer #tag_cloud-2 .tagcloud ul.children,footer #tag_cloud-2 .tagcloud ul.sub-menu,footer #about .about ul.children,footer #about .about ul.sub-menu,footer #youtube .youtube ul.children,footer #youtube .youtube ul.sub-menu,footer #twitter .twitter ul.children,footer #twitter .twitter ul.sub-menu{padding:0 0 0 22px}[id^="categories-"] ul li a::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_folder_reverse-min.png);content:"";width:10px;height:10px;background-size:cover;margin-right:12px}[id^="categories-"] ul.children li a::before{display:inline-block;background-image:url(https://color-code.net/wp-content/themes/cocoon-child-master/img/icon_folder_reverse-min.png);content:"";width:8px;height:8px;background-size:cover;margin-right:12px}#archives-2 ul li a:before{font-family:'FontAwesome';content:""}#meta-2 ul li a:before{font-family:'FontAwesome';content:""}.widget_recent_entries ul li a .post-count,.widget_categories ul li a .post-count,.widget_archive ul li a .post-count,.widget_pages ul li a .post-count,.widget_meta ul li a .post-count,.widget_rss ul li a .post-count,.widget_nav_menu ul li a .post-count{background-color:transparent;color:#fff;padding-left:0.5em;padding-right:0.5em;font-size:.8em}form.search-box.input-box input{border-radius:2px;margin:0 33px;width:calc(100% - (33px * 2));border:none;font-size:.8em;background-color:#424242;color:#fff}form.search-box.input-box input:placeholder-shown{color:#b3b3b3}form.search-box.input-box input::-webkit-input-placeholder{color:#b3b3b3}form.search-box.input-box input:-moz-placeholder{color:#b3b3b3;opacity:1}form.search-box.input-box input::-moz-placeholder{color:#b3b3b3;opacity:1}form.search-box.input-box input:-ms-input-placeholder{color:#b3b3b3}.search-edit{padding:0 11px !important;line-height:33px;background-color:transparent}.search-submit{color:#fff;line-height:29px;font-size:.8em;margin-right:40px}.search-submit::before{padding-right:0}.tagcloud a{margin:5px;padding:2px 15px;line-height:1.6;font-size:.7rem;color:#000;font-style:italic;background-color:get_bg_color(SITE);border:1px solid #888;border-radius:2px;letter-spacing:.2em}.tagcloud a .tag-caption::before{padding-right:8px}@media screen and (max-width: 1023px){.footer-widgets{display:flex}}#navi-footer.navi-footer,.source-org.copyright{width:50%;margin:0;padding:0 0 7px 0;text-align:center}@media screen and (max-width: 1023px){#navi-footer.navi-footer,.source-org.copyright{width:50%;margin:0;padding:0 0 7px 0;text-align:center}}@media screen and (max-width: 834px){#navi-footer.navi-footer,.source-org.copyright{width:50%;margin:0;padding:0 0 7px 0;text-align:center}}@media screen and (max-width: 480px){#navi-footer.navi-footer,.source-org.copyright{width:100%;margin:0;padding:0 0 10px 0;text-align:center}}.footer-bottom.fdt-left-and-right.fnm-text-width.cf{margin:0;padding:0}.footer-bottom.fdt-left-and-right .footer-bottom-content{flex-direction:row-reverse}@media screen and (max-width: 1023px){.footer-bottom.fdt-left-and-right .footer-bottom-content{flex-direction:row-reverse}}@media screen and (max-width: 834px){.footer-bottom.fdt-left-and-right .footer-bottom-content{flex-direction:row-reverse}}@media screen and (max-width: 480px){.footer-bottom.fdt-left-and-right .footer-bottom-content{flex-direction:column}}.navi-footer-in>.menu-footer{justify-content:center}.footer-bottom.fdt-left-and-right.fnm-text-width.cf{background-color:transparent;padding:10px 0 0 0}@media screen and (max-width: 1023px){.footer-bottom.fdt-left-and-right.fnm-text-width.cf{background-color:#2A2A2A}}@media screen and (max-width: 834px){.footer-bottom.fdt-left-and-right.fnm-text-width.cf{background-color:#2A2A2A}}@media screen and (max-width: 480px){.footer-bottom.fdt-left-and-right.fnm-text-width.cf{background-color:#2A2A2A}}.footer-bottom #navi-footer{display:none !important}.footer-bottom .copyright{font-size:.7rem;font-style:italic;font-weight:300}@media screen and (max-width: 834px){.footer-bottom.fnm-text-width .menu-footer li a{padding:0 5px}}.menu-footer li a{font-size:.7rem}.footer-bottom-logo{display:none}#navi-footer.navi-footer a{transition-duration:.75s}#navi-footer.navi-footer a:hover{transition-duration:.2s;background-color:#4e4e4e;color:#fff}.go-to-top-button{background-color:transparent}#loader{background:#EEE;height:100%;width:100%;position:fixed;top:0px;left:0px;z-index:100}#loader img{background:#FFF;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:100}@media screen and (max-width: 480px){.pager-post-navi.post-navi-square{flex-direction:row}.comment-btn.key-btn,#submit{width:80%}.footer-widgets{display:block}.usecase_wrap .usecase_number_wrap .usecase_number{font-size:1.2rem}.usecase_wrap .usecase_title_wrap .usecase_title_upper .usecase_title_jpn{font-size:.5rem;padding:2px 10px 2px 10px}.usecase_wrap .usecase_title_wrap .usecase_title_lower .usecase_title_eng{font-size:.5rem;padding:2px 10px 2px 10px}.smart_phone img{transform:scaleY(0.52) perspective(480px) rotateX(45deg);right:29.0%;bottom:16.0%;width:42.0%}}
/*# sourceMappingURL=style.css.map */