/*
Theme Name: a4jp_com_fresh
Theme URI: https://a4jp.com/themes
Author: Glen Charles Rowell
Author URI: https://a4jp.com
Description: A4JP Design Studio
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: a4jp_com_fresh
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.wp-block-separator{border-top:1px solid!important;border-bottom:0px solid!important}
.fee{color:#800000;font-weight:700}
.bb5{border:5px solid black}
a.keyko-menu{padding-right:10px!important;text-decoration:underline!important;color:black!important}
p.keyko-middle,.keyko-middle{text-align:center!important}
a.ms-layer.keyko-btn{color:white!important}
a.ms-btn-container,.ms-btn-container{color:white!important}
.wp-block-gallery{margin:0 0 18px!important}
p.yellow{padding:3px!important;background-color:#ffc!important;text-align:center!important}
@media only screen and (max-width: 760px){#h1seo{display:none}}
@media only screen and (max-width: 766px){#topaddress{display:none}.headercolor{margin-left:auto!important;margin-right:auto!important;display:block!important;letter-spacing:0px;font-weight:normal;font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif}}
#h1div{float:left;text-align:center;color:#000;font-size:small;margin:0 0 0 0}
#h1title{float:left;margin:8px 0 0 10px;text-align:center;color:#000;font-size:small!important}
@charset "utf-8";
.center{text-align:center}
.clear{clear:both}.clear-r{clear:right}.clear-l{clear:left}
.0000ee{color:#0000ee}
image.l10,.l10{margin-left:10px!important}
image.r10,.r10{margin-right:10px!important}
@-moz-keyframes rotating{from{-moz-transform:scale( 1 ) rotate( 0deg );}
  to  {-moz-transform: scale( 1 ) rotate( 360deg );}
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
/*-webkit-transform: rotate(0deg);*/
-o-transform:rotate(0deg);
transform:rotate(0deg);
} to {
/*-webkit-transform: rotate(360deg);*/
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes rotating{
  from{
    -ms-transform:rotate(0deg);
    /*-moz-transform: rotate(0deg);not firefox*/
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}
  to{
    -ms-transform: rotate(360deg);
    /*-moz-transform: rotate(360deg);not firefox*/
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.rotating{
  -webkit-animation: rotating 120s linear infinite;
  /*-moz-animation: rotating 120s linear infinite;*/
  -ms-animation: rotating 120s linear infinite;
  -o-animation: rotating 120s linear infinite;
  animation: rotating 120s linear infinite;
}


.rotation{
	-webkit-animation:spin 120s linear infinite;
	-moz-animation:spin 120s linear infinite;
	animation:spin 120s linear infinite;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	animation-fill-mode:both
}
	
	
.gallery dl.gallery-item img.attachment-thumbnail{padding:0px;margin:5px;width:85%!important;height:auto}
#gallery-1 img,#gallery-4 img{border:1px solid #cfcfcf!important}
.screen-reader-text{}
.tt-body-login{padding-top:20px!important}
body,html{height:100%;color:#000}
body{font-size:14px;text-align:left;letter-spacing:1px;color:#000;font-family:Montserrat,sans-serif}
.keep-all{word-break:keep-all}
#gallery-2 img{border:2px solid #dedede!important}
.post-info-top{border:0!important;padding:0!important}
/*GROW*/
div.entry p img.aligncenter{}
/*SECTIONS*/
.section{clear:both;padding:0px;margin:0px}
/*COLUMN SETUP*/
.col{display:block;float:left;margin:1% 0 1% 1.6%}
.col:first-child{margin-left:0}
/*GROUPING*/
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1;/* For IE 6/7 */}
/*GRID OF TWO*/
.span_2_of_2{width:100%}
.span_1_of_2{width:49.2%}
/*GO FULL WIDTH AT LESS THAN 480 PIXELS*/
@media screen and (max-width: 480px){
div .logo-pc{display:none}
#colorbit{background-color:black!important}
.col{margin:1% 0 1% 0%}
.span_2_of_2,.span_1_of_2{width:100%}
.keywords{display:none}
#menus{clear:both;font-size:9px!important}
#menus li{display:block !important;background-color:#C3BAB1}
#menus li a{font-weight:400!important;text-shadow:none!important;display:block!important;clear:both;border:#666 solid 1px!important}
#menus li a:hover{color:#fff!important}
#menus li a:active{color:#fff!important}
#menus li.current_page_item{background-color:#D2C7BC!important}
#menus li.current_page_item a{font-weight:800!important}
#menus li li a{text-align:center!important}
#menus ul{display:block!important}
#menus ul li{display:block!important;width: calc(100% / 2);float:left;}
#menus ul ul{display:none!important;clear:both;position:relative!important}
#menus ul ul li{display:block!important;clear:both;position:relative!important}
#menus ul ul ul{display:none!important;clear:both;position:relative!important;left:0!important}/*third level*/
#menus ul ul ul li{display:block!important;clear:both;width:100%!important}
}
/*Responsive iframe-div outside with class video-container*/.video-container{position:relative;/* keeps the aspect ratio */padding-bottom:56.25%;/*fine tunes the video positioning */padding-top:60px;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
/*p img{width:100% !important;height:auto;}*/
.menu-tree li{padding-left:0px !important}

@media (max-width:780px){
div .breadcrumb-container,hr.liner,#menus{display:none!important}
div .header-bgcolor{background-color:#000!important}}

/*less than 980 and its tall*/
@media (max-width:630px) and (min-width:481px){
div .logo-pc{display:none}
#coloredbit{background-color:black!important}
.keywords{display:none}
#menus{clear:both}
#menus li{display:block !important;background-color:#C3BAB1}
#menus li a{font-weight:400!important;text-shadow:none!important;display:block!important;clear:both;border:#666 solid 1px!important}
#menus li a:hover{color:#fff!important}
#menus li a:active{color:#fff!important}
#menus li.current_page_item{background-color:#D2C7BC!important}
#menus li.current_page_item a{font-weight:800!important}
#menus li li a{text-align:center!important}
#menus ul{display:block!important}
#menus ul li{display:block!important;width: calc(100% / 2);float:left;}
#menus ul ul{display:none!important;clear:both;position:relative!important}
#menus ul ul li{display:block!important;clear:both;position:relative!important}
#menus ul ul ul{display:none!important;clear:both;position:relative!important;left:0!important}/*third level*/
#menus ul ul ul li{display:block!important;clear:both;width:100%!important}
}


/*less than 980 and its tall*/
@media (max-width:985px) and (min-width:631px){
div .logo-mobile{display:none}
#colorbit{background-color:#E8E5E1}
#menus{clear:both}
#menus li{display:block !important;background-color:#C3BAB1}
#menus li a{font-weight:400!important;text-shadow:none!important;display:block!important;clear:both;border:#666 solid 1px!important}
#menus li a:hover{color:#fff!important}
#menus li a:active{color:#fff!important}
#menus li.current_page_item{background-color:#D2C7BC!important}
#menus li.current_page_item a{font-weight:800!important}
#menus li li a{text-align:center!important}
#menus ul{display:block!important}
#menus ul li{display:block!important;width: calc(100% / 3);float:left;}
#menus ul ul{display:none!important;clear:both;position:relative!important}
#menus ul ul li{display:block!important;clear:both;position:relative!important}
#menus ul ul ul{display:none!important;clear:both;position:relative!important;left:0!important}/*third level*/
#menus ul ul ul li{display:block!important;clear:both;width:100%!important}}


@media (max-width:8000px) and (min-width:986px){
div .logo-mobile{display:none!important}
#colorbit{background-color:#E8E5E1}}

.screen-reader-text{clip: rect(1px, 1px, 1px, 1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;/*Above WP toolbar.*/}
.grow img{height:300px;width:300px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.grow img:hover{width:400px;height:400px}
.icon{-webkit-transition:all 0.5s ease!important;-moz-transition:all 0.5s ease!important;-o-transition:all 0.5s ease!important;-ms-transition:all 0.5s ease!important; transition: all 0.5s ease !important}
.icon:hover{transform:scale(1.05)}
.icon2{-webkit-transition: all 0.5s ease!important;-moz-transition:all 0.5s ease!important;-o-transition:all 0.5s ease!important;-ms-transition:all 0.5s ease!important; transition: all 0.5s ease !important;}
.icon2:hover{transform:rotate(3deg) scale(1.03)}
.footer{text-shadow:none}
.svg-3d-cube{background:url(https://a4jp.com/images/svg/3d-cube.svg) no-repeat center center;width:100%;height:100%}
.svg-3d-pc{background: url(https://a4jp.com/images/svg/3d-pc.svg) no-repeat center center; width: 100%; height:100%}
.svg-3d-person{background: url(https://a4jp.com/images/svg/3d-person.svg) no-repeat center center; width: 100%;height:100%}
.svg-3d-printer{background: url(https://a4jp.com/images/svg/3d-printer.svg) no-repeat center center; width: 100%; height:100%}
.svg-cal{background: url(https://a4jp.com/images/svg/calandar.svg) no-repeat center center; width: 100%; height:100%}
.svg-camera{background: url(https://a4jp.com/images/svg/camera.svg) no-repeat center center; width: 100%; height:100%}
.svg-card{background: url(https://a4jp.com/images/svg/card-brochure.svg) no-repeat center center;width:100%;height:100%}
.svgcontainer{width:150px;height:150px;float:left;padding:0 10px}
.clear{clear:both}
div#login h1 a{margin:0}
img.wpcf7-form-control{width:84px!important}
.seo-searchterms-tagging-2{border-top:#ccc solid 1px;margin-left:2px}
.btn-top-black{font-weight:700;background-color:#942626;moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;padding:0 5px}
.btn-top-clear{font-weight:700;moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;padding:0 5px}
.tptn_counter{padding:11px 20px 0}
.slidertop{margin-bottom:22px;width:100%;overflow:hidden}
.colorbox-2{margin:0 0 22px}
#switch{text-shadow:none;margin:20px;padding-top:20px}
#wptouch-desktop-switch{text-align:center;margin:20px;padding-top:20px}
div#nav_menu-4.menu-right-menu-container{border-top:none}
strong.search-excerpt,.search-excerpt{background-color:#ff0}
._4s7c{border:0}
.top-page-line{/*Glen*/border-bottom:solid 1px #ccc}
.cb{clear:both}
.wpcf7-form-control{width:calc(100% - 4px);font-size:16px;-webkit-text-size-adjust:none;margin-left:auto;margin-right:auto}
.wpcf7-submit{width:calc(100% - 4px);height:3em;}
#likebox-frame{border:none}
#likebox-frame iframe{border:none}
.-cx-PRIVATE-pluginBoxContainer__border{border:none}
.pluginSkinLight{border:none}
div#as_facebook_mem_likebox_widgets.widget.pluginBoxContainer{border:none}
#comments{margin:0}
#header h2{margin:0}
.entry-utility{margin:0 0 18px}
.gallery-icon img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in}
div#visitor-maps.widget.VisitorMaps_visitor_maps_widget div{padding:0 0 8px;border:none;text-align:center}
div#visitor-maps.widget.VisitorMaps_visitor_maps_widget h3.widgettitle{border-bottom:solid 1px #ccc;margin:1px 0 8px}
div#login_logout-4.widget.widget_login_logout{padding:0 0 0 5px}
div#randomtext-4.widget.randomtext div{padding:0 0 10px}
#colorbox-41{border:#666 solid 1px}
.galleryid-41 img,.galleryid-46 img,.galleryid-74 img,.galleryid-87 img,.galleryid-103 img,.galleryid-110 img,.galleryid-533 img,.galleryid-674 img,.galleryid-741 img,.galleryid-758 img, .galleryid-2404 img, .galleryid-2309 img, .galleryid-2475 img, .galleryid-2606 img, .galleryid-2820 img,.galleryid-3327 img,.galleryid-46 img,.galleryid-62 img,.galleryid-4226 img,.galleryid-1463 img,.galleryid-351 img,.galleryid-358 img,.galleryid-1113 img,.galleryid-1124 img, .galleryid-2194 img, .galleryid-4103 img, .galleryid-4943 img .galleryid-4549 img{margin: 10px 0; border: #ccc solid 1px}
.galleryid-41 .gallery-icon img{cursor:pointer}
.galleryid-2 img{margin:0 0 1px}
.galleryid-48 img{margin:0 0 4px}
.galleryid-2309 .gallery-item, .galleryid-338 .gallery-item{margin-top: 0}
//-------------- MAIN GALLERY PAGE //-------------- .galleryid-41 .gallery-item {
background-color:#FFF}
.galleryid-41 .gallery-caption{margin: 0 0 11px}
//-------------- COUNTER Not here //-------------- .tptn_counter{padding:5px}
.tptn_title{padding:0 0 0 7px}
#gallery-1 img{margin:0}
#gallery-1 .gallery-icon{margin: 0}
.colone{ width: 45.5%; float: left; margin: 0 1% 1%; padding: 1%; height: auto; border: solid 1px #ccc}
.coltwo{ width: 45.5%; float: left; margin: 0 1% 1%; padding: 1%; height: auto; border: solid 1px #ccc}
@media screen and(-webkit-min-device-pixel-ratio:1.5){ul.flex-direction-nav{display:none}a.flex-prev{display:none}}
@media screen and(-webkit-min-device-pixel-ratio:2){ul.flex-direction-nav{display:none}a.flex-prev{display:none}#search form input#searchsubmit{cursor:pointer;position:absolute;right:5px;top:1px;width:30px;height:25px;padding-right:30px;background:#000 url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/search-input-bg.svg) no-repeat right center;border:none;text-indent:-9999px;margin:5px 3px 0 0}}
@media screen and(max-width:480px){.colone{width:100%}.coltwo{width:100%}}
#cboxTitle{color:red}
.map{display:inline-block;background-color:#9a0000;border-radius:5px;margin-right:10px}
.nextPage{float:right;clear:both;background-color:#005493;background:#005493;border:4px black solid;border-radius:11px}
#footer-inside.map a:link, #footer-inside.map a:visited, #footer-inside.map a:hover{color: #000; border: none; display: block; padding: 3px}
li.current>a{background-color: #eaeaea}
address{font-style: normal}
.border{border:1px solid #ddd!important} 
/*#all{background-image:url(https://a4jp.xsrv.jp/images/svg/bg-product.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center top; -webkit-animation: myfirst 2s ease-in, animatedBackground 20s ease-in-out; /* Chrome, Safari, Opera  animation: myfirst 2s ease-in, animatedBackground 20s ease-in-out;}*/
#all img:hover {/*transform: translateX(10px); Glennnnnnnn makes the images move to the right*/}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst{from{opacity:0;}to{opacity:1}}
/* Standard syntax */
@keyframes myfirst{from{opacity:0}to{opacity:1}}
@keyframes animatedBackground{from{background-size:50% 50%}to{background-size:100% 100%}}
@keyframes infinite-spinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
div#toc_container{width:calc(100% - 42px) !important;margin-left:10px!important}
/*#wrapper div{ margin-left: auto; margin-right: auto}*/
p img.size-large{ width:100%; height:100%}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;line-height:142%}
#wrapper{padding-top:5px;max-width:980px;margin:auto;word-wrap:break-word}
div#content_ns2{max-width: 980px; margin:5px auto 0}
div#content_ns{max-width: 980px; margin: 10px auto 0}
div#content{max-width: 980px; margin: 10px auto 0}
abbr[title],acronym[title]{border-bottom:thin solid;cursor:help}
/*970 wide or wider*/
@media screen and (min-width:970px){p{margin:17px 7px 18px!important}}
p{margin:17px 15px 18px}   
h1,h2,h3,h4,h5,h6{font-weight:700;margin:8px 15px 12px;font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'HGS明朝E', "メイリオ", meiryo, "ＭＳ Ｐ明朝", serif}
h1{line-height:160%;margin: 3px 7px 2px}
h2{line-height:160%;font-size:2em}
h3{line-height:160%;font-size:1.9em}
h4{line-height:160%;font-size:1.8em}
h5{line-height:160%;font-size:1.7em}
h6{line-height:160%;font-size:1.6em}
small{font-size:10px;line-height:160%}
dl{font-size:12px}
dt{font-weight:700}
a{color:#047;text-decoration:none;outline:none}
a:hover{color:#4a630f;text-decoration:none}
fieldset,img{border:none}
/*hr{background-color:#ddd;color:#DDD;margin:0 0 5px}*/
.clear{clear:both;margin:0;padding:0}
.hidden{display:none}
#search,#sidebar-border,#sidebar,.sticky,#commentform textarea,.page-title,.page-title h1,#header_image,#header_image_border{-webkit-border-radius:6px;border-radius:6px}
#rss_wrap, .rss_wrap{-webkit-border-radius:18px;border-radius:18px}
#author,#email,#url,#submit{-webkit-border-radius:3px;border-radius:3px}
ul#menu-home li>a, ul#menu-home li:hover>a{padding:10px}
#nav{z-index:99999;margin:0 auto;padding:0;clear:both}
#menus{font-size:13px;text-align:center;line-height:normal}
ul#menu-top.menu{padding:0}
#menus.menu-item-5625 a{background-color:#b30303;color:#fff;text-shadow:0 1px 0 #222}
#menus.menu-item-5625 a:visited{background-color:#b30303;color:#fff;text-shadow:0 1px 0 #222}
#menus.menu-item-5625 a:hover{background-color:#c00;color:#fff;text-shadow:0 1px 0 #222}
#menus li#menu-item-5625.current_page_item a{text-shadow:0 1px 0 #222}
.menu-item-1099,.menu-item-11601{background-color:#b30303;}
#menus .menu-item-1099 ul,#menus .menu-item-11601 ul{background-color:#b30303;color:#fff}
#menus .menu-item-1099 li a,#menus .menu-item-11601 li a{z-index:22}
#menus .menu-item-1099 a,#menus .menu-item-11601 a{background-color:#B30303;color:#fff;text-shadow:0 1px 0 #000;border-bottom:#b30303 3px solid}
#menus .menu-item-1099 a:visited,#menus .menu-item-11601 a:visited{background-color:#B30303;color:#fff;text-shadow:0 1px 0 #000}
#menus .menu-item-1099 a:hover,#menus .menu-item-11601 a:hover{background-color:#c00;color:#fff;text-shadow:0 1px 0 #222}
#menus li#menu-item-1099.current_page_item>a,#menus li#menu-item-11601.current_page_item>a{text-shadow:none;background-color:#b30303;color:#fff;cursor:default;border-bottom:#800202 3px solid}
#menus li#menu-item-1099.current-menu-ancestor>a:hover,#menus li#menu-item-11601.current-menu-ancestor>a:hover{text-shadow:none;background-color:#fff;color:#000;cursor:default}
#menus li#menu-item-1099.current-menu-ancestor>a,#menus li#menu-item-11601.current-menu-ancestor>a{text-shadow:none;background:#eaeaea;color:#000;cursor:default}
#menus ul ul li{width:100%}
#menus li.menu-item a,#menus li.menu-item a:hover,#menus li.sub-menu a:hover{padding:6px 36px}
#menu-top.sub-menu{background-color:#222}
#menu-top-large.sub-menu{background-color:#222}
#menus li li a, #menus li li a:hover{text-align:left}
#menus li li{display:block;margin:auto}
#menus li{display:inline-block}
#menus li:hover>a{background:#000;color:#abaaaa;border-bottom:white 3px solid}
#menus ul li.current_page_item>a, #menus ul li.current-menu-ancestor>a{/*color:#333;made text dark on dark bg;text-shadow:none*/}
#menus ul li.current-menu-item>a, #menus ul li.current-menu-parent>a{/*color:#fff;background-color:maroon;*/background-color:#000;color:#FFF;/*red line*/border-bottom:#B30303 3px solid;margin-bottom:0px}
#menus ul li.current-menu-item>a:hover, #menus ul li.current-menu-parent>a:hover{color:#fff}
#menus ul ul ul li{width:450px}
#menus ul ul li{width:220px}
#menus ul ul a {/*padding:0 0 20px;for Uber Menu*/display:block;background:#222;height:auto;text-shadow:0 0 #222;color:#e8e8e8;border-bottom:#222 3px solid}
#menus ul ul{display:none;position:absolute;z-index:99999;background-color:#222}
#menus ul li:hover>ul{display:block}
#menus ul{list-style:none;position:relative}
#menus ul ul li{clear:both}
#menus ul ul li.current_page_item>a, #menus ul ul li.current-menu-ancestor>a, #menus ul ul li.current-menu-item>a, #menus ul ul li.current-menu-parent>a{/*background:#222;masks real bg color*/color:#fff;text-shadow:0 0 #222}
#menus ul ul ul{position:absolute;left:220px;top:0px}
#menus #menu-item-1099 a{color:#fff}
#menus a{color:#000;display:inline-block;/*border-bottom:white 3px solid; every link*/}
#menu-sub-menu.menu{border:none;font-size:12px}
.menu-item-162,.menu-item-148,.menu-item-2552,.menu-item-652,.menu-item-3607,.menu-item-3606,.menu-item-3610,.menu-item-3611,.menu-item-3856,.menu-item-5919,.menu-item-7302,.menu-item-686,.menu-item-155,.menu-item-151,.menu-item-5821,.menu-item-5536,.menu-item-499{margin-bottom:22px}
/*lines on right menu + mobile*/
.menu-item-142,.menu-item-5919,.menu-item-1598,.menu-item-410,.menu-item-153,.menu-item-149,.menu-item-340,.menu-item-344,.menu-item-154,.menu-item-1579,.menu-item-5940,.menu-item-2177,.menu-item-150,.menu-item-4186,.menu-item-10243,.menu-item-152{border-bottom:#eee solid 1px;padding-bottom:3px;margin-bottom:3px}
.menu-item-142.sapporo-design{background-color:#ffc}
#search{float:right;background:#000;bottom:2px;height:25px;border:1px solid #555;padding-right:5px;margin:5px 3px 5px 0}
#search form{padding:0;height:25px}

#search input#s{width:98px;height:25px;background:transparent;border:none;color:#ccc;padding:0 6px;font-size:16px;-webkit-transition:width 0.6s ease-in-out;background:#000 url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/search-input-bg.svg) no-repeat right center}

#search input#s2{width:88px;height:25px;background:transparent;border:none;color:#ccc;padding:0 6px;font-size:16px;-webkit-transition:width 0.6s ease-in-out;background:#000 url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/search-input-bg.svg) no-repeat right center}

#search input#s:focus,#search input#s2:focus{width:300px;outline:none;background:-webkit-linear-gradient(bottom, rgba(100,100,100,1) 0%, rgba(40,40,40,1) 2%, rgba(22,22,22,1)100%);-webkit-box-shadow:1px 1px 0 rgba(255,255,255,0.125);cursor:text; -webkit-transition:width 0.4s ease-in-out;background:#000 url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/search-input-bg.svg) no-repeat right center}

#search form input#searchsubmit,#search form input#searchsubmit2{display: none; cursor: pointer; /*position: absolute;*/
right:5px;top:1px;width:30px;height:25px;padding-right:30px;background:#000 url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/search-input-bg.svg) no-repeat right center;border:none;text-indent: -9999px;margin:5px 3px 0 0; background-size:25px 25px}
#search:focus{width: 300px; -webkit-transition: width 0.3s ease-in-out; /*-webkit-transition: width 400ms ease, background 400ms ease;
transition:width 400ms ease, background 400ms ease;*/}
#header{overflow: hidden; z-index: 1; position: relative; margin: 10px auto}
span#gotocomments, span#addcomment{display: none}
header h1{float: left; padding: 0 0 10px; text-shadow: 1px 1px 1px #999; font-size: 12px; font-family: 'Open Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', sans-serif; height: 18px}
#header h1 a{color:#222;line-height:160%;font-size:12px;letter-spacing:0;font-weight:normal;font-family:Montserrat,sans-serif}
#header h1 a.header_logo{overflow:hidden;display:block;width:640px;height:26px;text-indent: -9999px}
#header h2{font-size:12px;float:left; line-height: 160%; font-weight: 400; font-family: 'Open Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', sans-serif; color: #abaaaa}
#header_image{width:952px; height: 182px; margin: 30px 0 0; padding: 3px; border: 1px solid #ccc}
#header_image_border{overflow: hidden; width: 950px; height: 180px; background: #565657; border: 1px solid #fff}

/*#content, #content_ns {float:left;max-width:640px;padding:0}*/
@media (min-width:640px){#content, #content_ns{width:640px;float:left}}
@media (min-width:0px) and (max-width:639px){#content, #content_ns{width:100%}}


.LorR #content{float:right}
.page-title{margin:0 0 20px;background:#eee;border:1px solid #ccc}
.page-title h1{font-size:18px;height:30px;line-height:160%;padding:5px 10px;border:1px solid #fff;font-family:'Open Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif}
.page-title-paged{font-weight:400;color:#999}
.post{position:relative;max-width:980px;margin:0 0 10px;padding:0}
.post_ns{max-width:980px}
.post-single{margin:0}
.post-page{margin:0}
.post-page-nocomment{border-bottom:none}
h1.title{margin:3px 0 2px;color:#345;font-size:16px;text-shadow:0 1px 0 #fff, 1px 2px 2px #aaa}
h2.title{font-size:16px;text-shadow:0 1px 0 #fff, 1px 2px 2px #aaa;margin:0;padding:2px 7px 4px}
h2.title a{color:#345}
h2.title a:hover{color:#4a630f}
.entry{font-size:13px;padding:0;font-size:1.11em;line-height:160%}
.entry ul li{margin-left:24px}
ul.blocks-gallery-grid{margin:0 0 18px!important}
.entry ul{margin:0 24px 18px}
.entry ol li{margin-left:24px}
.entry ol{margin:0 24px 18px}
.entry li{line-height:160%}
.entry hr{display:block;margin:18px 0}
.entry p{line-height:250%;font-size:1.02em}
.entry a{color:#0000ee}
.entry a:hover{color:#4a630f;text-decoration:none}
.entry img{padding:0;max-width:100%!important;height:auto}
.post_ns .entry img{max-width:100%;height:auto}
.entry img.wp-smiley{background:#fff;border:none;margin:0;padding:0}
.entry .alignleft, .entry img.alignleft{display: inline; float: left; margin:0 0 20px}
.entry .alignright, .entry img.alignright{display:inline;float:right;margin:0 0 20px}
.entry .aligncenter, .entry img.aligncenter{clear:both;margin:0 auto 20px}
.entry table, .comment-text table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px}
.entry th, .entry td, .comment-text th, .comment-text td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top}
.entry tr.even td, .comment-text tr.even td{background:#f7f7f7}
.entry th, .comment-text th{background:#edeff0}
.entry blockquote, .comment-text blockquote{color:#000;padding:10px;margin:0 0 20px;border:1px solid #ccc;background:#fdfdfd}
.entry code, .comment-text code{background:#333;color:#ccc}
.entry pre, .comment-text pre{overflow:auto;width:95%;line-height:160%;margin:0 0 20px;padding:0 5px 16px;color:#000;font-family:'Open Sans','Courier New',FixedSys;font-size:12px;background:#fafafa;border:1px solid #ccc; border-left:15px solid #ccc}
.post-info-top{border-top:1px solid #ccc;line-height:160%;position:relative;color:#999;margin:0;padding:0px 10px;overflow:hidden;display:block}
.post-info-top-nocomment{height0}
span.post-info-date{margin-left:10px}
div.post-info-top{padding-left:10px}
.post-info-bottom{border-bottom:1px solid #fff;line-height:160%;position:relative;color:#999;margin:0;padding:2px 10px;overflow:hidden;display:block}
.post-info-top a,.post-info-bottom a{color:#333}
.post-info-top a:hover,.post-info-bottom a:hover{color:#4a630f;text-decoration:underline}
.entry p.read-more a,.entry p a.more-link,.post-info-date,.post-info-category,.post-info-tags,#gotocomments,#addcomment{display:block;padding-left:20px;background: url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat scroll 0 0}
.post-info-date{float:left;background-position:0 -42px}
.post-info-category{display:inline;background-position:-35px -60px}
.post-info-tags{display:inline;background-position:-20px -240px;margin-left:10px}
#gotocomments{float: right; background-position:0 -100px;margin-right:10px}
#addcomment{float: right; background-position:0 -120px}
.entry p.read-more a, .entry p a.more-link{display:inline-block;color:#999;text-decoration:none;background-position:0 -20px}
.entry .a4jp_com_fresh-more-link{display:block;margin-top:18px}
.entry p.read-more a:hover, .entry p a.more-link:hover{color:#4a630f}
.sticky{width: 638px; background:#f2f2f2;border:1px solid #ccc}
h2.sticky-h2 a{color:#ff4e00}
.page_link{clear:both;padding:10px 0 18px}
.add-info{padding:0 10px}
.add-info h3{line-height:160%;font-size:12px;color:#4a630f;margin-bottom:5px;background:#e5e5e5}
.add-info ul{list-style:square}

/*#sidebar-border{position:relative;float:right;width:calc(100% - 2px);background:#fff;border:1px solid #ccc;margin-top:10px}*/

@media (min-width:640px){#sidebar-border{position:relative;float:right;width:298px;background:#fff;border:1px solid #ccc;margin-top:10px}}

@media (min-width:0px) and (max-width:639px){#sidebar-border{position:relative;float:right;width:calc(100% - 32px);margin-right:15px;background:#fff;border:1px solid #ccc;margin-top:10px}}

.LorR #sidebar-border{float:left}
#rss_border{position:absolute;top:-12px;left:0;width:100%;height:24px}
.rss_border{float:left;position:relative;top:0;left:calc(50% - 47px)}
#rss_wrap{float:left;position:relative;top:6px;height:22px;border:1px solid #ccc}
.rss_wrap{height:20px;padding:0 5px 0 10px;color:#464646;border:1px solid #fff;background-color:#fff}
.rss_wrap a{float:left;width:20px;height:20px;line-height: 160%; margin-right: 5px; text-indent: -9999em}
.rss_wrap a.rss{background:url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat -60px 0}
.rss_wrap a.rss_text{width:auto;text-indent:20px}
.rss_wrap a.facebook{background:url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat -20px 0}
.rss_wrap a.twitter{background:url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat -40px 0}
.rss_wrap a.googleplus{background:url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat 0 0}
#sidebar{overflow:hidden;padding:0}
#sidebar a{color:#555;text-shadow:0 1px 0 #fafafa}
#sidebar a:hover{color:#999}
#sidebar h3, #sidebar h2{text-shadow:0 1px 0 #f7f7f7, 1px 2px 3px #999;color:#345;font-size:16px;margin:0;padding:0 5px;line-height:160%;border-bottom:1px solid #fff}
#sidebar li{line-height:160%}
#sidebar .widget div{/*border-top:1px solid #ccc Glen*/}
#likeboxwrap{margin:0 0 0 5px}
#menu-sub-menu{margin:0 0 0 5px}
#sidebar .widget div div{padding:0;border-top:none}
#sidebar .widget div.clear{padding:0;margin:0;border:none}
#sidebar ul{list-style:none;padding:20px 12px 8px}
#sidebar ul li{padding-left:15px;background:url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat 0 -280px}
#sidebar ul li:hover{background:url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat -10px -260px}
#sidebar ul ul{padding:0;border-top: none}
#sidebar .widget input#s{width:190px;height:22px;line-height:160%;padding:0 5px}
#sidebar .widget input#searchsubmit{width:65px}
#sidebar ul li.rc-item, #sidebar ul li.rc-navi{background:none;padding:0;margin:3px 0}
#sidebar ul li.rc-item div{padding:0;border:none}
#sidebar ul li.rc-item .rc-avatar img{border:1px solid #ccc}
.comment-body{margin:0 20px 20px}
#comments-div{position:relative;line-height:160%;text-shadow:0 1px 0 #f7f7f7, 1px 2px 1px #999;text-align:right;margin:0 0 30px;padding:2px 10px}
h2#comments{line-height:160%;font-size:12px;font-weight:400;width:300px;float:right}
span#comments-addcomment{position:absolute;left:10px;top:2px;padding-left:20px;background:url(https://a4jp.com/wp-content/themes/a4jp_com_fresh/images/icons.svg) no-repeat 0 -115px}
span#comments-addcomment a{color:#047;text-decoration:none}
span#comments-addcomment a:hover{color:#4a630f;text-decoration:none}
.commentlist li{position:relative;list-style:none;height:1%;margin:0 20px;padding-bottom:20px}
.commentlist li.comment-author{margin:0;padding:0;line-height:16px;height:16px;border-bottom:1px solid #ccc;display:block}
.commentlist li.pingback{height:auto;padding-bottom:10px;border-bottom:none}
.commentlist li.vcard img.avatar{position:absolute;left:0;top:0;width:40px;height:40px;background:#fff;padding:2px;border:1px solid #ccc}
.commentlist li.vcard cite.fn{margin-left:55px;font-style:normal;font-weight:700}
.commentlist li.vcard cite.a4jp_com_fresh_pingback{margin-left:0;font-weight:400;color:#999}
.commentlist li.vcard cite.fn a.url{color:#047}
.commentlist li.vcard cite.fn a.url:hover{color:#aaa}
.commentlist li span.comment-meta a{color:#aaa}
.commentlist li span.comment-meta a:hover{color:#555}
.commentlist li.comment-text{border-top:1px solid #fff;margin:0 50px 10px 55px;padding-top:10px}
.commentlist li.bypostauthor .comment-text{font-size:1.11em;line-height:1.4em}
.commentlist li em.approved{color:red}
.commentlist li p{padding-bottom:10px;font-size:1.113em;line-height:1.4em}
.commentlist li.reply{position:absolute;right:0;top:8px}
.commentlist li.reply a{display:block;text-align:center;color:#aaa;padding:0 8px;background:#fafafa;border:1px solid #dfdfdf;-webkit-border-radius:12px;border-radius:12px}
.commentlist li.reply a:hover{background:#f2f2f2}
.commentlist li.children li{margin:0 0 0 30px;padding-bottom:0;border-bottom:none}
.commentlist li.children li.depth-2{margin:0 0 0 55px}
.commentlist li.children li div{border-top:1px solid #dfdfdf}
.commentlist li.children li div div{border-top:none}
.commentlist li.children li.comment-author{border-top:1px solid #fff;border-bottom:none}
.commentlist li.children li.vcard img.avatar{top:-8px;width:24px;height:24px}
.commentlist li.children li.vcard cite.fn{margin-left:40px}
.commentlist li.children li.reply{top:-8px}
.commentlist li.children li.reply a{background:#f2f2f2}
.commentlist li.children li.reply a:hover{background:#fafafa}
.commentlist.comment-text ul,.commentlist .comment-text ol{margin:0 0 15px 15px;padding:0}
.commentlist.comment-text li{list-style-type:disc;margin:0;padding:0;line-height:16px}
.commentlist.comment-text li li{list-style-type:circle}
.commentlist.comment-text li li li{list-style-type:square}
.commentlist.comment-text ol li,.commentlist .comment-text ol ol li,.commentlist .comment-text ol ol ol li{list-style-type:decimal}
#pagination,#nav-below{display:block;width:620px;line-height:18px;margin:0;padding:2px 10px;border-top:1px solid #ccc}
.navigation{text-align:center;line-height:24px;margin:0;padding:2px 10px}
#nav-below{display:inline-block;padding:20px 10px;border-top:1px solid #ccc}
.nav-previous{float:left}.nav-next{float:right;width:50%;text-align:right}
.navigation a{text-decoration:none;border:solid #ccc 1px;background-color:#e8e8e8;color:#555;font-weight:400}
.navigation a:link,.navigation a:visited{border:solid #ccc 1px;padding:.2em .6em}
.navigation a:hover{border:solid #222 1px;background-color:#222;color:#fff;font-weight:400;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.navigation a:active{border:solid #ccc 1px;background-color:#e8e8e8;color:#555}
.navigation{padding:3px 11px;font-size:1.2em}
.navigation.current{border:1px solid #BDBDBD;padding:3px 8px;color:#fff;background-color:#BDBDBD;font-weight:700}
#respond{margin:0 0 11px;padding:11px 0 0 10px;border-top:1px solid #ccc}
#respond small{font-size:12px}
#respond h2,#respond h3{text-shadow:0 1px 0 #f7f7f7,1px 2px 3px #111;font-family:'Open Sans',Georgia,"Times New Roman",Times,serif;margin-bottom:10px}
#respond a#cancel-comment-reply-link{color:#920017;text-shadow:none}
#respond a#cancel-comment-reply-link:hover{color:#ff4e00}
#commentform{margin:0 10px 0 0;padding:10px}
#commentform p{margin:0 0 10px;padding:0}
#commentform p.smilies{margin:0 0 3px;padding:0 3px}
#commentform p.comment-notes{margin:10px 0;color:#999}
#commentform textarea{padding:3px;background:#fff;border:1px solid #ccc}
#commentform .comment-form-comment label{display:none}
#author,#email,#url{height:16px;margin-right:5px;padding:3px;border:1px solid #ccc;background:#fff}
#comment{width:100%;height:125px}
#submit{cursor:pointer;background:#222;font-weight:700;color:#ccc;height:25px;padding:2px 10px;border:1px solid #555}
#submit:hover{color:#fff}
#respond code{color:#464646; background:none}
.trackbacks-pingbacks h3{font-weight:700;margin-bottom:10px;border-bottom:1px solid #ccc;color:#555;padding:3px 0}
.trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle}
.trackbacks-pingbacks ul li{margin-bottom:4px}
#footer{margin:20px auto 0}
#footer-inside-container{background:#151516}
#footer-inside{position:relative;max-width:880px;margin:0 auto;padding:5px 60px 5px 5px;color:#aaa}
#footer-inside a{color:#fff}
#footer-inside #back-to-top{position:absolute;top:5px;right:20px;line-height:20px;color:#000;font-weight:700}
#footer-inside #back-to-top a{line-height:20px;color:#aaa;font-weight:400;border:none}
#footer-inside #back-to-top a:hover{color:#f7f7f7}
.aligncenter, div.aligncenter{display:block;margin:auto}
.alignleft{float:left}
.alignright{float:right}
.wp-caption{text-align:center;margin-top:10px;margin-bottom:10px;padding:4px;border-radius:3px;background:#fff;border:1px solid #ccc}
.wp-caption img{max-width:calc(100% - 10px);margin:0;padding:0;background:none}
.wp-caption p.wp-caption-text{font-size:12px;line-height:20px;padding:4px 0 0;margin:0}
.widget_calendar h3{display:none}
#wp-calendar{width:100%}
#wp-calendar #today{background:#e6e6e6}
#wp-calendar tbody a{font-weight:bolder}
#wp-calendar caption{font-family:'Open Sans',Arial;font-weight:bolder;letter-spacing:-.05em;font-size:150%;text-align:left;padding-bottom:5px}
#wp-calendar th, #wp-calendar td{text-align:center}
#wp-calendar tbody td{border:1px solid #ccc}
#wp-calendar tbody td.pad{border:0 none}
#wp-calendar th{background:#999;color:#fff}
#wp-calendar td#prev{text-align:left;padding-top:5px}
#wp-calendar td#next{text-align:right;padding-top:5px}
#content.gallery.gallery-caption{color:#888;font-size:12px;margin:2px 0 7px}
.gallery-caption{max-width:160px;margin:auto auto!important;text-align:center;word-wrap:break-word}
#blackBarLogin a{color:#3b8039}
#blackBarLogin a:hover{color:#0C0}
.topicons a{font-size:90% !important}