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

 body.mceContentBody {
margin : 0 10px;
background : transparent;
color : #000;
} .clearfix:after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 0.1em;
line-height : 0;
}
.clear {
clear : both;
} .no_img {
display : block;
width : 100%;
height : 0;
padding : 0 0 67% 0;
background : url(//kasa-am.com/sys/wp-content/themes/pochisp/images/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
}
.no_img-sq {
display : block;
width : 100%;
height : 0;
padding : 0 0 100% 0;
background : url(//kasa-am.com/sys/wp-content/themes/pochisp/images/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
} * {
box-sizing : border-box;
}
h1,h2,h3,h4,h5,h6,h7 {
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 0;
}
audio,
canvas,
progress,
video {
display : inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden],
template {
display : none;
}
abbr[title] {
border-bottom : 1px dotted;
}
dfn {
font-style : italic;
}
mark {
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 1em 40px;
}
fieldset {
border : none;
margin : 0;
padding : 0;
}
legend {
border : 0;
padding : 0;
}
optgroup {
font-weight : bold;
}
HR {	
border : 0 none;
height : 1px;
margin : 10px 0;
padding : 0;
color : #ccc;
background : #ccc;
}
ol, ol li,
ul, ul li {
list-style-type : none;
padding : 0;
margin : 0;
}
dl,
dl dt ,
dl dd {
margin : 0;
padding : 0;
}
small {
font-size : 75%;
}
sub,
sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
} img,
video,
object {
max-width : 100%!important;
height : auto;
border : none;
vertical-align : top;
}
iframe {
max-width : 100%;
}
@media screen and (max-width: 999px) {
.youtube-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.youtube-container iframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
} button,
input,
optgroup,
select,
textarea {
color : inherit;
font : inherit;
margin : 0;
}
button {
overflow : visible;
}
button,
select {
text-transform : none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button;
cursor : pointer;
display : block;
}
input[type="submit"]:hover {
}
button[disabled],
html input[disabled] {
cursor : default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border : 0;
padding : 0;
}
input {
line-height : normal;
}
input[type="checkbox"],
input[type="radio"] {
padding : 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height : auto;
}
input[type="search"] {
-webkit-appearance : textfield;
width : 100%;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance : none;
}
input[type="select"] {
}
select {
}
input[type="text"] {
-webkit-appearance : textfield;
max-width : 100%;
}
input[type="email"] {
-webkit-appearance : textfield;
width : 100%;
}
textarea {
-webkit-appearance : textfield;
width : 100%;
overflow : auto;
}
input[type="submit"] {
border : none;
box-shadow : none;
}
input[type="submit"]:hover {
} a[href $='.pdf'] {
display : block;
min-height : 63px;
background:url(//kasa-am.com/sys/wp-content/themes/pochisp/images/pdf.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.doc'] {
display : block;
min-height : 63px;
background:url(//kasa-am.com/sys/wp-content/themes/pochisp/images/word.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.docx'] {
display : block;
min-height : 63px;
background:url(//kasa-am.com/sys/wp-content/themes/pochisp/images/word.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.xls'] {
display : block;
min-height : 63px;
background:url(//kasa-am.com/sys/wp-content/themes/pochisp/images/excel.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.xlsx'] {
display : block;
min-height : 63px;
background:url(//kasa-am.com/sys/wp-content/themes/pochisp/images/excel.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.ppt'] {
display : block;
min-height : 63px;
background:url(//kasa-am.com/sys/wp-content/themes/pochisp/images/powerpoint.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.pptx'] {
display : block;
min-height : 63px;
background:url(//kasa-am.com/sys/wp-content/themes/pochisp/images/powerpoint.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
} .flex { display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : wrap;
flex-wrap : wrap;
justify-content : space-between;
align-items : stretch;
}
.flex-nowrap { display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : nowrap;
flex-wrap : nowrap;
justify-content : space-between;
align-items : stretch;
}
.box-left {
float : left;
}
.box-right {
float : right;
}
.pc-only {
display : block;
}
.mobile-only {
display : none;
}
.fixed { position : fixed;
top : 0;
left : 0;
z-index : 9999;
}
@media screen and (max-width: 999px) {
.flex ,
.flex-nowrap {
display : block;
}
.box-left ,
.box-right {
float : none;
}
.pc-only {
display : none;
}
.mobile-only {
display : block;
}
} img {
border : 0;
margin : 0;
}
img.size-thumbnail,
img.size-medium,
img.size-medium_large,
img.size-large,
img.size-full {
max-width : 100%;
height : auto;
}
.alignleft {
float : left;
margin : 0 20px 10px 0;
}
.alignright {
float : right;
margin : 0 0 10px 20px;
}
.aligncenter {
display : block;
margin : 0 auto;
text-align : center;
}
@media screen and (max-width: 999px) {
.alignleft ,
.alignright ,
.aligncenter {
float : none;
margin : 0 0 10px 0;
}
.aligncenter {
margin-left : auto;
margin-right : auto;
}
} .wp-caption.align-right ,
.wp-caption.align-left {
float : none;
margin : 0 0 10px 0;
}
@media screen and (min-width: 1000px) {
.wp-caption {
max-width : 100%!important;
position : relative;
padding : 0;
margin : 0;
}
.wp-caption p.wp-caption-text {
position : absolute;
display : table-caption;
width : 100%;
margin : 0;
bottom : 0;
background : rgba(0,0,0,0.3);
color : #fff;
padding : 5px;
font-size :12px;
}
.wp-caption.align-right {
float : right;
margin : 0 0 10px 20px;
}
.wp-caption.align-left {
float : left;
margin : 0 20px 10px 0;
}
} form#searchform {
position : relative;
padding : 0;
width : 100%;
background : #fff;
border : 1px solid #333;
height : 40px;
}
form#searchform #search {
position : relative;
height : 38px;
border : none;
z-index : 10;
padding : 5px 0 5px 5px;
width : 100%;
}
form#searchform #searchsubmit {
position : absolute;
right : 0;
top : 0;
z-index : 100;
width : 33px;
height : 33px;
border-radius : 0;
}
*:first-child + html #searchsubmit {
top : 1px;
} form#searchform2 {
border : none;
text-align : center;
}
form#searchform2 input {
width: 50px;
height: 50px;
border: solid 2px #666666;
border-radius: 25px;
padding: 20px;
background : url(//kasa-am.com/sys/wp-content/themes/pochisp/images/search.svg) center center no-repeat;
background-size: 25px;
transition: all 0.5s;
margin : 0 auto;
}
form#searchform2 input:focus {
width: 100%;
background-position: 96% 50%;
padding-right: 50px;
} .metaslider {
z-index : 100;
}
.metaslider ul.slides .caption-wrap {
position : absolute;
display : block;
width : 100%;
bottom : 0;
left : 0;
opacity : 1; background-color : rgba(0,0,0,0.6); margin : 0;
line-height : 1.5em;
}
.metaslider ul.slides .caption-wrap .caption {
padding : 5px 10px;
word-wrap : break-word;
color : #fff;
font-size : 18px;
}
.metaslider .flex-viewport {
overflow: hidden!important;
}
html {
overflow-x : hidden!important;
}
@media screen and (min-width : 1000px) {
.metaslider .flex-viewport {
overflow: visible!important;
}
} .grecaptcha-badge {
visibility : hidden;
}
  #floating_ad {
} .cstmreba:after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 0.1em;
line-height : 0;
}
.kaerebalink-box {
padding : 10px;
margin : 20px 0;
width : 100%;
border : 1px solid #999;
border-radius : 4px;
}
.kaerebalink-image {
float : left;
max-width : 180px;
}
.kaerebalink-info {
padding : 0;
margin : 0 0 0 200px;
}
.kaerebalink-name {
font-weight : bold;
line-height : 1.5;
}
.kaerebalink-powered-date {
font-weight : normal;
font-size : 75%;
}
.kaerebalink-detail {
font-size : 75%;
}
.kaerebalink-link1:after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 0.1em;
line-height : 0;
}
.shoplinkamazon ,
.shoplinkrakuten {
float : left;
display : inline;
}
.shoplinkamazon a {
display : block;
padding: 5px 10px;
margin : 0;
background : #27579c;
border-radius : 4px;
font-size : 14px;
font-weight : bold;
line-height : 1.5;
color : #fff;
}
.shoplinkrakuten a {
display : block;
padding: 5px 10px;
margin : 0 10px 10px 0;
background : #fd0000;
border-radius : 4px;
font-size : 14px;
font-weight : bold;
line-height : 1.5;
color : #fff;
}
.shoplinkamazon a:visited ,
.shoplinkrakuten a:visited {
color : #fff;
}
.booklink-footer {
display : none;
}
@media only screen and (max-width : 780px) {
.kaerebalink-image {
float : none;
width : 100%;
text-align : center;
}
.kaerebalink-info {
margin : 0;
padding : 10px 0 0 0;
}
}
   :root { --font-size : 18px; --line-height : 2em; --color-01 : #222; --color-02 : #fff; --color-03 : #003058; --color-04 : #376091; --color-05 : #9aaec7; --color-06 : #ccc; --color-07 : #efefef; --color-08 : #d00; --color-09 : #376091; --color-10 : #376091; --color-a : #1d3993; --color-visited : #7f008b; --color-hover : #fd0000; --color-hover_rev : #fc0; --size-sitename : 40px; --size-gnav : 40px; --size-foot_nav : 40px; --size-side : 10px; --size-padding : 30px; --size-ml-w :1000px;
--size-ml-h :537px; --w-large : 1000px;
--w-medium : 640px;
--w-half : 48%;
--w-small : 300px;
--w-thumb : 150px;
} html {
margin : 0;
padding : 0;
height : 100%;
}
body {
margin : 0;
margin-top : 0!important; padding : 0;
background : var(--color-02);;
font-size : var(--font-size);
line-height : var(--line-height);
font-family: 'Noto Sans JP', sans-serif;
font-weight : 400;  color : var(--color-01);
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing : grayscale;
table-layout : fixed;
overflow-wrap : break-word;
word-break : break-word;
} a {
color : var(--color-a);
text-decoration : none;
}
a:visited {
color : var(--color-visited);
}
a:hover {
color : var(--color-hover);
outline : 0;
}
a img {
border : none;
}
a:hover img {
opacity : 0.8;
}
b,
strong {
font-weight : bold;
}
.color-spot {
color : var(--color-04);
} .w-large,
.w-half ,
.w-medium,
.w-small {
width : 100%;
}
@media screen and (min-width : 1000px) {
.w-full {
width : 100%;
}
.w-large {
width : var(--w-large);
margin : 0 auto;
}
.w-medium {
width : var(--w-medium);
}
.w-half {
width : var(--w-half);
}
.w-small {
width : var(--w-small);
}
.w-thumb {
width : var(--w-thumb);
}
} .grid2-1 {
display : block;
margin : 0;
padding : 0;
}
.grid2-1 div {
margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid2-1 {
display : grid;
grid-template-columns : repeat(2, 48%);
justify-content : space-between;
}
} .grid3-1 {
display : block;
margin : 0;
padding : 0;
}
.grid3-1 div {
margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid3-1 {
display : grid;
grid-template-columns : repeat(3, 30%);
justify-content : space-between;
}
} .grid4-1 {
display : block;
margin : 0;
padding : 0;
}
.grid4-1 div {
margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid4-1 {
display : grid;
grid-template-columns : repeat(4, 22%);
justify-content : space-between;
}
} #wrapper {
position : relative;
padding : calc(var(--size-sitename) + var(--size-padding)) 0 0 0;
}
header {
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : calc( var(--size-sitename) + 21px);
margin : 0
padding : 5px 0;
height : calc( var(--size-sitename) + 21px);
z-index : 9999;
background : var(--color-02);
}
#header {
position : relative;
top : 5px;
height : var(--size-sitename);
padding : 0;
margin : 0 auto;
}
#gnav_outer {
display : none;
}
#container_outer {
clear : both;
padding : 0 0 var(--size-padding) 0;
margin : calc(-1 * var(--size-sitename) + var(--size-padding))) 0 0 0;
}
#container {
padding : 0;
}
#content,
aside {
float : none;
}
#content {
padding : var(--size-padding) 10px;
}
aside {
padding : 0 10px;
}
#footer_outer {
background : var(--color-03);
clear : both;
}
footer {
padding : 10px;
}
#footertitle_outer {
background : var(--color-04);
clear : both;
}
#footertitle {
padding : var(--size-side) var(--size-side) var(--size-foot_nav) var(--size-side);	
}
@media screen and (min-width : 1000px) {
#wrapper {
position : relative;
padding : calc(var(--size-sitename) + var(--size-gnav) + var(--size-padding)) 0 0 0;
}
header {
height : calc( var(--size-sitename) + var(--size-gnav) + 20px );
border-bottom : none;
}
#gnav_outer {
display : block;
position : fixed;
top : calc(var(--size-sitename) + 20px);
margin : 0;
padding : 0;
height : var(--size-gnav);
z-index : 9999;
background : var(--color-03);
}
#container_outer {
clear : both;
padding : 0 0 var(--size-padding) 0;
margin : 0;
}
#container {
padding : var(--size-padding) 0;
}
#content {
float : left;
padding : 0;
}
main {
}
aside {
float : right;
padding : 0;
}
footer {
padding : var(--size-side) 0;
}
#footertitle {
padding : var(--size-side) 0;
}
} #google_eyecatch {
visibility : hidden;
height : 0;
}
#header #sitename {
padding : 0 var(--size-side);
margin : 0;
font-weight : bold;
line-height : var(--size-sitename);
}
#header #sitename.sitelogo {
padding : 0 var(--size-side);
margin : 0;
line-height : var(--size-sitename);
}
#header #sitename.sitelogo img {
max-height : var(--size-sitename);
}
#header_right {
display : none;
}
#rndimage {
display : none;
}
@media screen and (min-width: 1000px) {
#header #sitename {
float : left;
padding : 0;
line-height : var(--size-sitename);
}
#header #sitename a {
color : var(--color-01);
}
#header_right ,
#header_right h1.description,
#header_right p.description {
display : block;
float : left;
padding : 0;
margin : 0;
font-size : 1em;
line-height : var(--size-sitename);
}
#header_right {
margin : 0 0 0  var(--size-padding);
}
#rndimage {
position : relative;
display : block;
margin : 0;
width : 100%;
height : 15em;
}
#rndimage-inner  {
position : relative;
top : 0;
}
#rndimage #site_logo a {
top : 1em;
left : 2em;
}
} button#mobile_menu_bttn {
display : block;
position : fixed;
z-index : 1000;
top : 0;
right : 0;
width : calc( var(--size-sitename) + 20px);
height : calc( var(--size-sitename) + 20px);
border : none;
box-shadow : none;
text-indent : -9999px;
background : url(https://kasa-am.com/sys/wp-content/themes/pochisp/images/btn-sp_menu.png) var(--color-09) no-repeat center center;
background-size : contain;
}
button#mobile_menu_bttn.close {
background : url(https://kasa-am.com/sys/wp-content/themes/pochisp/images/btn-sp_menu-close.png) var(--color-09) no-repeat center center;
background-size : contain;
}
@media screen and (min-width: 1000px) {
button#mobile_menu_bttn {
display : none;
}
} #mobile_menu {
display : none;
}
#mobile_menu {
position : fixed;
-webkit-transform : translateZ(0);
z-index : 500;
top : 0;
width : 100%;
overflow : auto;
-webkit-overflow-scrolling : touch;
border-bottom : 1px solid var(--color-03);
box-shadow : 0 1.25em 2em rgba(0,0,0,0.5);
}
#mobile_menu li {
list-style : none;
background : var(--color-02);
border-top : 1px solid var(--color-04);
}
#mobile_menu li a {
display : block;
padding : 0 0 0 0.5em;
font-weight : bold;
line-height : 2em;
color : var(--color-03);
}
#mobile_menu li li a {
padding : 0 0 0 1.25em;
}
#mobile_menu li#mobile_searchform {
padding : 0;
}
#mobile_menu li#mobile_searchform form#searchform {
border : none;
}
@media screen and (min-width: 1000px) {
#mobile_menu {
display : none;
}
} @media screen and (min-width: 1000px) {
nav#gnav ul {
margin : 0;
padding : 0;
}
nav#gnav ul li {
position : relative;
margin : 0;
padding : 0;
text-align : center;
width : 100%;
}
nav#gnav li a {
display : block;
width : 100%;
padding : 0;
color : var(--color-02);
font-size : 1em;
font-weight : bold;
line-height : var(--size-gnav);
width : 100%;
}
nav#gnav a:hover {
background : var(--color-04);
color : var(--color-02);
}
nav#gnav li.current-menu-item > a {
background : var(--color-05);
color : var(--color-01);
} nav#gnav ul li ul {
position : absolute;
top : 	var(--size-gnav);
left : 0;
width : var(--w-small);
z-index : 1000;
}
nav#gnav ul li ul li {
visibility : hidden;
overflow : hidden;
width : 100%;
height : 0;
}
nav#gnav ul li:hover ul li,
nav#gnav ul li:hover ul li a,
nav#gnav ul li a:hover ul li a {
visibility : visible;
overflow : visible;
display : block;
height : 2em;
z-index : 10;
width : var(--w-small);
background : var(--color-07);
color : var(--color-03);
}
nav#gnav ul li:hover ul li,
nav#gnav ul li a:hover ul li {
border-top : 1px solid #999;
}
nav#gnav ul li:hover ul li a {
padding : 0 0.5em;
background : var(--color-05);
font-size : 1em;
line-height : 2em;
}
nav#gnav ul li ul li:hover a ,
nav#gnav ul li ul li a:hover ,
nav#gnav ul li ul li.current-menu-item a {
background : var(--color-04);
color : var(--color-02);;
}
} h1.search_result-title ,
h4.category-title {
padding : 0 0 0.5em 0;
margin : 0 0 1em 0;
background : transparent;
font-size : 1.5em;
color : var(--color-01);
border-bottom : 2px solid var(--color-01);
font-weight : bold;
}
.search_numbers {
margin : 0 0 0 10px;
font-size : 0.8em;
font-weight : normal;
}
#post_list {
}
#post_list dl.post_list-box {
margin : 0;
padding : 10px 0;
border-bottom : 1px solid var(--color-06);
}
#post_list dt.post_list-thumb {
float : left;
width : 120px;
height : 120px;
}
#post_list dt.post_list-date {
float : left;
width : 120px;
}
#post_list dd.post_list-content {
margin : 0 0 0 140px;
}
#post_list dd.post_list-content h3 {
padding : 0;
margin : 0 0 5px 0;
font-size : 1.2em;
font-weight : bold;
line-height : 1.4em;
border : none;
}
#post_list dd.post_list-content h3 a {
color : var(--color-01);
}
#post_list .post_list-excerpt {
padding : 0;
margin : 0;
font-size : 0.9em;
line-height : 1.3em;
}
#post_list .post_list-excerpt .blog_info {
display : none;
}
@media screen and (min-width: 640px) {
} #post_list_grid {
display : grid;
grid-template-columns : repeat(auto-fit, 48%);
justify-content : space-between;
}
#post_list_grid dl.post_list-box {
margin : 0 0 2em 0;
}
#post_list_grid dt.post_list-thumb {
margin : 0 0 0.5em 0;
}
#post_list_grid dt.post_list-thumb a {
}
#post_list_grid dt.post_list-thumb a span {
display : block;
width : 100%;
height : 0;
padding-bottom : 100%;
}
#post_list_grid dd.post_list-content {
margin : 0;
padding : 0;
}
#post_list_grid dd.post_list-content h3 {
padding : 0;
margin : 0 0 0.5em 0;
font-size : 1.1em;
font-weight : bold;
line-height : 1.25em;
border-bottom : none;
}
#post_list_grid dd.post_list-content h3 a:hover {
color : var(--color-hover);;
}
#post_list_grid dd.post_list-content a {
color : var(--color-01);;
}
#post_list_grid dd.post_list-content p {
display : none;
margin : 0;
font-size : 1em;
line-height : 1.5em;
}
#post_list_grid dd.post_list-content .blog_info {
font-size : 0.9em;
display : none;
}
@media screen and (min-width: 640px) {
#post_list_grid {
grid-template-columns : repeat(3, 30%);
}
#post_list_grid dd.post_list-content h3 {
font-size : 1.25em;
line-height : 1.4em;
}
#post_list_grid dd.post_list-content p {
display : block;
}
#post_list_grid dd.post_list-content .blog_info {
display : block;
}
} a.read_more {
display : inline-block;
background : var(--color-a);
color : var(--color-02)!important;
padding : 0 4px;
margin : 0 0 0 8px;
border-radius : 4px;
font-size : 0.9em;
font-weight : bold;
}
a.read_more:hover {
background : var(--color-hover);
} .post p ,
.post ul ,
.post ol {
margin : 0 0 0.5em 0;
}
.post ul ,
.post ol {
padding : 0 0 0 2em;
}
.post ul li {
list-style-type : disc;
}
.post ol li {
list-style-type : decimal;
}
@media screen and (min-width: 1000px) {
p ,
.post ul ,
.post ol {
margin : 0 0 1em 0;
}
} .publish_date {
padding : 0.5em 0;
margin : 0.5em 0;
border : 1px solid var(--color-04);
background : var(--color-02);
color : var(--color-04);
}
.blog_info {
margin : 0.5em 0;
padding : 0.2em 0;
border-top : 1px solid var(--color-04);
border-bottom : 1px solid var(--color-04);
}
.blog_info p {
margin : 0;
font-size : 1em;
line-height : 1em;
} blockquote {
padding : 2em 1em 0 1em;
margin : 1.25em 0;
background : var(--color-07) url(https://kasa-am.com/sys/wp-content/themes/pochisp/images/quote-top.png) left top no-repeat;
}
blockquote:after {
display : block;
padding : 0;
margin : 0;
content : url(https://kasa-am.com/sys/wp-content/themes/pochisp/images/quote-bottom.png);
text-align : right;
} span.require,
span.caution {
font-size : 1em;
color : var(--color-08);;
}
p.attention {
border : 2px solid var(--color-08);
padding : 0.5em;
color : var(--color-08);
} #related {
margin : 1.25em 0;
}
#related h4 {
margin : 1.25em 0 0 0;
}
#related dl {
margin : 0;
border-bottom : 1px solid var(--color-04);
}
#related dt {
float : left;
width : 100px;
height : 100px;
margin : 0;
}
#related dt img {
width : 100px;
}
#related dd {
padding : 0 5px 0 0;
margin : 0 0 0 120px;
}
#related dd p {
line-height : 1.5em;
font-weight : bold;
padding : 0.5em 0 0 0;
margin : 0;
}
#related dd p a {
color : var(--color-03);
}
#related dd p a:hover {
color : var(--color-08);
}
@media screen and (min-width: 1000px) {
#related dd {
padding : 0 0.5em 0 0;
}
} #comments_outer {
margin : 2em 0;
}
h4#resp ,
h4#message {
margin : 1.5em 0 0 0;
}
h4#resp:before {
font-family : fontawesome;
content : "\f086";
margin : 0 1em 0 0;
}
#comments_resp ,
#comments {
padding : 10px 20px;
margin : 0;
background : var(--color-07);
border : 1px solid var(--color-05);
}
.comment-body {
padding : 10px;
margin-bottom : 20px;
}
#comments h3 {
display : none;
}
#comments ol.commets-list li {
list-style-type : none;
}
#comments p {
margin : 0;
padding : 5px 0;
}
#comments label {
display : block;
}
.metadata {
font-size : 1em;
line-height : 1.5;
}
.commentmetadata {
border-bottom : 1px dotted var(--color-04);
font-size : 1em;
line-height : 1.2em;
width : 100%;
clear : both;
padding : 10px 0 5px 0;
margin : 10px 0;
}
.reply a {
display : inline-block;
padding : 5px 15px;
background : var(--color-03);
border-radius : 4px;
color : var(--color-02);
}
.reply a:hover {
background : var(--color-08);
}
#comments #respond {
margin : 0 0 10px 0;
padding : 5px 0 0 0;
}
.logged-in-as {
font-weight : bold;
}
#comments #commentform .tags {
padding : 10px;
background : var(--color-06);
}
#comments #commentlist img {
padding : 10px;
}
.commets-list {
padding : 0;
list-style-type : none;
}
ul.children {
padding : 0;
}
.commets-list li {
list-style-type : none;
}
.comment-author.vcard .avatar {
float : left;
margin : 0 10px 0 0;
}
.form-allowed-tags { display : none;
}
#comments textarea {
margin : 0;
padding : 5px;
width : 100%;
background : var(--color-02);;
color : var(--color-03);
}
#comments input {
padding : 10px;
width : 100%;
}
#comments input[type="submit"] {
background : #999;
color : var(--color-02);;
}
#comments input[type="submit"]:hover {
background : var(--color-03);
} #tags_404 {
margin : 30px 0 0 0;
border : 1px solid var(--color-03);
padding : 10px;
}
#tags_404 h3 {
margin : 0;
padding : 0.5em;
font-size : 1em;
font-weight : bold;
border : none;
} aside ,
aside p {
margin : 0 0 0.25em 0;
}
aside a ,
aside a:visited {
color : var(--color-03);
}
aside a:hover {
color : var(--color-08);;
}
aside h4 {
margin : 0 0 10px 0;
}
aside h4 a {
color : var(--color-02);;
}
#aside-search {
margin : 0 0 1.25em 0;
} .footer_box {
display : none;
}
.footer_box ,
.footer_box p {
color : var(--color-02);
line-height : 1.5em;
text-decoration : none;
}
.footer_box a {
color : var(--color-02);
}
.footer_box a:hover {
color : var(--color-hover_rev);
}
.footer_box h4 {
color : var(--color-03);
text-align : center;
margin : 0 0 0.5em 0;
background-color : var(--color-02);
}
@media screen and (min-width: 1000px) {
.footer_box {
display : block;
}
} #footertitle p,
#footertitle a,
#footertitle h1,
#footertitle h1 a {
color : var(--color-02);;
font-weight : normal;
font-size : 1em;
line-height : 1.5em;
} #foot_nav {
position : fixed;
bottom : 0;
left : 0;
right : 0;
margin : 0;
padding : 0;
height : var(--size-foot_nav);
display : grid;
grid-template-columns : repeat(3, 1fr);
justify-content : space-between;
}
#foot_nav li {
}
#foot_nav a {
position : relative;
bottom : 0;
right : 0;
display : block;
padding : 10px 0;
width : 100%;
background : var(--color-09);
text-align : center;
color : var(--color-02);;
font-size : 0.75em;
line-height : var(--size-foot_nav);
}
#foot_nav a:hover {
background : var(--color-hover);;
}
#foot_nav a i {
font-size : 1.75em;
margin : 0 5px 0 0;
}
#foot_nav br {
display : none;
}
@media screen and (min-width: 1000px) {
#foot_nav {
position : initial;
display : block;
bottom : auto;
left : auto;
right : auto;
height : auto;
}
#foot_nav li {
width : auto;
}
#foot_nav a {
display : block;
position : fixed;
padding : 7px 0;
width : 66px;
right : 20px;
background : var(--color-09);
border-radius : 6px;
line-height : 1em;
}
#foot_nav a i {
margin : 0 0 5px 0;
}
#foot_nav br {
display : inline;
}
#foot_nav a:hover {
background : var(--color-hover);
}
#foot_nav li a#page_top {
bottom : 150px;
}
#foot_nav li a#home {
bottom : 90px;
}
#foot_nav li a#contact {
bottom : 30px;
}
} .pagination {
padding : 10px 0;
margin : 20px auto;
text-align : center;
background : var(--color-07);
}
.pagination span,
.pagination a {
display : inline-block;
width : auto;
height : 28px;
border-radius : 14px;
margin : 0 2px 0 0 ;
padding : 0 8px;
text-align : center;
text-decoration : none;
font-size : 1em;
line-height : 28px;
color : #333;
border : 1px solid var(--color-05);
background : var(--color-02);;
}
.pagination .page-count {
margin: 0 8px 0 0 ;
padding : 0;
width : auto;
font-size : 1em;
color : var(--color-03);
border : none;
background : transparent;
}
.pagination a.control ,
.pagination a.last {
width : auto;
padding : 0 5px;
color : var(--color-03);
}
.pagination a:hover {
background : var(--color-01);
color : var(--color-02);
}
.pagination .current {
background : var(--color-03);
color : var(--color-02);;
} nav#braudcrumb-list {
margin : 0 0 1em 0;
font-size : 0.9em;
line-height : 1.5em;
}
nav#braudcrumb-list a {
color : var(--color-03);
}
nav#braudcrumb-list ol {
padding : 0;
margin : 0;
}
nav#braudcrumb-list ol li {
float : left;
padding : 0;
margin : 0 0.5em 0 0;
list-style : none;
}
nav#braudcrumb-list i {
font-size : 1em;
margin-right : 2px;
color : var(--color-04);
} .page_nav {
margin : 10px 0;
}
.page_nav a {
display : block;
color : var(--color-03);
padding : 1em 1.25em;
margin : 0 0 10px 0;
line-height : 1.25em;
background : var(--color-07);
}
.page_nav .previous a ,
.page_nav .next a {
}
.page_nav .previous a:before {
font-family : fontawesome;
content : "\f061";
margin : 0 1em 0 0;
}
.page_nav .next a:before {
font-family : fontawesome;
content : "\f060";
margin : 0 1em 0 0;
}
.page_nav a:hover {
background : var(--color-03);
color : var(--color-02);;
} table {
width : 100%;
margin : 0 0 0.5em 0;
border-collapse : collapse;
border-spacing : 0;
}
table th,
table td {
margin : 0;
padding : 0.25em;
border-collapse : collapse;
border : 1px solid #999;
border-spacing : 0;
vertical-align : top;
}
table th p ,
table td p {
margin : 0;
}
table.casestudy {
}
table.casestudy th {
background : #9aaec7;
color : #fff;
text-align : center;
}
@media screen and (min-width: 1000px) {
table th,
table td {
padding : 0.5em;
}
} .slide_tbl {
overflow-x : auto;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
font-size : 1em;
line-height : 1.2em;
min-width : 100px;
max-width : 100px;
margin-bottom : 0!important;
margin : 0!important;
} @media screen and (min-width: 1001px) {
.slide_tbl {
overflow-x : none;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
font-size : 1em;
line-height : 1.2em;
min-width : initial;
max-width : initial;
margin-bottom : 0!important;
margin : 0!important;
}
tr.pc_no_disp {
display : none;
}
} .asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 0.5em;
}
.widget_box {
padding : 0 0.5em;
}
.widget_box h4 {
margin : 0 -0.5em 0.5em -0.5em;
}
@media screen and (min-width: 1000px) {
.asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 1em;
}
.widget_box {
padding : 0;
}
.widget_box h4 {
margin : 0 0 0.5em 0;
}
} #aside-02 img {
max-width : 150px!important;
}
@media screen and (min-width: 1000px) {
#aside-02 img {
max-width : var(--size-small)!important;
}
} #recent-posts-2 {
}
#recent-posts-2 ul {
margin : -0.5em 0 0 0;
}
#recent-posts-2 ul li {
padding : 0.25em 0;
border-bottom : 1px solid var(--color-05);
} aside ul.wpp-list {
margin-top : -0.5em;
}
ul.wpp-list {
margin : -0.5em -0.5em 0 -0.5em;
counter-reset : item;
}
ul.wpp-list li {
padding : 0;
margin : 0!important;
border-bottom : 1px solid var(--color-05);
}
ul.wpp-list li:after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 1em;
line-height : 0;
}
ul.wpp-list li:before {
counter-increment : item;
content : counter(item)'位';
display : inline-block;
padding : 0 0.5em;
margin : 0 0 2px 0;
background : #444;
border-radius : 4px;
font-size : 1em;
color : var(--color-02);;
font-weight : bold;
line-height : 1.25em;
}
ul.wpp-list li:nth-child(1):before {
background : #beb339;
}
ul.wpp-list li:nth-child(2):before {
background : #9e9e9e;
}
ul.wpp-list li:nth-child(3):before {
background : #875e47;
}
ul.wpp-list li .wpp-thumbnail {
margin : 0 0.5em 0 0!important;
}
ul.wpp-list li .wpp-post-title {
display : block;
margin : 2px 0 0 0;
font-size : 1em;
line-height : 1.25em;
}
@media screen and (min-width: 1000px) {
ul.wpp-list {
margin : 0;
}
.wpp-meta {
display : block;
}
} .widget_sp_image-description {
font-size : 1em;
line-height : 1.25em;
} .tagcloud {
padding : 0 0.5em;
}
.tagcloud a {
display : inline-block;
padding : 0.25em;
margin : 0 0.25em 0.25em 0;
font-size : 0.875em!important;
color : var(--color-02);;
background : var(--color-09);
border-radius : 4px;
}
.tagcloud a:visited {
color : var(--color-02);;
}
.tagcloud a:hover {
color : var(--color-02);;
background : var(--color-08);;
} footer ul li {
margin : 0 0 0.5em 0;
}
footer ul li:before {
content : "▶";
} .wpcf7-list-item {
display : block;
}
input[type="submit"].wpcf7-submit {
}
input[type="submit"].wpcf7-submit:hover {
}
table.contactform ,
table.contactform tr ,
table.contactform td {
border : none;
}
table.contactform {
border-top : 1px solid #999;
}
table.contactform td {
border-bottom : 1px solid #999;
padding : 10px 0 10px 10px;
}
table.contactform td:nth-child(1) {
width : 25%;
background : #eee;
}
table.contactform td:nth-child(2) { }
.form_fullsize {
width : 100%;
}
.contact_submit input[type="submit"] {
display : inline-block;
margin : 1.5em auto;
padding : 0.5em 0;
color : var(--color-02);;
}
.contact_submit input[type="submit"]:hover {
background : var(--color-03);
} .home #container_outer {
padding : calc(100vh -  var(--size-sitename) - var(--size-padding)) 0 var(--size-padding) 0;
margin : 0;
}
.home #container_outer.paged2 {
padding : calc(var(--size-gnav) + var(--size-sitename)) 0 var(--size-padding) 0;
margin : 0;
}
#home_main {
position : absolute;
top : var(--size-sitename);
margin : 0;
padding : 0;
width : 100%;
height : calc(100vh - var(--size-sitename) - var(--size-foot_nav) );
overflow : hidden;
background : url(https://kasa-am.com/sys/wp-content/themes/pochisp/images/home_bg.jpeg);
background-size : cover;
}
_::-webkit-full-page-media, _:future, :root #home_main {
height : calc(100dvh - var(--size-sitename) - var(--size-foot_nav) );
}
#home_main::after {
clear : both;
}
#video {
position : absolute;
top : 50%;
left : 50%;
max-width : none!important;
min-width : 100%!important;
min-height : calc(100vh - var(--size-sitename) - var(--size-foot_nav) );
-webkit-transform : translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
}
#video_dot {
position : absolute;
top : 0;
right : 0;
left : 0;
bottom : 0;
max-width : none!important;
min-height : calc(100vh - var(--size-sitename) - var(--size-foot_nav) );
background : url(//kasa-am.com/sys/wp-content/themes/pochisp/images/video_dot-black.png);
text-indent : -9999px;
}
#front_image_outer {
position : relative;
top : 25vh;
left : 0;
}
#front_image {
position : absolute;
top : 0;
}
@media screen and (min-width: 1000px) {
.home #container_outer {
padding : calc(100vh - var(--size-sitename) + var(--size-padding)) 0 var(--size-padding) 0;
margin : calc(-1 * (var(--size-sitename) + var(--size-gnav) + var(--size-padding))) 0 0 0;
}
.home #home_main {
height : calc(100vh - var(--size-sitename) - var(--size-foot_nav) );
top : calc(var(--size-sitename) + var(--size-gnav));
right : 0;
left : 0;
bottom : 0;
overflow : hidden;
}
#video {
min-height : calc(100vh - var(--size-sitename) - var(--size-gnav) );
}
#front_image_outer {
width : var(--size-ml-w);
height : var(--size-ml-h);
top : calc((100vh - var(--size-ml-h) - var(--size-sitename) - var(--size-gnav) ) / 2);
left : calc((100vw - var(--size-ml-w)) / 2);
}
} #home_content {
padding : 0;
margin : 0 0 20px 0;
}
.home_content-column {
padding : 40px calc( ( 100vw - ( var(--w-large) + 15px )) / 2);
border-bottom : 4px solid var(--color-09);
}
#home_search_form-column {
padding : 0;
margin : 0 auto 40px auto;
width : 75%;
}
#home_wpp {
}
#home_wpp h3 {
padding : 10px;
margin : 30px 0 0 0;
background : var(--color-03);
color : var(--color-02);;
text-align : center;
border : none;
}
#home_wpp .wpp-list {
display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : wrap;
flex-wrap : wrap;
justify-content : space-between;
align-items : stretch;
}
#home_wpp .wpp-list li {
width : 50%;
padding : 0 10px 0 0;
}
table#profile ,
table#profile tr ,
table#profile td {
border : none;
}
table#profile {
border-top : 1px solid #999;
}
table#profile td {
border-bottom : 1px solid #999;
padding : 10px 0 10px 10px;
}
table#profile td:nth-child(1) {
width : 25%;
background : #eee;
}
.lead {
text-align : center;
font-size : 1.2em;
}
#intro {
display : block;
margin : 0;
padding : 0;
}
#intro div {
}
#sample_photos {
padding : 20px 0;
margin : 20px 0;
text-align : center;
background : #eee;
}
#sample_photos div {
padding : 0;
margin : 0;
}
#sample_photos .grid3-1 {
margin : 0 0 10px 0;
}
@media screen and (min-width: 1000px) {
#intro {
display : grid;
grid-template-columns : 360px 600px;
justify-content : space-between;
}
}
p.degree {
margin : 0;
font-size : 0.75em;
line-height : 1.5em;
}
p.staff_name {
margin : 0;
font-size : 1.4em;
font-family : serif;
line-height : 1.5em;
}
p.school {
margin : 0;
font-size : 0.75em;
}
p.staff_profile {
margin : 20px 0 0 0;
}
@media screen and (max-width: 1000px) {
#home_content-column {
margin : 0 auto 20px auto;
width : 100%;
}
#home_wpp h3 {
margin : 30px -10px 0 -10px;
background : var(--color-03);
}
#home_wpp .wpp-list {
display : block;
margin : 0 -10px;
}
#home_wpp .wpp-list li {
width : 100%;
padding : 0;
}
} #scroll_arrow {
z-index : 9999;
}
#scroll_arrow a {
position : absolute;
bottom : 40px;
left : calc((100vw - 46px) / 2);
color : #fff;
padding-top: 60px;
display : inline-block;
font : normal 400 20px/1 'Josefin Sans', sans-serif;
}
#scroll_arrow a span {
position: absolute;
top: 0;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
border: 4px solid #fff;
border-radius: 100%;
box-sizing: border-box;
}
#scroll_arrow a span::after {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 16px;
height: 16px;
margin: -12px 0 0 -8px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
#scroll_arrow a span::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 44px;
height: 44px;
box-shadow: 0 0 0 0 rgba(255,255,255,0.1);
border-radius: 100%;
opacity: 0;
-webkit-animation: sdb 3s infinite;
animation: sdb 3s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255,255,255,0.1);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255,255,255,0.1);
opacity: 0;
}
100% {
opacity: 0;
}
}
.scroll_anchor {
padding-top : calc(var(--size-sitename) + var(--size-padding))!important;
margin-top : calc( -1 * var(--size-sitename))!important;
}
@media screen and (min-width: 1000px) {
.scroll_anchor {
padding-top : calc(var(--size-sitename) + var(--size-gnav) + var(--size-padding))!important;
margin-top : calc( -1 * (var(--size-sitename) + var(--size-gnav)) )!important;
}
} form.wpcf7-form button {
margin : 20px 0;
outline : none;
}
.custom-btn {
width : 130px;
height : 40px;
padding : 10px 25px;
border : 1px solid #333;
font-family : 'Lato', sans-serif;
font-weight : 500;
background : transparent;
cursor : pointer;
transition : all 0.3s ease;
position : relative;
display : inline-block;
}
.btn-3 {
line-height : 39px;
padding : 0;
}
.btn-3:hover{
background : transparent;
color : var(--color-03);
}
.btn-3 span {
position : relative;
display : block;
width : 100%;
height : 100%;
}
.btn-3:before,
.btn-3:after {
position : absolute;
content : "";
left : 0;
top : 0;
background : var(--color-03);
transition : all 0.3s ease;
}
.btn-3:before {
height : 0%;
width : 2px;
}
.btn-3:after {
width : 0%;
height : 2px;
}
.btn-3:hover:before {
height : 100%;
}
.btn-3:hover:after {
width : 100%;
}
.btn-3 span:before,
.btn-3 span:after {
position : absolute;
content : "";
right : 0;
bottom : 0;
background : var(--color-03);
transition : all 0.3s ease;
}
.btn-3 span:before {
width : 2px;
height : 0%;
}
.btn-3 span:after {
width : 0%;
height : 2px;
}
.btn-3 span:hover:before {
height : 100%;
}
.btn-3 span:hover:after {
width : 100%;
}

p {
}
h1 {
text-align : center;
font-size : 2em;
margin : 1em 0 2em 0;
font-family: 'Kaisei HarunoUmi', serif;
font-weight : 700;
}
h1.entry-title,
h1.page-title ,
h4.entry-title,
h4.page-title {
clear : both;
margin : 0 0 40px 0;
padding : 0 0 0.5em 1em;
background : transparent;
color : var(--color-01);
font-size : 1.5em;
line-height : 1.7em;
font-weight : bold;
border-left : 2px solid var(--color-03);
border-bottom : 3px solid var(--color-03);
}
h2 {
clear : both;
position: relative;
margin : 50px auto 50px auto;
padding : 0;
font-size : 20px;
line-height : 1.5;
font-weight : 700;
color : #000;
text-align: center;
}
h2:before {
content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 20%;
height: 8px;
left: 50%;
transform: translateX(-50%);
background-color: #376091;
border-radius: 2px;
}
h3 {
margin : 30px 0 20px 0;
padding : 8px 0;
font-size : 1.25em;
line-height : 1.5em;
font-weight : normal;
border-bottom : 1px solid var(--color-04);
}
h3.b_content {
margin : 30px 0;
padding : 12px 0;
font-size : 1.25em;
text-align : center;
line-height : 1.5em;
font-weight : 600;
border-top : 2px solid #376091;
border-bottom : 2px solid #376091;
}
h2:nth-child(1) ,
h3:nth-child(1) {
margin-top : 0;
}
h4 {
font-size : 1.2em;
font-weight: bold;
line-height : 1.5em;
color : var(--color-02);
padding : 10px 20px;
border : none;
margin : 0;
background : var(--color-01);
}
.footer_box h1.entry-title,
.footer_box h1.page-title ,
.footer_box h4.entry-title,
.footer_box h4.page-title {
line-height : 1.5em;
color : var(--color-01);
text-align : center;
padding : 10px 20px;
margin : 0 0 10px 0;
background-color : var(--color-02);
}
h5 {
}
h6 {
}
h7 {
}