@charset 'UTF-8';
@charset "UTF-8";
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
.site-header-image {
display: block;
margin: auto;
}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
} img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
} .author-bio .avatar {
border: 1px solid #dee2e6;
border-radius: 50%;
}   input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; }  #comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.commentlist,
.commentlist ul {
padding-left: 0;
}
.commentlist li {
padding: 1rem;
}
.comment-meta {
margin-bottom: 1rem;
}
.comment > .children {
margin-top: 1rem;
margin-right: -0.625rem;
margin-bottom: -1.625rem;
}
 @import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
a {
color: inherit;
}
a:hover {
color: inherit;
}
ul {
margin: 0;
padding: 0;
}
#main {
overflow: hidden;
} @media (min-width: 1200px) {
.container {
max-width: 1140px !important;
}
}
@media (min-width: 992px) {
.container {
max-width: 1140px !important;
}
}
@media (max-width: 991px) {
.container {
max-width: 100% !important;
}
}
@media (max-width: 767px) {
.container {
max-width: 100% !important;
padding-right: 16px !important;
padding-left: 16px !important;
}
}
@media (max-width: 575px) {
.container {
max-width: 100% !important;
}
}
.container {
width: 100%;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
.margin {
padding-left: 30px !important;
padding-right: 30px !important;
}
@media screen and (max-width: 767px) {
.margin {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
@media screen and (max-width: 767px) {
.margin-sp {
padding-left: 16px !important;
padding-right: 16px !important;
}
}   body {
font-family: "Noto Sans JP", sans-serif !important;
font-size: 16px;
color: #000;
line-height: 1;
}
.serif {
font-family: "Noto Serif JP", serif !important;
}
.sans {
font-family: "Noto Sans JP", sans-serif !important;
}
.regular {
font-weight: 400 !important;
}
.medium {
font-weight: 500 !important;
}
.bold {
font-weight: 700 !important;
}
.black {
font-weight: 900 !important;
} @media (max-width: 768px) {
html {
font-size: 14px !important;
}
}
.f9 {
font-size: 0.5625rem;
}
.f10 {
font-size: 0.625rem;
}
.f11 {
font-size: 0.6875rem;
}
.f12 {
font-size: 0.75rem;
}
.f13 {
font-size: 0.8125rem;
}
.f14 {
font-size: 0.875rem;
}
.f15 {
font-size: 0.9375rem;
}
.f16 {
font-size: 1rem;
}
.f17 {
font-size: 1.0625rem;
}
.f18 {
font-size: 1.125rem;
}
.f19 {
font-size: 1.1875rem;
}
.f20 {
font-size: 1.25rem;
}
.f21 {
font-size: 1.3125rem;
}
.f22 {
font-size: 1.375rem;
}
.f23 {
font-size: 1.4375rem;
}
.f24 {
font-size: 1.5rem;
}
.f25 {
font-size: 1.5625rem;
}
.f26 {
font-size: 1.625rem;
}
.f27 {
font-size: 1.6875rem;
}
.f28 {
font-size: 1.75rem;
}
.f29 {
font-size: 1.8125rem;
}
.f30 {
font-size: 1.875rem;
}
.f31 {
font-size: 1.9375rem;
}
.f32 {
font-size: 2rem;
}
.f33 {
font-size: 2.0625rem;
}
.f34 {
font-size: 2.125rem;
}
.f35 {
font-size: 2.1875rem;
}
.f36 {
font-size: 2.25rem;
}
.f37 {
font-size: 2.3125rem;
}
.f38 {
font-size: 2.375rem;
}
.f39 {
font-size: 2.4375rem;
}
.f40 {
font-size: 2.5rem;
}
.f41 {
font-size: 2.5625rem;
}
.f42 {
font-size: 2.625rem;
}
.f43 {
font-size: 2.6875rem;
}
.f44 {
font-size: 2.75rem;
}
.f45 {
font-size: 2.8125rem;
}
.f46 {
font-size: 2.875rem;
}
.f47 {
font-size: 2.9375rem;
}
.f48 {
font-size: 3rem;
}
.f49 {
font-size: 3.0625rem;
}
.f50 {
font-size: 3.125rem;
}
.f51 {
font-size: 3.1875rem;
}
.f52 {
font-size: 3.25rem;
}
.f53 {
font-size: 3.3125rem;
}
.f54 {
font-size: 3.375rem;
}
.f55 {
font-size: 3.4375rem;
}
.f56 {
font-size: 3.5rem;
}
.f57 {
font-size: 3.5625rem;
}
.f58 {
font-size: 3.625rem;
}
.f59 {
font-size: 3.6875rem;
}
.f60 {
font-size: 3.75rem;
}
.f61 {
font-size: 3.8125rem;
}
.f62 {
font-size: 3.875rem;
}
.f63 {
font-size: 3.9375rem;
}
.f64 {
font-size: 4rem;
}
.f65 {
font-size: 4.0625rem;
}
.f66 {
font-size: 4.125rem;
}
.f67 {
font-size: 4.1875rem;
}
.f68 {
font-size: 4.25rem;
}
.f69 {
font-size: 4.3125rem;
}
.f70 {
font-size: 4.375rem;
}
.f71 {
font-size: 4.4375rem;
}
.f72 {
font-size: 4.5rem;
}
@media (max-width: 767px) {
.f16 {
font-size: 1rem;
}
.f17 {
font-size: 1rem;
}
.f18 {
font-size: 1rem;
}
.f19 {
font-size: 1rem;
}
.f20 {
font-size: 1.25rem;
}
.f21 {
font-size: 1.25rem;
}
.f22 {
font-size: 1.25rem;
}
.f23 {
font-size: 1.25rem;
}
.f24 {
font-size: 1.25rem;
}
.f35 {
font-size: 2rem;
}
.f36 {
font-size: 2rem;
}
.f37 {
font-size: 2rem;
}
.f38 {
font-size: 2rem;
}
.f39 {
font-size: 2rem;
}
.f40 {
font-size: 2rem;
}
.f41 {
font-size: 2rem;
}
.f42 {
font-size: 2rem;
}
.f43 {
font-size: 2rem;
}
.f44 {
font-size: 2rem;
}
} .l00 {
line-height: 0;
}
.l10 {
line-height: 1;
}
@media screen and (min-width: 768px) {
.l-md-10 {
line-height: 1;
}
}
.l11 {
line-height: 1.1;
}
@media screen and (min-width: 768px) {
.l-md-11 {
line-height: 1.1;
}
}
.l12 {
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.l-md-12 {
line-height: 1.2;
}
}
.l13 {
line-height: 1.3;
}
@media screen and (min-width: 768px) {
.l-md-13 {
line-height: 1.3;
}
}
.l14 {
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.l-md-14 {
line-height: 1.4;
}
}
.l15 {
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.l-md-15 {
line-height: 1.5;
}
}
.l16 {
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.l-md-16 {
line-height: 1.6;
}
}
.l17 {
line-height: 1.7;
}
@media screen and (min-width: 768px) {
.l-md-17 {
line-height: 1.7;
}
}
.l18 {
line-height: 1.8;
}
@media screen and (min-width: 768px) {
.l-md-18 {
line-height: 1.8;
}
}
.l19 {
line-height: 1.9;
}
@media screen and (min-width: 768px) {
.l-md-19 {
line-height: 1.9;
}
}
.l20 {
line-height: 2;
}
@media screen and (min-width: 768px) {
.l-md-20 {
line-height: 2;
}
}
.l21 {
line-height: 2.1;
}
@media screen and (min-width: 768px) {
.l-md-21 {
line-height: 2.1;
}
}
.l22 {
line-height: 2.2;
}
@media screen and (min-width: 768px) {
.l-md-22 {
line-height: 2.2;
}
}
.l23 {
line-height: 2.3;
}
@media screen and (min-width: 768px) {
.l-md-23 {
line-height: 2.3;
}
}
.l24 {
line-height: 2.4;
}
@media screen and (min-width: 768px) {
.l-md-24 {
line-height: 2.4;
}
}
.l25 {
line-height: 2.5;
}
@media screen and (min-width: 768px) {
.l-md-25 {
line-height: 2.5;
}
}
.l26 {
line-height: 2.6;
}
@media screen and (min-width: 768px) {
.l-md-26 {
line-height: 2.6;
}
}
.l27 {
line-height: 2.7;
}
@media screen and (min-width: 768px) {
.l-md-27 {
line-height: 2.7;
}
}
.l28 {
line-height: 2.8;
}
@media screen and (min-width: 768px) {
.l-md-28 {
line-height: 2.8;
}
}
.l29 {
line-height: 2.9;
}
@media screen and (min-width: 768px) {
.l-md-29 {
line-height: 2.9;
}
}
.l30 {
line-height: 3;
}
@media screen and (min-width: 768px) {
.l-md-30 {
line-height: 3;
}
}
.l31 {
line-height: 3.1;
}
@media screen and (min-width: 768px) {
.l-md-31 {
line-height: 3.1;
}
}
.l32 {
line-height: 3.2;
}
@media screen and (min-width: 768px) {
.l-md-32 {
line-height: 3.2;
}
}
.l33 {
line-height: 3.3;
}
@media screen and (min-width: 768px) {
.l-md-33 {
line-height: 3.3;
}
}
.l34 {
line-height: 3.4;
}
@media screen and (min-width: 768px) {
.l-md-34 {
line-height: 3.4;
}
}
.l35 {
line-height: 3.5;
}
@media screen and (min-width: 768px) {
.l-md-35 {
line-height: 3.5;
}
} @media screen and (max-width: 767px) {
.medium-font-md {
font-size: 16px !important;
line-height: 32px !important;
}
.large-font-md {
font-size: 28px !important;
line-height: 40px !important;
}
}
@media screen and (max-width: 575px) {
.medium-font-sm {
font-size: 16px !important;
line-height: 32px !important;
}
.large-font-sm {
font-size: 28px !important;
line-height: 40px !important;
}
} p {
margin-bottom: 0.5rem;
}
.mb1 {
margin-bottom: 1px !important;
}
.mb2 {
margin-bottom: 2px !important;
}
.mb3 {
margin-bottom: 3px !important;
}
.mb4 {
margin-bottom: 4px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb6 {
margin-bottom: 6px !important;
}
.mb7 {
margin-bottom: 7px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mb9 {
margin-bottom: 9px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb11 {
margin-bottom: 11px !important;
}
.mb12 {
margin-bottom: 12px !important;
}
.mb13 {
margin-bottom: 13px !important;
}
.mb14 {
margin-bottom: 14px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb16 {
margin-bottom: 16px !important;
}
.mb17 {
margin-bottom: 17px !important;
}
.mb18 {
margin-bottom: 18px !important;
}
.mb19 {
margin-bottom: 19px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb21 {
margin-bottom: 21px !important;
}
.mb22 {
margin-bottom: 22px !important;
}
.mb23 {
margin-bottom: 23px !important;
}
.mb24 {
margin-bottom: 24px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb26 {
margin-bottom: 26px !important;
}
.mb27 {
margin-bottom: 27px !important;
}
.mb28 {
margin-bottom: 28px !important;
}
.mb29 {
margin-bottom: 29px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb31 {
margin-bottom: 31px !important;
}
.mb32 {
margin-bottom: 32px !important;
}
.mb33 {
margin-bottom: 33px !important;
}
.mb34 {
margin-bottom: 34px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb36 {
margin-bottom: 36px !important;
}
.mb37 {
margin-bottom: 37px !important;
}
.mb38 {
margin-bottom: 38px !important;
}
.mb39 {
margin-bottom: 39px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb41 {
margin-bottom: 41px !important;
}
.mb42 {
margin-bottom: 42px !important;
}
.mb43 {
margin-bottom: 43px !important;
}
.mb44 {
margin-bottom: 44px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb46 {
margin-bottom: 46px !important;
}
.mb47 {
margin-bottom: 47px !important;
}
.mb48 {
margin-bottom: 48px !important;
}
.mb49 {
margin-bottom: 49px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb51 {
margin-bottom: 51px !important;
}
.mb52 {
margin-bottom: 52px !important;
}
.mb53 {
margin-bottom: 53px !important;
}
.mb54 {
margin-bottom: 54px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.mb56 {
margin-bottom: 56px !important;
}
.mb57 {
margin-bottom: 57px !important;
}
.mb58 {
margin-bottom: 58px !important;
}
.mb59 {
margin-bottom: 59px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb61 {
margin-bottom: 61px !important;
}
.mb62 {
margin-bottom: 62px !important;
}
.mb63 {
margin-bottom: 63px !important;
}
.mb64 {
margin-bottom: 64px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.mb66 {
margin-bottom: 66px !important;
}
.mb67 {
margin-bottom: 67px !important;
}
.mb68 {
margin-bottom: 68px !important;
}
.mb69 {
margin-bottom: 69px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb71 {
margin-bottom: 71px !important;
}
.mb72 {
margin-bottom: 72px !important;
}
.mb73 {
margin-bottom: 73px !important;
}
.mb74 {
margin-bottom: 74px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mb76 {
margin-bottom: 76px !important;
}
.mb77 {
margin-bottom: 77px !important;
}
.mb78 {
margin-bottom: 78px !important;
}
.mb79 {
margin-bottom: 79px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb81 {
margin-bottom: 81px !important;
}
.mb82 {
margin-bottom: 82px !important;
}
.mb83 {
margin-bottom: 83px !important;
}
.mb84 {
margin-bottom: 84px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.mb86 {
margin-bottom: 86px !important;
}
.mb87 {
margin-bottom: 87px !important;
}
.mb88 {
margin-bottom: 88px !important;
}
.mb89 {
margin-bottom: 89px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb91 {
margin-bottom: 91px !important;
}
.mb92 {
margin-bottom: 92px !important;
}
.mb93 {
margin-bottom: 93px !important;
}
.mb94 {
margin-bottom: 94px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.mb96 {
margin-bottom: 96px !important;
}
.mb97 {
margin-bottom: 97px !important;
}
.mb98 {
margin-bottom: 98px !important;
}
.mb99 {
margin-bottom: 99px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.mb101 {
margin-bottom: 101px !important;
}
.mb102 {
margin-bottom: 102px !important;
}
.mb103 {
margin-bottom: 103px !important;
}
.mb104 {
margin-bottom: 104px !important;
}
.mb105 {
margin-bottom: 105px !important;
}
.mb106 {
margin-bottom: 106px !important;
}
.mb107 {
margin-bottom: 107px !important;
}
.mb108 {
margin-bottom: 108px !important;
}
.mb109 {
margin-bottom: 109px !important;
}
.mb110 {
margin-bottom: 110px !important;
}
.mb111 {
margin-bottom: 111px !important;
}
.mb112 {
margin-bottom: 112px !important;
}
.mb113 {
margin-bottom: 113px !important;
}
.mb114 {
margin-bottom: 114px !important;
}
.mb115 {
margin-bottom: 115px !important;
}
.mb116 {
margin-bottom: 116px !important;
}
.mb117 {
margin-bottom: 117px !important;
}
.mb118 {
margin-bottom: 118px !important;
}
.mb119 {
margin-bottom: 119px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.mb121 {
margin-bottom: 121px !important;
}
.mb122 {
margin-bottom: 122px !important;
}
.mb123 {
margin-bottom: 123px !important;
}
.mb124 {
margin-bottom: 124px !important;
}
.mb125 {
margin-bottom: 125px !important;
}
.mb126 {
margin-bottom: 126px !important;
}
.mb127 {
margin-bottom: 127px !important;
}
.mb128 {
margin-bottom: 128px !important;
}
.mb129 {
margin-bottom: 129px !important;
}
.mb130 {
margin-bottom: 130px !important;
}
.mb131 {
margin-bottom: 131px !important;
}
.mb132 {
margin-bottom: 132px !important;
}
.mb133 {
margin-bottom: 133px !important;
}
.mb134 {
margin-bottom: 134px !important;
}
.mb135 {
margin-bottom: 135px !important;
}
.mb136 {
margin-bottom: 136px !important;
}
.mb137 {
margin-bottom: 137px !important;
}
.mb138 {
margin-bottom: 138px !important;
}
.mb139 {
margin-bottom: 139px !important;
}
.mb140 {
margin-bottom: 140px !important;
}
.mb141 {
margin-bottom: 141px !important;
}
.mb142 {
margin-bottom: 142px !important;
}
.mb143 {
margin-bottom: 143px !important;
}
.mb144 {
margin-bottom: 144px !important;
}
.mb145 {
margin-bottom: 145px !important;
}
.mb146 {
margin-bottom: 146px !important;
}
.mb147 {
margin-bottom: 147px !important;
}
.mb148 {
margin-bottom: 148px !important;
}
.mb149 {
margin-bottom: 149px !important;
}
.mb150 {
margin-bottom: 150px !important;
}
.mb151 {
margin-bottom: 151px !important;
}
.mb152 {
margin-bottom: 152px !important;
}
.mb153 {
margin-bottom: 153px !important;
}
.mb154 {
margin-bottom: 154px !important;
}
.mb155 {
margin-bottom: 155px !important;
}
.mb156 {
margin-bottom: 156px !important;
}
.mb157 {
margin-bottom: 157px !important;
}
.mb158 {
margin-bottom: 158px !important;
}
.mb159 {
margin-bottom: 159px !important;
}
.mb160 {
margin-bottom: 160px !important;
}
.mb161 {
margin-bottom: 161px !important;
}
.mb162 {
margin-bottom: 162px !important;
}
.mb163 {
margin-bottom: 163px !important;
}
.mb164 {
margin-bottom: 164px !important;
}
.mb165 {
margin-bottom: 165px !important;
}
.mb166 {
margin-bottom: 166px !important;
}
.mb167 {
margin-bottom: 167px !important;
}
.mb168 {
margin-bottom: 168px !important;
}
.mb169 {
margin-bottom: 169px !important;
}
.mb170 {
margin-bottom: 170px !important;
}
.mb171 {
margin-bottom: 171px !important;
}
.mb172 {
margin-bottom: 172px !important;
}
.mb173 {
margin-bottom: 173px !important;
}
.mb174 {
margin-bottom: 174px !important;
}
.mb175 {
margin-bottom: 175px !important;
}
.mb176 {
margin-bottom: 176px !important;
}
.mb177 {
margin-bottom: 177px !important;
}
.mb178 {
margin-bottom: 178px !important;
}
.mb179 {
margin-bottom: 179px !important;
}
.mb180 {
margin-bottom: 180px !important;
}
.mb181 {
margin-bottom: 181px !important;
}
.mb182 {
margin-bottom: 182px !important;
}
.mb183 {
margin-bottom: 183px !important;
}
.mb184 {
margin-bottom: 184px !important;
}
.mb185 {
margin-bottom: 185px !important;
}
.mb186 {
margin-bottom: 186px !important;
}
.mb187 {
margin-bottom: 187px !important;
}
.mb188 {
margin-bottom: 188px !important;
}
.mb189 {
margin-bottom: 189px !important;
}
.mb190 {
margin-bottom: 190px !important;
}
.mb191 {
margin-bottom: 191px !important;
}
.mb192 {
margin-bottom: 192px !important;
}
.mb193 {
margin-bottom: 193px !important;
}
.mb194 {
margin-bottom: 194px !important;
}
.mb195 {
margin-bottom: 195px !important;
}
.mb196 {
margin-bottom: 196px !important;
}
.mb197 {
margin-bottom: 197px !important;
}
.mb198 {
margin-bottom: 198px !important;
}
.mb199 {
margin-bottom: 199px !important;
}
.mb200 {
margin-bottom: 200px !important;
}
@media (max-width: 767px) {
.mb1 {
margin-bottom: 0.875px !important;
}
.mb2 {
margin-bottom: 1.75px !important;
}
.mb3 {
margin-bottom: 2.625px !important;
}
.mb4 {
margin-bottom: 3.5px !important;
}
.mb5 {
margin-bottom: 4.375px !important;
}
.mb6 {
margin-bottom: 5.25px !important;
}
.mb7 {
margin-bottom: 6.125px !important;
}
.mb8 {
margin-bottom: 7px !important;
}
.mb9 {
margin-bottom: 7.875px !important;
}
.mb10 {
margin-bottom: 8.75px !important;
}
.mb11 {
margin-bottom: 9.625px !important;
}
.mb12 {
margin-bottom: 10.5px !important;
}
.mb13 {
margin-bottom: 11.375px !important;
}
.mb14 {
margin-bottom: 12.25px !important;
}
.mb15 {
margin-bottom: 13.125px !important;
}
.mb16 {
margin-bottom: 14px !important;
}
.mb17 {
margin-bottom: 14.875px !important;
}
.mb18 {
margin-bottom: 15.75px !important;
}
.mb19 {
margin-bottom: 16.625px !important;
}
.mb20 {
margin-bottom: 17.5px !important;
}
.mb21 {
margin-bottom: 18.375px !important;
}
.mb22 {
margin-bottom: 19.25px !important;
}
.mb23 {
margin-bottom: 20.125px !important;
}
.mb24 {
margin-bottom: 21px !important;
}
.mb25 {
margin-bottom: 21.875px !important;
}
.mb26 {
margin-bottom: 22.75px !important;
}
.mb27 {
margin-bottom: 23.625px !important;
}
.mb28 {
margin-bottom: 24.5px !important;
}
.mb29 {
margin-bottom: 25.375px !important;
}
.mb30 {
margin-bottom: 26.25px !important;
}
.mb31 {
margin-bottom: 27.125px !important;
}
.mb32 {
margin-bottom: 28px !important;
}
.mb33 {
margin-bottom: 28.875px !important;
}
.mb34 {
margin-bottom: 29.75px !important;
}
.mb35 {
margin-bottom: 30.625px !important;
}
.mb36 {
margin-bottom: 31.5px !important;
}
.mb37 {
margin-bottom: 32.375px !important;
}
.mb38 {
margin-bottom: 33.25px !important;
}
.mb39 {
margin-bottom: 34.125px !important;
}
.mb40 {
margin-bottom: 35px !important;
}
.mb41 {
margin-bottom: 35.875px !important;
}
.mb42 {
margin-bottom: 36.75px !important;
}
.mb43 {
margin-bottom: 37.625px !important;
}
.mb44 {
margin-bottom: 38.5px !important;
}
.mb45 {
margin-bottom: 39.375px !important;
}
.mb46 {
margin-bottom: 40.25px !important;
}
.mb47 {
margin-bottom: 41.125px !important;
}
.mb48 {
margin-bottom: 42px !important;
}
.mb49 {
margin-bottom: 42.875px !important;
}
.mb50 {
margin-bottom: 43.75px !important;
}
.mb51 {
margin-bottom: 44.625px !important;
}
.mb52 {
margin-bottom: 45.5px !important;
}
.mb53 {
margin-bottom: 46.375px !important;
}
.mb54 {
margin-bottom: 47.25px !important;
}
.mb55 {
margin-bottom: 48.125px !important;
}
.mb56 {
margin-bottom: 49px !important;
}
.mb57 {
margin-bottom: 49.875px !important;
}
.mb58 {
margin-bottom: 50.75px !important;
}
.mb59 {
margin-bottom: 51.625px !important;
}
.mb60 {
margin-bottom: 52.5px !important;
}
.mb61 {
margin-bottom: 53.375px !important;
}
.mb62 {
margin-bottom: 54.25px !important;
}
.mb63 {
margin-bottom: 55.125px !important;
}
.mb64 {
margin-bottom: 56px !important;
}
.mb65 {
margin-bottom: 56.875px !important;
}
.mb66 {
margin-bottom: 57.75px !important;
}
.mb67 {
margin-bottom: 58.625px !important;
}
.mb68 {
margin-bottom: 59.5px !important;
}
.mb69 {
margin-bottom: 60.375px !important;
}
.mb70 {
margin-bottom: 61.25px !important;
}
.mb71 {
margin-bottom: 62.125px !important;
}
.mb72 {
margin-bottom: 63px !important;
}
.mb73 {
margin-bottom: 63.875px !important;
}
.mb74 {
margin-bottom: 64.75px !important;
}
.mb75 {
margin-bottom: 65.625px !important;
}
.mb76 {
margin-bottom: 66.5px !important;
}
.mb77 {
margin-bottom: 67.375px !important;
}
.mb78 {
margin-bottom: 68.25px !important;
}
.mb79 {
margin-bottom: 69.125px !important;
}
.mb80 {
margin-bottom: 70px !important;
}
.mb81 {
margin-bottom: 70.875px !important;
}
.mb82 {
margin-bottom: 71.75px !important;
}
.mb83 {
margin-bottom: 72.625px !important;
}
.mb84 {
margin-bottom: 73.5px !important;
}
.mb85 {
margin-bottom: 74.375px !important;
}
.mb86 {
margin-bottom: 75.25px !important;
}
.mb87 {
margin-bottom: 76.125px !important;
}
.mb88 {
margin-bottom: 77px !important;
}
.mb89 {
margin-bottom: 77.875px !important;
}
.mb90 {
margin-bottom: 78.75px !important;
}
.mb91 {
margin-bottom: 79.625px !important;
}
.mb92 {
margin-bottom: 80.5px !important;
}
.mb93 {
margin-bottom: 81.375px !important;
}
.mb94 {
margin-bottom: 82.25px !important;
}
.mb95 {
margin-bottom: 83.125px !important;
}
.mb96 {
margin-bottom: 84px !important;
}
.mb97 {
margin-bottom: 84.875px !important;
}
.mb98 {
margin-bottom: 85.75px !important;
}
.mb99 {
margin-bottom: 86.625px !important;
}
.mb100 {
margin-bottom: 87.5px !important;
}
.mb101 {
margin-bottom: 88.375px !important;
}
.mb102 {
margin-bottom: 89.25px !important;
}
.mb103 {
margin-bottom: 90.125px !important;
}
.mb104 {
margin-bottom: 91px !important;
}
.mb105 {
margin-bottom: 91.875px !important;
}
.mb106 {
margin-bottom: 92.75px !important;
}
.mb107 {
margin-bottom: 93.625px !important;
}
.mb108 {
margin-bottom: 94.5px !important;
}
.mb109 {
margin-bottom: 95.375px !important;
}
.mb110 {
margin-bottom: 96.25px !important;
}
.mb111 {
margin-bottom: 97.125px !important;
}
.mb112 {
margin-bottom: 98px !important;
}
.mb113 {
margin-bottom: 98.875px !important;
}
.mb114 {
margin-bottom: 99.75px !important;
}
.mb115 {
margin-bottom: 100.625px !important;
}
.mb116 {
margin-bottom: 101.5px !important;
}
.mb117 {
margin-bottom: 102.375px !important;
}
.mb118 {
margin-bottom: 103.25px !important;
}
.mb119 {
margin-bottom: 104.125px !important;
}
.mb120 {
margin-bottom: 105px !important;
}
.mb121 {
margin-bottom: 105.875px !important;
}
.mb122 {
margin-bottom: 106.75px !important;
}
.mb123 {
margin-bottom: 107.625px !important;
}
.mb124 {
margin-bottom: 108.5px !important;
}
.mb125 {
margin-bottom: 109.375px !important;
}
.mb126 {
margin-bottom: 110.25px !important;
}
.mb127 {
margin-bottom: 111.125px !important;
}
.mb128 {
margin-bottom: 112px !important;
}
.mb129 {
margin-bottom: 112.875px !important;
}
.mb130 {
margin-bottom: 113.75px !important;
}
.mb131 {
margin-bottom: 114.625px !important;
}
.mb132 {
margin-bottom: 115.5px !important;
}
.mb133 {
margin-bottom: 116.375px !important;
}
.mb134 {
margin-bottom: 117.25px !important;
}
.mb135 {
margin-bottom: 118.125px !important;
}
.mb136 {
margin-bottom: 119px !important;
}
.mb137 {
margin-bottom: 119.875px !important;
}
.mb138 {
margin-bottom: 120.75px !important;
}
.mb139 {
margin-bottom: 121.625px !important;
}
.mb140 {
margin-bottom: 122.5px !important;
}
.mb141 {
margin-bottom: 123.375px !important;
}
.mb142 {
margin-bottom: 124.25px !important;
}
.mb143 {
margin-bottom: 125.125px !important;
}
.mb144 {
margin-bottom: 126px !important;
}
.mb145 {
margin-bottom: 126.875px !important;
}
.mb146 {
margin-bottom: 127.75px !important;
}
.mb147 {
margin-bottom: 128.625px !important;
}
.mb148 {
margin-bottom: 129.5px !important;
}
.mb149 {
margin-bottom: 130.375px !important;
}
.mb150 {
margin-bottom: 131.25px !important;
}
.mb151 {
margin-bottom: 132.125px !important;
}
.mb152 {
margin-bottom: 133px !important;
}
.mb153 {
margin-bottom: 133.875px !important;
}
.mb154 {
margin-bottom: 134.75px !important;
}
.mb155 {
margin-bottom: 135.625px !important;
}
.mb156 {
margin-bottom: 136.5px !important;
}
.mb157 {
margin-bottom: 137.375px !important;
}
.mb158 {
margin-bottom: 138.25px !important;
}
.mb159 {
margin-bottom: 139.125px !important;
}
.mb160 {
margin-bottom: 140px !important;
}
.mb161 {
margin-bottom: 140.875px !important;
}
.mb162 {
margin-bottom: 141.75px !important;
}
.mb163 {
margin-bottom: 142.625px !important;
}
.mb164 {
margin-bottom: 143.5px !important;
}
.mb165 {
margin-bottom: 144.375px !important;
}
.mb166 {
margin-bottom: 145.25px !important;
}
.mb167 {
margin-bottom: 146.125px !important;
}
.mb168 {
margin-bottom: 147px !important;
}
.mb169 {
margin-bottom: 147.875px !important;
}
.mb170 {
margin-bottom: 148.75px !important;
}
.mb171 {
margin-bottom: 149.625px !important;
}
.mb172 {
margin-bottom: 150.5px !important;
}
.mb173 {
margin-bottom: 151.375px !important;
}
.mb174 {
margin-bottom: 152.25px !important;
}
.mb175 {
margin-bottom: 153.125px !important;
}
.mb176 {
margin-bottom: 154px !important;
}
.mb177 {
margin-bottom: 154.875px !important;
}
.mb178 {
margin-bottom: 155.75px !important;
}
.mb179 {
margin-bottom: 156.625px !important;
}
.mb180 {
margin-bottom: 157.5px !important;
}
.mb181 {
margin-bottom: 158.375px !important;
}
.mb182 {
margin-bottom: 159.25px !important;
}
.mb183 {
margin-bottom: 160.125px !important;
}
.mb184 {
margin-bottom: 161px !important;
}
.mb185 {
margin-bottom: 161.875px !important;
}
.mb186 {
margin-bottom: 162.75px !important;
}
.mb187 {
margin-bottom: 163.625px !important;
}
.mb188 {
margin-bottom: 164.5px !important;
}
.mb189 {
margin-bottom: 165.375px !important;
}
.mb190 {
margin-bottom: 166.25px !important;
}
.mb191 {
margin-bottom: 167.125px !important;
}
.mb192 {
margin-bottom: 168px !important;
}
.mb193 {
margin-bottom: 168.875px !important;
}
.mb194 {
margin-bottom: 169.75px !important;
}
.mb195 {
margin-bottom: 170.625px !important;
}
.mb196 {
margin-bottom: 171.5px !important;
}
.mb197 {
margin-bottom: 172.375px !important;
}
.mb198 {
margin-bottom: 173.25px !important;
}
.mb199 {
margin-bottom: 174.125px !important;
}
.mb200 {
margin-bottom: 175px !important;
}
} .pb1 {
padding-bottom: 1px !important;
}
.pb2 {
padding-bottom: 2px !important;
}
.pb3 {
padding-bottom: 3px !important;
}
.pb4 {
padding-bottom: 4px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pb6 {
padding-bottom: 6px !important;
}
.pb7 {
padding-bottom: 7px !important;
}
.pb8 {
padding-bottom: 8px !important;
}
.pb9 {
padding-bottom: 9px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb11 {
padding-bottom: 11px !important;
}
.pb12 {
padding-bottom: 12px !important;
}
.pb13 {
padding-bottom: 13px !important;
}
.pb14 {
padding-bottom: 14px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb16 {
padding-bottom: 16px !important;
}
.pb17 {
padding-bottom: 17px !important;
}
.pb18 {
padding-bottom: 18px !important;
}
.pb19 {
padding-bottom: 19px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb21 {
padding-bottom: 21px !important;
}
.pb22 {
padding-bottom: 22px !important;
}
.pb23 {
padding-bottom: 23px !important;
}
.pb24 {
padding-bottom: 24px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb26 {
padding-bottom: 26px !important;
}
.pb27 {
padding-bottom: 27px !important;
}
.pb28 {
padding-bottom: 28px !important;
}
.pb29 {
padding-bottom: 29px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb31 {
padding-bottom: 31px !important;
}
.pb32 {
padding-bottom: 32px !important;
}
.pb33 {
padding-bottom: 33px !important;
}
.pb34 {
padding-bottom: 34px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb36 {
padding-bottom: 36px !important;
}
.pb37 {
padding-bottom: 37px !important;
}
.pb38 {
padding-bottom: 38px !important;
}
.pb39 {
padding-bottom: 39px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb41 {
padding-bottom: 41px !important;
}
.pb42 {
padding-bottom: 42px !important;
}
.pb43 {
padding-bottom: 43px !important;
}
.pb44 {
padding-bottom: 44px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb46 {
padding-bottom: 46px !important;
}
.pb47 {
padding-bottom: 47px !important;
}
.pb48 {
padding-bottom: 48px !important;
}
.pb49 {
padding-bottom: 49px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pb51 {
padding-bottom: 51px !important;
}
.pb52 {
padding-bottom: 52px !important;
}
.pb53 {
padding-bottom: 53px !important;
}
.pb54 {
padding-bottom: 54px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.pb56 {
padding-bottom: 56px !important;
}
.pb57 {
padding-bottom: 57px !important;
}
.pb58 {
padding-bottom: 58px !important;
}
.pb59 {
padding-bottom: 59px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pb61 {
padding-bottom: 61px !important;
}
.pb62 {
padding-bottom: 62px !important;
}
.pb63 {
padding-bottom: 63px !important;
}
.pb64 {
padding-bottom: 64px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.pb66 {
padding-bottom: 66px !important;
}
.pb67 {
padding-bottom: 67px !important;
}
.pb68 {
padding-bottom: 68px !important;
}
.pb69 {
padding-bottom: 69px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pb71 {
padding-bottom: 71px !important;
}
.pb72 {
padding-bottom: 72px !important;
}
.pb73 {
padding-bottom: 73px !important;
}
.pb74 {
padding-bottom: 74px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.pb76 {
padding-bottom: 76px !important;
}
.pb77 {
padding-bottom: 77px !important;
}
.pb78 {
padding-bottom: 78px !important;
}
.pb79 {
padding-bottom: 79px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pb81 {
padding-bottom: 81px !important;
}
.pb82 {
padding-bottom: 82px !important;
}
.pb83 {
padding-bottom: 83px !important;
}
.pb84 {
padding-bottom: 84px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.pb86 {
padding-bottom: 86px !important;
}
.pb87 {
padding-bottom: 87px !important;
}
.pb88 {
padding-bottom: 88px !important;
}
.pb89 {
padding-bottom: 89px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.pb91 {
padding-bottom: 91px !important;
}
.pb92 {
padding-bottom: 92px !important;
}
.pb93 {
padding-bottom: 93px !important;
}
.pb94 {
padding-bottom: 94px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.pb96 {
padding-bottom: 96px !important;
}
.pb97 {
padding-bottom: 97px !important;
}
.pb98 {
padding-bottom: 98px !important;
}
.pb99 {
padding-bottom: 99px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.pb101 {
padding-bottom: 101px !important;
}
.pb102 {
padding-bottom: 102px !important;
}
.pb103 {
padding-bottom: 103px !important;
}
.pb104 {
padding-bottom: 104px !important;
}
.pb105 {
padding-bottom: 105px !important;
}
.pb106 {
padding-bottom: 106px !important;
}
.pb107 {
padding-bottom: 107px !important;
}
.pb108 {
padding-bottom: 108px !important;
}
.pb109 {
padding-bottom: 109px !important;
}
.pb110 {
padding-bottom: 110px !important;
}
.pb111 {
padding-bottom: 111px !important;
}
.pb112 {
padding-bottom: 112px !important;
}
.pb113 {
padding-bottom: 113px !important;
}
.pb114 {
padding-bottom: 114px !important;
}
.pb115 {
padding-bottom: 115px !important;
}
.pb116 {
padding-bottom: 116px !important;
}
.pb117 {
padding-bottom: 117px !important;
}
.pb118 {
padding-bottom: 118px !important;
}
.pb119 {
padding-bottom: 119px !important;
}
.pb120 {
padding-bottom: 120px !important;
}
.pb121 {
padding-bottom: 121px !important;
}
.pb122 {
padding-bottom: 122px !important;
}
.pb123 {
padding-bottom: 123px !important;
}
.pb124 {
padding-bottom: 124px !important;
}
.pb125 {
padding-bottom: 125px !important;
}
.pb126 {
padding-bottom: 126px !important;
}
.pb127 {
padding-bottom: 127px !important;
}
.pb128 {
padding-bottom: 128px !important;
}
.pb129 {
padding-bottom: 129px !important;
}
.pb130 {
padding-bottom: 130px !important;
}
.pb131 {
padding-bottom: 131px !important;
}
.pb132 {
padding-bottom: 132px !important;
}
.pb133 {
padding-bottom: 133px !important;
}
.pb134 {
padding-bottom: 134px !important;
}
.pb135 {
padding-bottom: 135px !important;
}
.pb136 {
padding-bottom: 136px !important;
}
.pb137 {
padding-bottom: 137px !important;
}
.pb138 {
padding-bottom: 138px !important;
}
.pb139 {
padding-bottom: 139px !important;
}
.pb140 {
padding-bottom: 140px !important;
}
.pb141 {
padding-bottom: 141px !important;
}
.pb142 {
padding-bottom: 142px !important;
}
.pb143 {
padding-bottom: 143px !important;
}
.pb144 {
padding-bottom: 144px !important;
}
.pb145 {
padding-bottom: 145px !important;
}
.pb146 {
padding-bottom: 146px !important;
}
.pb147 {
padding-bottom: 147px !important;
}
.pb148 {
padding-bottom: 148px !important;
}
.pb149 {
padding-bottom: 149px !important;
}
.pb150 {
padding-bottom: 150px !important;
}
.pb151 {
padding-bottom: 151px !important;
}
.pb152 {
padding-bottom: 152px !important;
}
.pb153 {
padding-bottom: 153px !important;
}
.pb154 {
padding-bottom: 154px !important;
}
.pb155 {
padding-bottom: 155px !important;
}
.pb156 {
padding-bottom: 156px !important;
}
.pb157 {
padding-bottom: 157px !important;
}
.pb158 {
padding-bottom: 158px !important;
}
.pb159 {
padding-bottom: 159px !important;
}
.pb160 {
padding-bottom: 160px !important;
}
.pb161 {
padding-bottom: 161px !important;
}
.pb162 {
padding-bottom: 162px !important;
}
.pb163 {
padding-bottom: 163px !important;
}
.pb164 {
padding-bottom: 164px !important;
}
.pb165 {
padding-bottom: 165px !important;
}
.pb166 {
padding-bottom: 166px !important;
}
.pb167 {
padding-bottom: 167px !important;
}
.pb168 {
padding-bottom: 168px !important;
}
.pb169 {
padding-bottom: 169px !important;
}
.pb170 {
padding-bottom: 170px !important;
}
.pb171 {
padding-bottom: 171px !important;
}
.pb172 {
padding-bottom: 172px !important;
}
.pb173 {
padding-bottom: 173px !important;
}
.pb174 {
padding-bottom: 174px !important;
}
.pb175 {
padding-bottom: 175px !important;
}
.pb176 {
padding-bottom: 176px !important;
}
.pb177 {
padding-bottom: 177px !important;
}
.pb178 {
padding-bottom: 178px !important;
}
.pb179 {
padding-bottom: 179px !important;
}
.pb180 {
padding-bottom: 180px !important;
}
.pb181 {
padding-bottom: 181px !important;
}
.pb182 {
padding-bottom: 182px !important;
}
.pb183 {
padding-bottom: 183px !important;
}
.pb184 {
padding-bottom: 184px !important;
}
.pb185 {
padding-bottom: 185px !important;
}
.pb186 {
padding-bottom: 186px !important;
}
.pb187 {
padding-bottom: 187px !important;
}
.pb188 {
padding-bottom: 188px !important;
}
.pb189 {
padding-bottom: 189px !important;
}
.pb190 {
padding-bottom: 190px !important;
}
.pb191 {
padding-bottom: 191px !important;
}
.pb192 {
padding-bottom: 192px !important;
}
.pb193 {
padding-bottom: 193px !important;
}
.pb194 {
padding-bottom: 194px !important;
}
.pb195 {
padding-bottom: 195px !important;
}
.pb196 {
padding-bottom: 196px !important;
}
.pb197 {
padding-bottom: 197px !important;
}
.pb198 {
padding-bottom: 198px !important;
}
.pb199 {
padding-bottom: 199px !important;
}
.pb200 {
padding-bottom: 200px !important;
}
.pt1 {
padding-top: 1px !important;
}
.pt2 {
padding-top: 2px !important;
}
.pt3 {
padding-top: 3px !important;
}
.pt4 {
padding-top: 4px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pt6 {
padding-top: 6px !important;
}
.pt7 {
padding-top: 7px !important;
}
.pt8 {
padding-top: 8px !important;
}
.pt9 {
padding-top: 9px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt11 {
padding-top: 11px !important;
}
.pt12 {
padding-top: 12px !important;
}
.pt13 {
padding-top: 13px !important;
}
.pt14 {
padding-top: 14px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt16 {
padding-top: 16px !important;
}
.pt17 {
padding-top: 17px !important;
}
.pt18 {
padding-top: 18px !important;
}
.pt19 {
padding-top: 19px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt21 {
padding-top: 21px !important;
}
.pt22 {
padding-top: 22px !important;
}
.pt23 {
padding-top: 23px !important;
}
.pt24 {
padding-top: 24px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt26 {
padding-top: 26px !important;
}
.pt27 {
padding-top: 27px !important;
}
.pt28 {
padding-top: 28px !important;
}
.pt29 {
padding-top: 29px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt31 {
padding-top: 31px !important;
}
.pt32 {
padding-top: 32px !important;
}
.pt33 {
padding-top: 33px !important;
}
.pt34 {
padding-top: 34px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt36 {
padding-top: 36px !important;
}
.pt37 {
padding-top: 37px !important;
}
.pt38 {
padding-top: 38px !important;
}
.pt39 {
padding-top: 39px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt41 {
padding-top: 41px !important;
}
.pt42 {
padding-top: 42px !important;
}
.pt43 {
padding-top: 43px !important;
}
.pt44 {
padding-top: 44px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt46 {
padding-top: 46px !important;
}
.pt47 {
padding-top: 47px !important;
}
.pt48 {
padding-top: 48px !important;
}
.pt49 {
padding-top: 49px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pt51 {
padding-top: 51px !important;
}
.pt52 {
padding-top: 52px !important;
}
.pt53 {
padding-top: 53px !important;
}
.pt54 {
padding-top: 54px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pt56 {
padding-top: 56px !important;
}
.pt57 {
padding-top: 57px !important;
}
.pt58 {
padding-top: 58px !important;
}
.pt59 {
padding-top: 59px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pt61 {
padding-top: 61px !important;
}
.pt62 {
padding-top: 62px !important;
}
.pt63 {
padding-top: 63px !important;
}
.pt64 {
padding-top: 64px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pt66 {
padding-top: 66px !important;
}
.pt67 {
padding-top: 67px !important;
}
.pt68 {
padding-top: 68px !important;
}
.pt69 {
padding-top: 69px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pt71 {
padding-top: 71px !important;
}
.pt72 {
padding-top: 72px !important;
}
.pt73 {
padding-top: 73px !important;
}
.pt74 {
padding-top: 74px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pt76 {
padding-top: 76px !important;
}
.pt77 {
padding-top: 77px !important;
}
.pt78 {
padding-top: 78px !important;
}
.pt79 {
padding-top: 79px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pt81 {
padding-top: 81px !important;
}
.pt82 {
padding-top: 82px !important;
}
.pt83 {
padding-top: 83px !important;
}
.pt84 {
padding-top: 84px !important;
}
.pt85 {
padding-top: 85px !important;
}
.pt86 {
padding-top: 86px !important;
}
.pt87 {
padding-top: 87px !important;
}
.pt88 {
padding-top: 88px !important;
}
.pt89 {
padding-top: 89px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pt91 {
padding-top: 91px !important;
}
.pt92 {
padding-top: 92px !important;
}
.pt93 {
padding-top: 93px !important;
}
.pt94 {
padding-top: 94px !important;
}
.pt95 {
padding-top: 95px !important;
}
.pt96 {
padding-top: 96px !important;
}
.pt97 {
padding-top: 97px !important;
}
.pt98 {
padding-top: 98px !important;
}
.pt99 {
padding-top: 99px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pt101 {
padding-top: 101px !important;
}
.pt102 {
padding-top: 102px !important;
}
.pt103 {
padding-top: 103px !important;
}
.pt104 {
padding-top: 104px !important;
}
.pt105 {
padding-top: 105px !important;
}
.pt106 {
padding-top: 106px !important;
}
.pt107 {
padding-top: 107px !important;
}
.pt108 {
padding-top: 108px !important;
}
.pt109 {
padding-top: 109px !important;
}
.pt110 {
padding-top: 110px !important;
}
.pt111 {
padding-top: 111px !important;
}
.pt112 {
padding-top: 112px !important;
}
.pt113 {
padding-top: 113px !important;
}
.pt114 {
padding-top: 114px !important;
}
.pt115 {
padding-top: 115px !important;
}
.pt116 {
padding-top: 116px !important;
}
.pt117 {
padding-top: 117px !important;
}
.pt118 {
padding-top: 118px !important;
}
.pt119 {
padding-top: 119px !important;
}
.pt120 {
padding-top: 120px !important;
}
.pt121 {
padding-top: 121px !important;
}
.pt122 {
padding-top: 122px !important;
}
.pt123 {
padding-top: 123px !important;
}
.pt124 {
padding-top: 124px !important;
}
.pt125 {
padding-top: 125px !important;
}
.pt126 {
padding-top: 126px !important;
}
.pt127 {
padding-top: 127px !important;
}
.pt128 {
padding-top: 128px !important;
}
.pt129 {
padding-top: 129px !important;
}
.pt130 {
padding-top: 130px !important;
}
.pt131 {
padding-top: 131px !important;
}
.pt132 {
padding-top: 132px !important;
}
.pt133 {
padding-top: 133px !important;
}
.pt134 {
padding-top: 134px !important;
}
.pt135 {
padding-top: 135px !important;
}
.pt136 {
padding-top: 136px !important;
}
.pt137 {
padding-top: 137px !important;
}
.pt138 {
padding-top: 138px !important;
}
.pt139 {
padding-top: 139px !important;
}
.pt140 {
padding-top: 140px !important;
}
.pt141 {
padding-top: 141px !important;
}
.pt142 {
padding-top: 142px !important;
}
.pt143 {
padding-top: 143px !important;
}
.pt144 {
padding-top: 144px !important;
}
.pt145 {
padding-top: 145px !important;
}
.pt146 {
padding-top: 146px !important;
}
.pt147 {
padding-top: 147px !important;
}
.pt148 {
padding-top: 148px !important;
}
.pt149 {
padding-top: 149px !important;
}
.pt150 {
padding-top: 150px !important;
}
.pt151 {
padding-top: 151px !important;
}
.pt152 {
padding-top: 152px !important;
}
.pt153 {
padding-top: 153px !important;
}
.pt154 {
padding-top: 154px !important;
}
.pt155 {
padding-top: 155px !important;
}
.pt156 {
padding-top: 156px !important;
}
.pt157 {
padding-top: 157px !important;
}
.pt158 {
padding-top: 158px !important;
}
.pt159 {
padding-top: 159px !important;
}
.pt160 {
padding-top: 160px !important;
}
.pt161 {
padding-top: 161px !important;
}
.pt162 {
padding-top: 162px !important;
}
.pt163 {
padding-top: 163px !important;
}
.pt164 {
padding-top: 164px !important;
}
.pt165 {
padding-top: 165px !important;
}
.pt166 {
padding-top: 166px !important;
}
.pt167 {
padding-top: 167px !important;
}
.pt168 {
padding-top: 168px !important;
}
.pt169 {
padding-top: 169px !important;
}
.pt170 {
padding-top: 170px !important;
}
.pt171 {
padding-top: 171px !important;
}
.pt172 {
padding-top: 172px !important;
}
.pt173 {
padding-top: 173px !important;
}
.pt174 {
padding-top: 174px !important;
}
.pt175 {
padding-top: 175px !important;
}
.pt176 {
padding-top: 176px !important;
}
.pt177 {
padding-top: 177px !important;
}
.pt178 {
padding-top: 178px !important;
}
.pt179 {
padding-top: 179px !important;
}
.pt180 {
padding-top: 180px !important;
}
.pt181 {
padding-top: 181px !important;
}
.pt182 {
padding-top: 182px !important;
}
.pt183 {
padding-top: 183px !important;
}
.pt184 {
padding-top: 184px !important;
}
.pt185 {
padding-top: 185px !important;
}
.pt186 {
padding-top: 186px !important;
}
.pt187 {
padding-top: 187px !important;
}
.pt188 {
padding-top: 188px !important;
}
.pt189 {
padding-top: 189px !important;
}
.pt190 {
padding-top: 190px !important;
}
.pt191 {
padding-top: 191px !important;
}
.pt192 {
padding-top: 192px !important;
}
.pt193 {
padding-top: 193px !important;
}
.pt194 {
padding-top: 194px !important;
}
.pt195 {
padding-top: 195px !important;
}
.pt196 {
padding-top: 196px !important;
}
.pt197 {
padding-top: 197px !important;
}
.pt198 {
padding-top: 198px !important;
}
.pt199 {
padding-top: 199px !important;
}
.pt200 {
padding-top: 200px !important;
}  .main-color {
color: #ed6c00;
}
.main-color-bg {
background: #ed6c00;
}
.main-color-border {
border: 1px solid #ed6c00;
}
table.main-color-border th {
border: 1px solid #ed6c00;
}
table.main-color-border td {
border: 1px solid #ed6c00;
}
.light-main-color {
color: #f4cbcb;
}
.white-color {
color: #fff;
}
.white-color:hover {
color: #fff;
}
.hideShowPassword-toggle {
background-color: transparent;
background-image: url(//www.npo-krk.or.jp/wp-content/themes/otasuke/images/wink.svg), none;
background-position: 0 center;
background-repeat: no-repeat;
border: 2px solid transparent;
border-radius: 0.25em;
cursor: pointer;
font-size: 100%;
height: 44px;
margin: 0;
max-height: 100%;
padding: 0;
overflow: "hidden";
text-indent: -999em;
width: 46px;
-moz-appearance: none;
-webkit-appearance: none;
}
button.hideShowPassword-toggle:focus {
outline: none;
}
.hideShowPassword-toggle-hide {
background-position: -44px center;
}
::-ms-reveal,
::-ms-clear {
display: none !important;
}
.common_logout {
position: fixed;
right: 25px;
bottom: 50px;
display: flex;
width: 100px;
height: 100px;
background: rgba(88, 88, 88, 0.8);
border-radius: 50%;
justify-content: center;
align-items: center;
color: #fff;
z-index: 9999;
}
.common_logout:hover {
color: #fff !important;
}
@media screen and (max-width: 767px) {
.common_logout {
display: none;
}
} body {
border-width: 10px 0 0 0 !important;
} body > .header {
padding-top: 24px;
padding-bottom: 21px;
position: relative;
}
@media screen and (max-width: 767px) {
body > .header {
border-bottom: 1px solid #ed6c00;
position: sticky;
top: 0;
background: white;
z-index: 99;
}
}
body > .header .drawer-toggle {
position: absolute;
right: 5px;
top: 25px;
}
body > .header .site-logo {
width: 340px;
}
@media screen and (max-width: 767px) {
body > .header .site-logo {
width: 34px;
}
}
@media screen and (min-width: 768px) {
body > .header .site-title {
flex-basis: 48%;
}
}
@media screen and (max-width: 767px) {
body > .header .site-title > div {
margin-bottom: 16px !important;
}
}
body > .header .site-title a:hover {
text-decoration: none;
}
body > .header .contact {
background: #808080;
padding: 5px 8px;
border-radius: 3px;
}
body > .header .mobile-nav-icon {
font-family: "FontAwesome5";
display: inline-block;
margin-right: 10px;
}
body > .header .mobile-nav-icon:before {
font-size: 14px;
content: "";
} @media screen and (min-width: 768px) {
.navbar-expand-md {
border-width: 1px 0;
padding: 0;
margin: 3px 0;
position: sticky;
top: 0;
background: white;
z-index: 99;
}
.navbar-expand-md .navbar-nav {
width: 100%;
}
.navbar-expand-md .navbar-nav > li {
max-width: 180px;
width: 100%;
text-align: center;
}
.navbar-expand-md .navbar-nav > li.current-menu-item .dropdown-toggle::after {
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke/images/menu-arrow-white.png) no-repeat center/contain;
border: none;
}
.navbar-expand-md .navbar-nav > li .dropdown-toggle::after {
display: inline-block;
margin-left: 9px;
margin-bottom: -1px;
vertical-align: 0.255em;
content: "";
width: 11px;
height: 7px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke/images/menu-arrow-black.png) no-repeat center/contain;
border: none;
}
.navbar-expand-md .navbar-nav > li .dropdown-item {
padding: 17px 10px;
text-align: center;
}
.navbar-expand-md .navbar-nav > li .dropdown-menu {
background: none;
border: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
box-shadow: 3px 3px 3px #999;
width: 100%;
}
.navbar-expand-md .navbar-nav > li .dropdown-menu li {
background: rgba(255, 255, 255, 0.9) !important;
padding: 0;
text-align: center;
border-bottom: 2px solid #bbb;
}
.navbar-expand-md .navbar-nav > li .dropdown-menu li:last-of-type {
border-bottom: 0;
}
.navbar-expand-md .navbar-nav > .menu-item {
position: relative !important;
}
.navbar-expand-md .navbar-nav > .menu-item:before {
content: "";
width: 100%;
position: absolute;
height: 0;
left: 0;
bottom: 0;
transition: all 0.3s ease-out;
}
.navbar-expand-md .navbar-nav > .menu-item:hover:before {
height: 5px;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
top: 100%;
}
.navbar-expand-md .navbar-nav .nav-link {
font-size: 1rem;
line-height: 1;
padding-top: 20px;
padding-bottom: 20px;
}
.navbar-expand-md .navbar-nav .current-menu-item {
background: #ed6c00;
color: white;
}
} .drawer--left nav.drawer-nav {
left: -90vw;
z-index: 100;
}
nav.drawer-nav {
padding: 10px;
width: 90vw;
max-width: 320px;
}
nav.drawer-nav a.close-button {
position: absolute;
right: -6px;
}
nav.drawer-nav .drawer-menu > ul {
list-style: none;
padding: 0;
}
nav.drawer-nav .drawer-menu > ul > li > a {
display: block;
background: #fff;
font-size: 13px;
padding: 15px;
border-radius: 4px;
margin-bottom: 4px;
position: relative;
}
nav.drawer-nav .drawer-menu > ul > li ul.sub-menu {
padding: 0px 0px 10px 0px;
list-style: none;
}
nav.drawer-nav .drawer-menu > ul > li ul.sub-menu > li {
border-bottom: 1px solid #44c7d4;
}
nav.drawer-nav .drawer-menu > ul > li ul.sub-menu > li > a {
font-size: 13px;
color: #fff;
padding-left: 30px;
padding-bottom: 8px;
margin-top: 8px;
display: block;
position: relative;
}
nav.drawer-nav .drawer-menu > ul > li ul.sub-menu > li > a::after {
position: absolute;
content: "";
width: 11px;
height: 8px;
right: 8px;
top: 8px;
background: url(//www.npo-krk.or.jp/wp-content/uploads/img/mobile-menu-icon-2.png) no-repeat center/contain;
} div.breadcrumb {
background-color: #e8f8fa;
margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
div.breadcrumb {
display: none;
}
}
div.breadcrumb ul {
padding: 0px;
list-style: none;
margin: 0;
}
div.breadcrumb ul li {
display: inline;
font-size: 0.8125rem;
}
div.breadcrumb ul li a {
color: #ed6c00;
border-bottom: 1px solid #ed6c00;
padding-bottom: 3px;
}
div.breadcrumb ul li + li:before {
padding: 5px;
color: #c6cbcc;
content: ">";
} .pagenation .page-item.active .page-link {
background-color: #ed6c00;
border-color: unset;
}
.pagenation .page-item .current {
padding: 0.6rem 0.75rem;
display: block;
}
.pagenation .page-link:hover {
background-color: #ed6c00;
border-color: unset;
} div.content {
max-width: calc(100% - 290px);
width: 100%;
float: left;
}
@media screen and (max-width: 991px) {
div.content {
max-width: 100%;
}
} body.home section.mv {
border-bottom: 32px solid #e6e6e6;
background: #fff;
padding-top: 3px;
}
body.home section.mv .mv_1 {
height: calc(100vh - 184px);
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_1.jpg) no-repeat center/cover;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
body.home section.mv .mv_1 {
height: calc(100vh - 123px);
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_1_sp.jpg) no-repeat center/cover;
}
}
body.home section.mv .image_1 {
width: 28vw;
min-width: 400px;
}
@media screen and (max-width: 767px) {
body.home section.mv .image_1 {
width: 260px;
min-width: unset;
}
}
body.home section.news {
padding-top: 42px;
padding-bottom: 42px;
}
@media screen and (max-width: 767px) {
body.home section.news {
padding-top: 42px;
padding-bottom: 72px;
background: #fff;
}
}
body.home section.news .news_box_1 {
border-left: none;
border-right: none;
margin-left: 30px;
margin-right: 30px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1 {
padding-top: 35px;
margin-left: 0;
margin-right: 0;
}
}
body.home section.news .news_box_1 .news_box_1_1 {
width: 264px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1 .news_box_1_1 {
width: 100%;
}
}
body.home section.news .news_box_1 .news_box_1_1 h2 {
margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1 .news_box_1_1 h2 {
font-size: 24px;
}
}
body.home section.news .news_box_1 .news_box_1_1 p.f14 {
font-size: 16px;
}
body.home section.news .news_box_1 .news_box_1_1 .link_1 {
position: relative;
}
body.home section.news .news_box_1 .news_box_1_1 .link_1::before {
content: "";
position: absolute;
width: 33px;
height: 1px;
background: #ed6c00;
bottom: -1px;
}
body.home section.news .news_box_1_2 {
flex: 1;
}
body.home section.news .news_box_1_2 .news-list {
list-style: none;
width: 100%;
padding-top: 10px;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list {
padding-bottom: 46px;
}
}
body.home section.news .news_box_1_2 .news-list .news-list-item {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
border-width: 0 0 1px 0;
padding-top: 14px;
padding-bottom: 14px;
}
body.home section.news .news_box_1_2 .news-list .news-list-item time {
margin-right: 17px;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list .news-list-item time {
font-size: 16px;
}
}
body.home section.news .news_box_1_2 .news-list .news-list-item .cat {
min-width: 64px;
text-align: center;
height: 24px;
line-height: 24px;
margin-right: 14px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list .news-list-item .cat {
font-size: 14px;
height: 24px;
line-height: 24px;
}
}
body.home section.news .news_box_1_2 .news-list .news-list-item .title {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list .news-list-item .title {
margin-top: 10px;
width: 100%;
font-size: 16px;
font-weight: 500;
}
}
body.home section.about {
padding-top: 282px;
margin-bottom: 66px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_about_7.jpg) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
body.home section.about {
padding-top: 100px;
padding-bottom: 76px;
margin-bottom: 96px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_about_7_sp.jpg) no-repeat center/cover;
position: relative;
}
body.home section.about::before {
content: "";
position: absolute;
left: 0;
bottom: -96px;
height: 96px;
width: 100vw;
background: #fff;
}
}
body.home section.about .about_box {
width: 100%;
max-width: 668px;
background: #fff;
padding-left: 120px;
padding-bottom: 42px;
position: relative;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box {
max-width: 320px;
padding-left: 22px;
background: rgba(255, 255, 255, 0.9);
padding-bottom: 40px;
}
}
body.home section.about .about_box::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100vw;
height: 100%;
background: #fff;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box::before {
right: unset;
left: -50vw;
width: 50vw;
background: rgba(255, 255, 255, 0.9);
}
}
body.home section.about .about_box_1 {
position: relative;
width: 100%;
max-width: 512px;
padding-top: 62px;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box_1 {
padding-top: 56px;
max-width: 310px;
}
}
body.home section.about .about_box_1 .text_1 {
font-size: 32px;
line-height: 1.5;
font-weight: 500;
width: 100%;
margin-bottom: 39px;
}
body.home section.about .about_box_1 .text_1 span {
color: #ed6c00;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box_1 .text_1 {
font-size: 28px;
line-height: 1.1428571429;
max-width: 250px;
margin-bottom: 23px;
}
}
body.home section.about .about_box_1 .text_2 {
font-size: 16px;
line-height: 2;
width: 100%;
max-width: 733px;
letter-spacing: 0.06em;
position: relative;
margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box_1 .text_2 {
max-width: 272px;
letter-spacing: 0;
}
}
body.home section.about .about_box_1 .text_2::before {
content: "";
position: absolute;
left: -2px;
top: -13px;
width: 32px;
height: 4px;
background: #ed6c00;
}
body.home section.about .about_box_1 .text_3 {
font-size: 16px;
color: #ed6c00;
font-weight: 500;
line-height: 1;
margin-bottom: 4px;
padding-left: 15px;
position: relative;
}
body.home section.about .about_box_1 .text_3::before {
content: "";
position: absolute;
left: 0px;
top: 5px;
width: 8px;
height: 19px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_about_3.svg) no-repeat center/cover;
}
body.home section.about .about_box_1 .text_4 {
font-size: 13px;
color: #ed6c00;
font-weight: 500;
padding-left: 15px;
}
body.home section.about .about_box_2 {
padding-left: 255px;
margin-bottom: 50px;
}
body.home section.about .about_box_3 {
display: flex;
flex-wrap: wrap;
}
body.home section.about .about_box_3 .about_box_3_1 {
height: 184px;
width: 56%;
position: relative;
}
body.home section.about .about_box_3 .about_box_3_1::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 601px;
height: 184px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_about_2.jpg) no-repeat center/cover;
}
body.home section.about .about_box_3 .about_box_3_2 {
height: 184px;
width: 44%;
padding-left: 10px;
padding-top: 10px;
padding-left: 34px;
}
body.home section.greeting {
padding-top: 96px;
padding-bottom: 96px;
}
@media screen and (max-width: 767px) {
body.home section.greeting {
padding-top: 72px;
padding-bottom: 72px;
}
}
body.home section.greeting .box {
border-radius: 10px;
padding-top: 62px;
padding-bottom: 30px;
position: relative;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/person_2.jpg) no-repeat bottom 0px right -40px/452px, white;
}
@media screen and (max-width: 767px) {
body.home section.greeting .box {
padding-top: 50px;
padding-bottom: 350px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/person_2.jpg) no-repeat bottom -112px left 8px/341px, white;
}
}
body.home section.greeting .box .text_1 {
font-size: 24px;
line-height: 1;
font-weight: bold;
color: #ed6c00;
margin-bottom: 19px;
}
@media screen and (min-width: 768px) {
body.home section.greeting .box .text_1 {
margin-left: 90px;
}
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .text_1 {
font-size: 20px;
}
}
body.home section.greeting .box .text_2 {
font-size: 36px;
line-height: 1.4444444444;
font-weight: 500;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
body.home section.greeting .box .text_2 {
margin-left: 90px;
}
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .text_2 {
font-size: 26px;
width: 100%;
max-width: 10em;
}
}
body.home section.greeting .box .text {
width: calc(100% - 415px);
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .text {
width: 100%;
}
}
body.home section.greeting .box .text_3 {
font-size: 16px;
line-height: 2.5;
}
@media screen and (min-width: 768px) {
body.home section.greeting .box .text_3 {
margin-left: 90px;
margin-bottom: 37px;
}
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .text_3 {
line-height: 2;
}
}
body.home section.greeting .box .image {
position: absolute;
bottom: 0;
right: 30px;
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .image {
position: relative;
text-align: center;
right: unset;
}
}
body.home section.outline {
background: #e6e6e6;
padding-top: 90px;
padding-bottom: 98px;
}
body.home section.outline .outline_box_1 {
margin-bottom: 33px;
}
@media screen and (min-width: 768px) {
body.home section.outline .outline_box_1 {
padding-left: 119px;
}
}
body.home section.outline .outline_box_1 .text_1 {
font-size: 32px;
color: #ed6c00;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_1 .text_1 {
font-size: 28px;
text-align: center;
}
}
body.home section.outline .outline_box_2 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
body.home section.outline .outline_box_2 .outline_box_2_1 {
width: 273px;
position: relative;
}
body.home section.outline .outline_box_2 .outline_box_2_1::before {
content: "";
position: absolute;
right: -4px;
top: 0;
width: 276px;
height: 604px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_about_5.jpg) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_2 .outline_box_2_1 {
display: none;
}
}
@media screen and (min-width: 768px) {
body.home section.outline .outline_box_2 .outline_box_2_2 {
padding-left: 53px;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr {
border-bottom: 1px solid #999999;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr th {
background: unset !important;
font-size: 14px;
line-height: 1.7142857143;
font-weight: normal;
vertical-align: top;
width: 143px;
padding: 27px 0 28px 39px;
position: relative;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr th::before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 3px;
background: #ed6c00;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr th p {
width: 5.5em;
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr td {
font-size: 14px;
line-height: 1.7142857143;
width: 578px;
padding: 27px 0 28px 25px;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr td .link_1 {
margin-left: 2em;
color: #ed6c00;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr td .icon_1 {
position: relative;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr td .icon_1::before {
content: "▲";
position: absolute;
left: -17px;
top: 0;
color: #ed6c00;
transform: rotate(-40deg);
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_2 .outline_box_2_2 table {
display: block;
width: 100%;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody {
display: block;
width: 100%;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody tr {
display: block;
width: 100%;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody th {
display: block;
width: 100%;
background: #fafaec;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
line-height: 2;
font-weight: normal;
padding-top: 16px;
padding-bottom: 16px;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody th p {
width: 5em;
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody td {
display: block;
width: 100%;
background: #fff;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
line-height: 2;
padding-top: 16px;
padding-bottom: 16px;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody td .link_1 {
margin-left: 2em;
color: #ed6c00;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody td .icon_1 {
position: relative;
}
body.home section.outline .outline_box_2 .outline_box_2_2 table tbody td .icon_1::before {
content: "▲";
position: absolute;
left: -17px;
top: 0;
color: #ed6c00;
transform: rotate(-40deg);
font-size: 12px;
}
}
body.home section.outline .member_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -18px;
}
@media screen and (max-width: 767px) {
body.home section.outline .member_list {
margin-bottom: unset;
}
}
body.home section.outline .member_list li {
list-style: none !important;
width: 196px;
margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
body.home section.outline .member_list li {
padding-top: 0;
margin-bottom: 0;
}
}
body.home section.outline .text_1 {
margin-bottom: 24px;
}
body.home section.outline #map {
height: 240px;
width: 480px;
margin-top: 24px;
margin-bottom: 10px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/map_1.jpg) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
body.home section.outline #map {
width: 100%;
height: 311px;
}
}
body.home section.parallax {
margin-top: 48px;
height: 352px;
}
@media screen and (max-width: 767px) {
body.home section.parallax {
margin-top: unset;
height: 192px;
}
}
body.home section.parallax .parallax_box_1 {
height: 352px;
}
@media screen and (max-width: 767px) {
body.home section.parallax .parallax_box_1 {
display: none;
}
}
@media screen and (min-width: 768px) {
body.home section.parallax .parallax_box_2 {
display: none;
}
}
@media screen and (max-width: 767px) {
body.home section.parallax .parallax_box_2 {
height: 192px;
position: relative;
}
body.home section.parallax .parallax_box_2::before {
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home_about_6_1_sp.jpg) no-repeat center/cover;
content: "";
height: 100vh;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
}
body.home section.service {
background: #ed6c00;
}
body.home section.service .service_box_2 {
padding-top: 95px;
padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 {
padding-top: 60px;
padding-bottom: 60px;
}
}
body.home section.service .service_box_2 .box_1 .box_1_1 {
height: 120px;
background: #fffaec;
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 8px;
padding-left: 35px;
padding-right: 35px;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_1 {
height: unset;
padding-top: 26px;
padding-left: 10px;
padding-right: 10px;
flex-direction: column;
align-items: center;
}
}
@media screen and (min-width: 768px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_1 {
margin-right: 31px;
}
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_1 {
margin-bottom: 11px;
}
}
@media screen and (min-width: 768px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_2 {
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_2 {
margin-bottom: 11px;
}
}
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_2 .text_1 {
font-size: 22px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_2 .text_1 {
font-size: 16px;
text-align: center;
margin-bottom: 8px;
}
}
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_2 .text_2 {
font-size: 13px;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_2 .text_2 {
font-size: 12px;
text-align: center;
}
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_3 {
margin-bottom: 14px;
}
}
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_3 .link_1 {
width: 56px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
background: #fff;
border: 1px solid #ed6c00;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_1 .box_1_1_3 .link_1 {
width: 50px;
height: 28px;
font-size: 12px;
}
}
body.home section.service .service_box_2 .box_1 .box_1_2 {
background: #ccc;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_2 .box_1 .box_1_2 {
padding-left: 20px;
padding-right: 20px;
}
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container {
padding-left: 43px;
padding-right: 43px;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .slick-prev:before {
content: "";
display: block;
width: 15px;
height: 17px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home-reformrenewal-3.png) no-repeat center/contain;
font-family: unset;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .slick-next:before {
content: "";
display: block;
width: 15px;
height: 17px;
background: url(//www.npo-krk.or.jp/wp-content/themes/otasuke-child/images/home-reformrenewal-4.png) no-repeat center/contain;
font-family: unset;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 {
display: flex;
flex-wrap: wrap;
padding: 23px 15px;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_1 {
width: 45%;
padding-top: 71px;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_1 .text_1 {
font-size: 14px;
margin-bottom: 10px;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_1 .text_2 {
font-size: 24px;
font-weight: bold;
float: left;
margin-right: 11px;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_1 h3 {
font-size: 16px;
color: #ed6c00;
margin-top: 17px;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_1 .newest {
position: relative;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_1 .newest::before {
content: "最新号";
top: -37px;
width: 64px;
height: 25px;
color: #fff;
text-align: center;
line-height: 25px;
background: #ed6c00;
border-radius: 3px;
position: absolute;
font-size: 14px;
font-weight: bold;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_2 {
width: 50%;
}
body.home section.service .service_box_2 .box_1 .box_1_2 .container .box_1_2_1 .box_1_2_1_2 img {
box-shadow: 3px 3px 2px #aaa;
} article header {
padding-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
article header {
padding-top: 40px;
padding-bottom: 40px;
}
} .page-member section.member,
.post-type-archive-member section.member {
padding-top: 64px;
}
.page-member section.member hr,
.post-type-archive-member section.member hr {
margin-top: 0;
max-width: 320px;
width: 100%;
}
@media screen and (max-width: 767px) {
.page-member section.member hr,
.post-type-archive-member section.member hr {
max-width: 240px;
}
}
.page-member section.member .memberlist,
.post-type-archive-member section.member .memberlist {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
line-height: 1.5;
margin: 0 0 20px;
width: 100%;
}
.page-member section.member .memberlist tbody tr:nth-of-type(even),
.post-type-archive-member section.member .memberlist tbody tr:nth-of-type(even) {
background: #fffaec;
}
.page-member section.member .memberlist:last-of-type,
.post-type-archive-member section.member .memberlist:last-of-type {
margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.page-member section.member .memberlist,
.post-type-archive-member section.member .memberlist {
border-bottom: solid 1px #ed6c00;
}
.page-member section.member .memberlist tr,
.post-type-archive-member section.member .memberlist tr {
border-top: solid 1px #ed6c00;
}
}
.page-member section.member .memberlist th,
.post-type-archive-member section.member .memberlist th {
padding: 7px 0px;
text-align: center;
border-right: solid 1px white;
border-left: solid 1px white;
color: #fff;
background-color: #ed6c00;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.page-member section.member .memberlist th,
.post-type-archive-member section.member .memberlist th {
display: none;
}
}
.page-member section.member .memberlist th:nth-of-type(1),
.post-type-archive-member section.member .memberlist th:nth-of-type(1) {
width: 29%;
}
.page-member section.member .memberlist th:nth-of-type(2),
.post-type-archive-member section.member .memberlist th:nth-of-type(2) {
width: 12%;
}
.page-member section.member .memberlist th:nth-of-type(3),
.post-type-archive-member section.member .memberlist th:nth-of-type(3) {
width: 32%;
}
.page-member section.member .memberlist th:nth-of-type(4),
.post-type-archive-member section.member .memberlist th:nth-of-type(4) {
width: 13%;
}
.page-member section.member .memberlist th:nth-of-type(5),
.post-type-archive-member section.member .memberlist th:nth-of-type(5) {
width: 13%;
}
.page-member section.member .memberlist td,
.post-type-archive-member section.member .memberlist td {
padding: 7px 16px;
border-top: solid 1px #ed6c00;
border-bottom: solid 1px #ed6c00;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.page-member section.member .memberlist td,
.post-type-archive-member section.member .memberlist td {
display: block;
width: 100%;
border: none !important;
}
.page-member section.member .memberlist td[data-label=TEL]::before,
.post-type-archive-member section.member .memberlist td[data-label=TEL]::before {
content: "";
background: url(//www.npo-krk.or.jp/wp-content/uploads/img/tel-icon.png);
width: 15px;
height: 18px;
vertical-align: text-bottom;
margin-right: 8px;
display: inline-block;
}
.page-member section.member .memberlist td[data-label=FAX]::before,
.post-type-archive-member section.member .memberlist td[data-label=FAX]::before {
content: "";
background: url(//www.npo-krk.or.jp/wp-content/uploads/img/fax-icon.png);
width: 15px;
height: 18px;
vertical-align: text-bottom;
margin-right: 8px;
display: inline-block;
}
.page-member section.member .memberlist td[data-label=TEL],
.post-type-archive-member section.member .memberlist td[data-label=TEL] {
text-align: left !important;
}
.page-member section.member .memberlist td[data-label=FAX],
.post-type-archive-member section.member .memberlist td[data-label=FAX] {
text-align: left !important;
}
}
.page-member section.member .memberlist td[data-label=TEL],
.post-type-archive-member section.member .memberlist td[data-label=TEL] {
text-align: center;
}
.page-member section.member .memberlist td[data-label=FAX],
.post-type-archive-member section.member .memberlist td[data-label=FAX] {
text-align: center;
}
@media print {
.post-type-archive-member {
border-width: 0 !important;
}
.post-type-archive-member > .header {
display: none !important;
}
.post-type-archive-member #navbar {
display: none !important;
}
.post-type-archive-member article > header {
display: none !important;
}
.post-type-archive-member footer {
display: none !important;
}
} .post-type-archive-news .text {
padding-top: 64px;
padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
.post-type-archive-news .text {
padding-top: 32px;
padding-bottom: 32px;
}
}
.post-type-archive-news .list .news-list-item {
list-style: none;
}
.post-type-archive-news .list .news-list-item > div {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
.post-type-archive-news .list .news-list-item > div {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (min-width: 768px) {
.post-type-archive-news .list .news-list-item > div > div:last-of-type {
width: calc(100% - 200px);
}
}
.post-type-archive-news .pagenation {
padding-top: 40px;
} .single-news .text,
.single-informative-matter .text {
padding-top: 64px;
padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
.single-news .text,
.single-informative-matter .text {
padding-top: 32px;
padding-bottom: 32px;
}
}
.single-news .content,
.single-informative-matter .content {
padding-top: 32px;
padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
.single-news .content,
.single-informative-matter .content {
padding-bottom: 55px;
}
}
.single-news article footer,
.single-informative-matter article footer {
padding-top: 24px;
}
.single-news article footer .arrow,
.single-informative-matter article footer .arrow {
padding: 2px 5px;
}
.single-news article footer a.list,
.single-informative-matter article footer a.list {
padding: 8px 24px;
}
.single-news article footer > div > div > div,
.single-informative-matter article footer > div > div > div {
width: 33%;
} .page-login .login {
padding-top: 96px;
padding-bottom: 96px;
background: #f2f2f2;
}
@media screen and (max-width: 767px) {
.page-login .login {
padding-top: 72px;
padding-bottom: 72px;
}
}
.page-login .login .box {
max-width: 800px;
width: 100%;
background: white;
padding: 40px;
}
.page-login .login .box hr {
margin-top: 0;
max-width: 320px;
width: 100%;
}
.page-login .login .box #loginform {
max-width: 310px;
margin: 0 auto;
}
.page-login .login .box #loginform p {
margin-bottom: 0;
}
.page-login .login .box #loginform .login-username {
padding-top: 32px;
padding-bottom: 32px;
}
.page-login .login .box #loginform .login-password {
padding-bottom: 32px;
}
.page-login .login .box #loginform .login-username label,
.page-login .login .box #loginform .login-password label {
padding-right: 32px;
}
.page-login .login .box #loginform .input {
max-width: 307px;
}
.page-login .login .box #loginform .login-submit {
text-align: center;
}
.page-login .login .box #loginform .login-submit #wp-submit {
font-size: 1rem;
background: #c40000;
border: #c40000;
border-radius: 0;
} .page-member-page .member-page {
padding-top: 64px;
}
@media screen and (max-width: 767px) {
.page-member-page .member-page {
padding-top: 32px;
}
}
.page-member-page .member-page hr {
margin-top: 0;
max-width: 320px;
width: 100%;
}
.page-member-page .member-page .contents {
padding: 40px 16px;
border: 3px solid #f2f2f2;
}
@media screen and (max-width: 767px) {
.page-member-page .member-page .contents {
padding-top: 20px;
padding-bottom: 20px;
}
}
.page-member-page .member-page .contents .upload-file-list {
list-style: none;
max-width: 800px;
width: 100%;
}
.page-member-page .member-page .contents .upload-file-list .upload-file-item {
border-width: 1px 0 0 0;
padding: 10px 24px;
}
.page-member-page .member-page .contents .upload-file-list .upload-file-item:last-of-type {
border-width: 1px 0 1px 0;
}
.page-member-page .member-page .contents .upload-file-list .upload-file-item .title {
border-width: 0 1px 0 0;
padding: 11px 24px 11px 0;
}
.page-member-page .member-page .contents .upload-file-list .upload-file-item .file-time {
padding: 11px 0 11px 24px;
}
.page-member-page .member-page .contents .upload-file-list .upload-file-item .file-download {
padding: 11px 0 11px 24px;
}
.page-member-page .member-page .informative-matter {
padding: 40px 16px;
border: 3px solid #f2f2f2;
}
@media screen and (max-width: 767px) {
.page-member-page .member-page .informative-matter {
padding-top: 20px;
padding-bottom: 20px;
}
}
.page-member-page .member-page .informative-matter .informative-matter-list {
list-style: none;
max-width: 800px;
width: 100%;
}
.page-member-page .member-page .informative-matter .informative-matter-list .informative-matter-item {
border-width: 1px 0 0 0;
border-style: dashed;
padding: 10px 24px;
}
.page-member-page .member-page .informative-matter .informative-matter-list .informative-matter-item:last-of-type {
border-width: 1px 0 1px 0;
}
.page-member-page .member-page .informative-matter .informative-matter-list .informative-matter-item .informative-matter-time {
border-width: 0 1px 0 0;
padding: 11px 24px 11px 0;
}
.page-member-page .member-page .informative-matter .informative-matter-list .informative-matter-item .title {
padding: 11px 0 11px 24px;
}
.page-member-page .member-page .schedule {
padding: 40px 16px;
border: 3px solid #f2f2f2;
}
@media screen and (max-width: 767px) {
.page-member-page .member-page .schedule {
padding-top: 20px;
padding-bottom: 20px;
}
}
.page-member-page .member-page .schedule .cal {
max-width: 800px;
width: 100%;
margin: 0 auto;
}
.page-member-page .member-page .logout a {
padding: 8px 20px;
} .page-contact .text {
padding-top: 64px;
padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
.page-contact .text {
padding-top: 32px;
padding-bottom: 32px;
}
}
.page-contact .contact-tel .box {
padding: 32px;
background: #f2f2f2;
}
.page-contact .contact-mail {
padding-top: 96px;
}
@media screen and (max-width: 767px) {
.page-contact .contact-mail {
padding-top: 72px;
}
}
.page-contact .contact-mail .box {
padding: 32px 32px 48px;
background: #f2f2f2;
}
.page-contact .contact-mail .box strong {
color: #cb0000;
font-weight: normal;
}
.page-contact .contact-mail .box .contact_label,
.page-contact .contact-mail .box .contact_message_label {
border-left: 8px solid #ed6c00;
}
@media screen and (max-width: 767px) {
.page-contact .contact-mail .box .contact_label,
.page-contact .contact-mail .box .contact_message_label {
padding: 6px;
margin-top: 13px;
margin-bottom: 5px;
}
}
.page-contact .contact-mail .box .contact_button input {
color: #ed6c00;
background: white;
border: 1px solid #ed6c00;
border-radius: 0;
font-size: 1.25rem;
font-weight: 500;
padding: 8px 49px;
margin-left: 10px;
margin-right: 10px;
}
.page-contact .contact-mail .box .privacypolicy_box {
text-align: center;
width: 100%;
margin-top: 40px;
}
@media screen and (min-width: 768px) {
.page-contact .contact-mail .box .form_row {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
}
.page-contact .contact-mail .box .contact_label {
float: left;
width: 250px;
padding: 10px 0 10px 24px;
}
.page-contact .contact-mail .box .contact_input {
width: calc(100% - 250px);
}
.page-contact .contact-mail .box .contact_message_label {
float: left;
width: 250px;
padding: 10px 0 10px 24px;
height: 182px;
}
.page-contact .contact-mail .box .contact_message_input {
width: calc(100% - 250px);
}
.page-contact .contact-mail .box .contact_message_input textarea {
width: 100%;
height: 200px;
}
.page-contact .contact-mail .box .mw_wp_form_preview .contact_input {
padding: 10px 0 10px 0;
}
.page-contact .contact-mail .box .mw_wp_form_preview .contact_message_input {
padding: 10px 0 10px 0;
}
.page-contact .contact-mail .box .mw_wp_form_preview .contact_message_label {
height: auto !important;
}
}
@media screen and (max-width: 767px) {
.page-contact .contact-mail .box .form_row {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
flex-direction: column;
margin-left: -15px;
margin-right: -15px;
}
.page-contact .contact-mail .box .contact_label {
width: 100%;
margin-bottom: 12px;
}
.page-contact .contact-mail .box .contact_input {
width: 100%;
}
} .page-privacypolicy .text {
padding-top: 64px;
padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
.page-privacypolicy .text {
padding-top: 32px;
padding-bottom: 32px;
}
}
.page-privacypolicy .text p {
width: 100%;
}
.page-privacypolicy .privacypolicy h2 {
border-bottom: 1px solid #ed6c00;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.page-privacypolicy .privacypolicy h2 {
margin-bottom: 20px;
}
}
.page-privacypolicy .privacypolicy p {
margin-bottom: 96px;
}
@media screen and (max-width: 767px) {
.page-privacypolicy .privacypolicy p {
margin-bottom: 48px;
}
} #footer {
background: #fff;
}
#footer .contact {
padding-top: 96px;
padding-bottom: 96px;
}
@media screen and (max-width: 767px) {
#footer .contact {
padding-top: 72px;
padding-bottom: 72px;
}
}
#footer .contact .box-1 {
padding-top: 56px;
padding-bottom: 56px;
padding-left: 32px;
padding-right: 32px;
background: #f2f2f2;
}
@media screen and (max-width: 767px) {
#footer .contact .box-1 {
padding-top: 28px;
padding-bottom: 28px;
padding-left: 28px;
padding-right: 28px;
}
}
#footer .contact .box-1 > * {
background: white;
width: calc(50% - 16px);
text-align: center;
height: 144px;
padding-left: 23px;
padding-right: 23px;
}
#footer .contact .box-1 > * > * {
width: 100%;
}
@media screen and (max-width: 767px) {
#footer .contact .box-1-1 {
width: 100%;
height: 100px;
padding: 0 8px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
#footer .contact .box-1-2 {
width: 100%;
height: 95px;
padding: 0 8px;
}
}
#footer .contact .box-1-2 a {
display: block;
padding: 20px 12px;
}
@media screen and (max-width: 767px) {
#footer .contact .box-1-2 a {
padding: 13px 12px;
}
}
#footer .footer-info {
padding-top: 80px;
padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
#footer .footer-info {
padding-top: 72px;
padding-bottom: 60px;
}
}
#footer .footer-info .site-logo {
width: 340px;
}
#footer .footer-info .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
}
#footer .footer-info .navbar-nav li {
padding: 0 16px;
text-align: center;
position: relative;
}
#footer .footer-info .navbar-nav li:before {
content: "|";
position: absolute;
left: -1.5px;
top: 0;
}
#footer .footer-info .navbar-nav li .nav-link {
padding: 0;
}
#footer .footer-info .navbar-nav li:after {
content: "|";
position: absolute;
right: -2px;
top: 0;
}
body.post-type-archive-works section.category-menu,
body.tax-works-category section.category-menu,
body.single-works section.category-menu {
padding-top: 88px;
padding-bottom: 65px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu,
body.tax-works-category section.category-menu,
body.single-works section.category-menu {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.post-type-archive-works section.category-menu .box-1 ul,
body.tax-works-category section.category-menu .box-1 ul,
body.single-works section.category-menu .box-1 ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu .box-1 ul,
body.tax-works-category section.category-menu .box-1 ul,
body.single-works section.category-menu .box-1 ul {
margin: 0 auto;
width: 356px;
}
}
body.post-type-archive-works section.category-menu .box-1 ul li,
body.tax-works-category section.category-menu .box-1 ul li,
body.single-works section.category-menu .box-1 ul li {
width: 202px;
font-size: 16.5px;
font-weight: bold;
text-align: center;
list-style: none;
background: #fff;
border-radius: 7px;
padding: 22px;
margin: 0 9px 15px;
border: 2px solid #ed6c00;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu .box-1 ul li,
body.tax-works-category section.category-menu .box-1 ul li,
body.single-works section.category-menu .box-1 ul li {
font-size: 20px;
width: 160px;
height: 70px;
padding: 22px 0;
}
}
body.post-type-archive-works section.category-menu .box-1 ul li:hover,
body.tax-works-category section.category-menu .box-1 ul li:hover,
body.single-works section.category-menu .box-1 ul li:hover {
background: #ed6c00 !important;
color: #fff !important;
}
body.post-type-archive-works section.category-menu .box-1 ul li a,
body.tax-works-category section.category-menu .box-1 ul li a,
body.single-works section.category-menu .box-1 ul li a {
width: 100%;
height: 100%;
display: block;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu #fadeLayer,
body.tax-works-category section.category-menu #fadeLayer,
body.single-works section.category-menu #fadeLayer {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 110vh;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
}
body.post-type-archive-works section.category-menu a.over,
body.tax-works-category section.category-menu a.over,
body.single-works section.category-menu a.over {
max-width: 200px;
width: 100%;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
font-size: 16px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
body.post-type-archive-works section.category-menu a.over span,
body.tax-works-category section.category-menu a.over span,
body.single-works section.category-menu a.over span {
margin-right: 15px;
}
body.post-type-archive-works section.category-menu .works-title,
body.tax-works-category section.category-menu .works-title,
body.single-works section.category-menu .works-title {
font-size: 24px;
text-align: center;
margin-bottom: -15px;
margin-top: 25px;
}
body.post-type-archive-works section.category-menu .category-title,
body.tax-works-category section.category-menu .category-title,
body.single-works section.category-menu .category-title {
font-size: 24px;
text-align: center;
position: relative;
margin-bottom: -15px;
margin-top: 25px;
}
body.post-type-archive-works section.category-menu .category-title::before,
body.tax-works-category section.category-menu .category-title::before,
body.single-works section.category-menu .category-title::before {
content: "";
position: absolute;
width: 80px;
border-top: 1px solid #ed6c00;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
body.post-type-archive-works section.works-list,
body.tax-works-category section.works-list,
body.single-works section.works-list {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list,
body.tax-works-category section.works-list,
body.single-works section.works-list {
background-size: 200%;
}
}
body.post-type-archive-works section.works-list table.list,
body.tax-works-category section.works-list table.list,
body.single-works section.works-list table.list {
width: 100%;
font-size: 16px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list table.list,
body.tax-works-category section.works-list table.list,
body.single-works section.works-list table.list {
display: block;
}
body.post-type-archive-works section.works-list table.list tr.header,
body.tax-works-category section.works-list table.list tr.header,
body.single-works section.works-list table.list tr.header {
display: none;
}
body.post-type-archive-works section.works-list table.list tr,
body.tax-works-category section.works-list table.list tr,
body.single-works section.works-list table.list tr {
margin-bottom: 23px;
}
body.post-type-archive-works section.works-list table.list tr,
body.post-type-archive-works section.works-list table.list th,
body.post-type-archive-works section.works-list table.list td,
body.tax-works-category section.works-list table.list tr,
body.tax-works-category section.works-list table.list th,
body.tax-works-category section.works-list table.list td,
body.single-works section.works-list table.list tr,
body.single-works section.works-list table.list th,
body.single-works section.works-list table.list td {
display: block;
width: 100%;
text-align: left !important;
}
body.post-type-archive-works section.works-list table.list td,
body.tax-works-category section.works-list table.list td,
body.single-works section.works-list table.list td {
position: relative;
padding-left: 7em !important;
margin-top: -1px;
}
body.post-type-archive-works section.works-list table.list td::after,
body.tax-works-category section.works-list table.list td::after,
body.single-works section.works-list table.list td::after {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background: #e3e3e3;
width: 6em;
left: 4px;
height: calc(100% - 6px);
top: 3px;
text-align: center;
padding: 12px 0;
}
body.post-type-archive-works section.works-list table.list td:nth-of-type(1)::after,
body.tax-works-category section.works-list table.list td:nth-of-type(1)::after,
body.single-works section.works-list table.list td:nth-of-type(1)::after {
content: "年　月";
}
body.post-type-archive-works section.works-list table.list td:nth-of-type(2)::after,
body.tax-works-category section.works-list table.list td:nth-of-type(2)::after,
body.single-works section.works-list table.list td:nth-of-type(2)::after {
content: "都道府県";
}
body.post-type-archive-works section.works-list table.list td:nth-of-type(3)::after,
body.tax-works-category section.works-list table.list td:nth-of-type(3)::after,
body.single-works section.works-list table.list td:nth-of-type(3)::after {
content: "名　称";
}
body.post-type-archive-works section.works-list table.list td:nth-of-type(4)::after,
body.tax-works-category section.works-list table.list td:nth-of-type(4)::after,
body.single-works section.works-list table.list td:nth-of-type(4)::after {
content: "住　所";
}
body.post-type-archive-works section.works-list table.list td:nth-of-type(5)::after,
body.tax-works-category section.works-list table.list td:nth-of-type(5)::after,
body.single-works section.works-list table.list td:nth-of-type(5)::after {
content: "制作物";
}
}
body.post-type-archive-works section.works-list table.list th,
body.tax-works-category section.works-list table.list th,
body.single-works section.works-list table.list th {
text-align: center;
font-weight: bold;
line-height: 32px;
height: 32px;
background: #cccccc;
border: 1px solid #ed6c00;
}
body.post-type-archive-works section.works-list table.list th.date,
body.tax-works-category section.works-list table.list th.date,
body.single-works section.works-list table.list th.date {
width: 96px;
}
body.post-type-archive-works section.works-list table.list th.location,
body.tax-works-category section.works-list table.list th.location,
body.single-works section.works-list table.list th.location {
width: 96px;
}
body.post-type-archive-works section.works-list table.list th.title,
body.tax-works-category section.works-list table.list th.title,
body.single-works section.works-list table.list th.title {
width: 272px;
}
body.post-type-archive-works section.works-list table.list th.address,
body.tax-works-category section.works-list table.list th.address,
body.single-works section.works-list table.list th.address {
width: 312px;
}
body.post-type-archive-works section.works-list table.list th.content,
body.tax-works-category section.works-list table.list th.content,
body.single-works section.works-list table.list th.content {
width: 304px;
}
body.post-type-archive-works section.works-list table.list td,
body.tax-works-category section.works-list table.list td,
body.single-works section.works-list table.list td {
background: #fff;
border: 1px solid #ed6c00;
padding: 16px;
line-height: 1.4;
}
body.post-type-archive-works section.works-list .box-1,
body.tax-works-category section.works-list .box-1,
body.single-works section.works-list .box-1 {
padding-top: 56px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 48px;
max-width: 1240px;
width: 100%;
margin: 0 auto;
border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1,
body.tax-works-category section.works-list .box-1,
body.single-works section.works-list .box-1 {
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
padding-top: 40px;
}
}
body.post-type-archive-works section.works-list .box-1 h2,
body.tax-works-category section.works-list .box-1 h2,
body.single-works section.works-list .box-1 h2 {
font-size: 40px;
letter-spacing: 0.05em;
text-align: center;
position: relative;
margin-bottom: 68px;
color: #ed6c00;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 h2,
body.tax-works-category section.works-list .box-1 h2,
body.single-works section.works-list .box-1 h2 {
font-size: 24px;
margin-bottom: 30px;
}
}
body.post-type-archive-works section.works-list .box-1 h2::after,
body.tax-works-category section.works-list .box-1 h2::after,
body.single-works section.works-list .box-1 h2::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 12px;
bottom: -20px;
left: auto;
right: auto;
background: url(//www.npo-krk.or.jp/wp-content/uploads/img/works-3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 h2::after,
body.tax-works-category section.works-list .box-1 h2::after,
body.single-works section.works-list .box-1 h2::after {
background-image: url(//www.npo-krk.or.jp/wp-content/uploads/img/works-5.svg);
height: 9px;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list,
body.tax-works-category section.works-list .box-1 .works-list,
body.single-works section.works-list .box-1 .works-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}
body.post-type-archive-works section.works-list .box-1 .works-list::after,
body.tax-works-category section.works-list .box-1 .works-list::after,
body.single-works section.works-list .box-1 .works-list::after {
content: "";
width: 32%;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 32%;
border: 1px solid #ed6c00;
border-radius: 10px;
padding: 16px;
background: #fff;
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 32px;
}
@media screen and (max-width: 991px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 48%;
}
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 100%;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .thumbnail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .thumbnail,
body.single-works section.works-list .box-1 .works-list .works-list-item .thumbnail {
margin-bottom: 14px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .thumbnail img,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .thumbnail img,
body.single-works section.works-list .box-1 .works-list .works-list-item .thumbnail img {
width: 100%;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item h3.title,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item h3.title,
body.single-works section.works-list .box-1 .works-list .works-list-item h3.title {
font-size: 20px;
margin-bottom: auto;
min-height: 52px;
font-weight: 500;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item h3.title,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item h3.title,
body.single-works section.works-list .box-1 .works-list .works-list-item h3.title {
font-size: 20px;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item time,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item time,
body.single-works section.works-list .box-1 .works-list .works-list-item time {
font-size: 14px;
width: 100%;
display: inline-block;
margin-bottom: 8px;
margin-top: 12px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category,
body.single-works section.works-list .box-1 .works-list .works-list-item .category {
font-size: 12px;
color: #fff;
background: #ed6c00;
padding: 5px 5px 6px;
line-height: 1;
display: inline-block;
margin-right: 8px;
margin-bottom: 6px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .lead,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .lead,
body.single-works section.works-list .box-1 .works-list .works-list-item .lead {
font-size: 14px;
line-height: 1.5;
font-weight: normal;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail {
display: block;
background: #e6e6e6;
width: 100%;
text-align: center;
padding: 16px;
border-radius: 8px;
color: #ed6c00;
margin-top: auto;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail:hover,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail:hover,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail:hover {
background: #ed6c00;
text-decoration: none;
color: #fff;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail {
font-size: 14px;
}
}
body.post-type-archive-works section.works-single,
body.tax-works-category section.works-single,
body.single-works section.works-single {
background: #fff;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single,
body.tax-works-category section.works-single,
body.single-works section.works-single {
padding-top: 40px;
padding-bottom: 80px;
background-size: 200%;
}
}
body.post-type-archive-works section.works-single .box-1,
body.tax-works-category section.works-single .box-1,
body.single-works section.works-single .box-1 {
padding-top: 56px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 48px;
max-width: 1240px;
width: 100%;
margin: 0 auto;
border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1,
body.tax-works-category section.works-single .box-1,
body.single-works section.works-single .box-1 {
padding-left: 0;
padding-right: 0;
padding-top: 40px;
padding-bottom: 40px;
}
}
body.post-type-archive-works section.works-single .box-1 h2,
body.tax-works-category section.works-single .box-1 h2,
body.single-works section.works-single .box-1 h2 {
font-size: 40px;
letter-spacing: 0.05em;
text-align: center;
position: relative;
margin-bottom: 68px;
color: #ed6c00;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1 h2,
body.tax-works-category section.works-single .box-1 h2,
body.single-works section.works-single .box-1 h2 {
font-size: 24px;
margin-bottom: 40px;
}
}
body.post-type-archive-works section.works-single .box-1 h2::after,
body.tax-works-category section.works-single .box-1 h2::after,
body.single-works section.works-single .box-1 h2::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 12px;
bottom: -20px;
left: auto;
right: auto;
background: url(//www.npo-krk.or.jp/wp-content/uploads/img/works-3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1 h2::after,
body.tax-works-category section.works-single .box-1 h2::after,
body.single-works section.works-single .box-1 h2::after {
height: 10px;
background: url(//www.npo-krk.or.jp/wp-content/uploads/img/works-4.svg) no-repeat center/contain;
}
}
body.post-type-archive-works section.works-single .box-1-1,
body.tax-works-category section.works-single .box-1-1,
body.single-works section.works-single .box-1-1 {
border: 1px solid #ed6c00;
border-radius: 15px;
background: #fff;
padding: 64px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1,
body.tax-works-category section.works-single .box-1-1,
body.single-works section.works-single .box-1-1 {
padding: 15px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: 630px;
}
@media (max-width: 1210px) {
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: calc((104vw - 250px) * 0.663);
}
}
@media (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: calc((104vw - 106px) * 0.663);
}
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav .slick-track,
body.tax-works-category section.works-single .box-1-1 .slider-nav .slick-track,
body.single-works section.works-single .box-1-1 .slider-nav .slick-track {
left: 0 !important;
width: 100% !important;
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav img,
body.tax-works-category section.works-single .box-1-1 .slider-nav img,
body.single-works section.works-single .box-1-1 .slider-nav img {
width: 18.4% !important;
margin-right: 2% !important;
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav img:last-of-type,
body.tax-works-category section.works-single .box-1-1 .slider-nav img:last-of-type,
body.single-works section.works-single .box-1-1 .slider-nav img:last-of-type {
margin-right: 0% !important;
}
body.post-type-archive-works section.works-single .box-1-1 h3,
body.tax-works-category section.works-single .box-1-1 h3,
body.single-works section.works-single .box-1-1 h3 {
font-size: 32px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 h3,
body.tax-works-category section.works-single .box-1-1 h3,
body.single-works section.works-single .box-1-1 h3 {
font-size: 20px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .single-content,
body.tax-works-category section.works-single .box-1-1 .single-content,
body.single-works section.works-single .box-1-1 .single-content {
font-size: 16px;
line-height: 1.6;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .single-content,
body.tax-works-category section.works-single .box-1-1 .single-content,
body.single-works section.works-single .box-1-1 .single-content {
font-size: 14px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .single-category,
body.tax-works-category section.works-single .box-1-1 .single-category,
body.single-works section.works-single .box-1-1 .single-category {
color: #fff;
background: #ed6c00;
font-size: 16px;
line-height: 1;
text-align: center;
padding: 10px 25px;
display: inline-block;
margin-bottom: 23px;
margin-right: 12px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .single-category,
body.tax-works-category section.works-single .box-1-1 .single-category,
body.single-works section.works-single .box-1-1 .single-category {
font-size: 14px;
padding: 5px 10px;
margin-bottom: 12px;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info,
body.tax-works-category section.works-single .box-1-1 table.info,
body.single-works section.works-single .box-1-1 table.info {
border-bottom: 1px solid #c5c5c5;
font-size: 16px;
line-height: 2;
width: 100%;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info,
body.tax-works-category section.works-single .box-1-1 table.info,
body.single-works section.works-single .box-1-1 table.info {
font-size: 14px;
margin-bottom: 24px;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info tr,
body.tax-works-category section.works-single .box-1-1 table.info tr,
body.single-works section.works-single .box-1-1 table.info tr {
border-top: 1px solid #c5c5c5;
}
body.post-type-archive-works section.works-single .box-1-1 table.info th,
body.tax-works-category section.works-single .box-1-1 table.info th,
body.single-works section.works-single .box-1-1 table.info th {
font-weight: normal;
text-align: center;
width: 110px;
vertical-align: text-bottom;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info th,
body.tax-works-category section.works-single .box-1-1 table.info th,
body.single-works section.works-single .box-1-1 table.info th {
display: block;
width: 100%;
text-align: left;
padding: 12px 0 0 0;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info td,
body.tax-works-category section.works-single .box-1-1 table.info td,
body.single-works section.works-single .box-1-1 table.info td {
vertical-align: text-bottom;
padding: 15px 30px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info td,
body.tax-works-category section.works-single .box-1-1 table.info td,
body.single-works section.works-single .box-1-1 table.info td {
display: block;
width: 100%;
text-align: left;
padding: 0 0 12px 0;
}
}
body.post-type-archive-works section.works-single .box-1 .button,
body.tax-works-category section.works-single .box-1 .button,
body.single-works section.works-single .box-1 .button {
display: block;
max-width: 322px;
width: 100%;
margin: 0 auto;
text-align: center;
font-weight: normal;
padding: 24px 0;
border-radius: 5px;
background: #e6e6e6;
color: #ed6c00;
}
body.post-type-archive-works section.works-single .box-1 .button:hover,
body.tax-works-category section.works-single .box-1 .button:hover,
body.single-works section.works-single .box-1 .button:hover {
background: #ed6c00;
color: #fff;
}
.pagenation {
padding-top: 56px;
padding-bottom: 64px;
}
.pagenation li {
width: 32px;
height: 32px;
line-height: 1;
font-size: 16px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
margin: 0 8px;
}
.pagenation li .current {
width: 100%;
height: 100%;
display: flex !important;
justify-content: center;
align-items: center;
color: #fff;
background: #ed6c00;
padding: unset;
border: 1px solid #ed6c00;
}
.pagenation li a {
color: #ed6c00 !important;
background: #fff !important;
border: 1px solid #ed6c00 !important;
padding: 0.5rem 0.75rem !important;
line-height: 1;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.npo-krk.or.jp/wp-content/themes/otasuke/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.npo-krk.or.jp/wp-content/themes/otasuke/js/slick/fonts/slick.eot);
src: url(https://www.npo-krk.or.jp/wp-content/themes/otasuke/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.npo-krk.or.jp/wp-content/themes/otasuke/js/slick/fonts/slick.woff) format('woff'), url(https://www.npo-krk.or.jp/wp-content/themes/otasuke/js/slick/fonts/slick.ttf) format('truetype'), url(https://www.npo-krk.or.jp/wp-content/themes/otasuke/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}