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

 html,
body {
background: #fff;
}
html {
font-size: 10px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body,
body#tinymce {
color: #333;
font-family: "Hiragino sans", Meiryo, sans-serif;
font-size: 1.5rem;
line-height: 1.73333333;
font-weight: 300;
word-wrap: break-word;
overflow-wrap: break-word;
text-justify: auto;
}
body#tinymce {
padding: 15px !important;
max-width: 680px;
}
*:first-child {
margin-top: 0;
}
*:last-child {
margin-bottom: 0;
}
a {
color: #195fa5;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img,
figure {
max-width: 100%;
height: auto;
vertical-align: bottom;
margin: 0;
}
nav ul a:hover,
nav ol a:hover {
text-decoration: none;
}
strong {
font-weight: bold;
color: #333;
}
mark {
background: linear-gradient(transparent 64%, #eeee11 64%);
padding: 0 3px;
margin: 0 3px;
}
code {
display: block;
margin: 12px 0;
}
code.inline {
display: inline;
}
pre code br {
display: none;
}
pre code p {
display: inline;
}
p,
ul,
ol,
dl,
blockquote,
code {
margin: 12px 0;
}
ul {
padding-left: 1.5em;
list-style-type: disc;
overflow: hidden;
}
#wpadminbar ul {
overflow: inherit;
}
ol {
padding-left: 2em;
overflow: hidden;
}
ul li,
ol li {
margin-bottom: 4px;
line-height: 1.6;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0;
}
ul ul li,
ul ol li,
ol ul li,
ol ol li {
margin-top: 0.14285714em;
margin-bottom: 0;
}
nav ul,
nav ol {
list-style: none;
padding: 0;
margin: 0;
}
address {
font-style: normal;
}
dl {
line-height: 1.5;
}
dl dt {
color: #111;
margin: 0 0 2px;
}
dl dd {
padding: 0;
margin: 0 0 0.6em;
}
table {
border-collapse: separate !important;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
margin: 1.2em 0;
border: 1px solid #ddd;
border-right: none;
border-bottom: none;
width: auto !important;
}
table caption {
text-align: left;
font-size: 107.692308%;
line-height: 1.28571429;
margin-bottom: 4px;
}
table th,
table td {
padding: 0.6em 0.4em 0.4em;
border: 1px solid #ddd;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
empty-cells: show;
width: auto !important;
}
table th {
color: #111;
background: #f9f9f0;
font-weight: normal;
}
table thead th {
background: #f3f3f3;
}
table th.nowrap,
table td.nowrap {
white-space: nowrap;
}
table.table-fontsize-small {
font-size: 85.714286%;
line-height: 1.33333333;
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
margin-top: 0;
}
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h5,
h4 + h6,
h5 + h6 {
margin-top: 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #111;
font-weight: normal;
letter-spacing: 1px;
overflow: hidden;
clear: both;
}
.contents-table + h2 {
margin-top: 20px;
}
h2 {
color: #333;
font-size: 2.4rem;
line-height: 1.25;
background: #f3f3f3;
padding: 10px 12px;
margin: 50px -2px 12px;
border: 2px solid #fff;
border-radius: 5px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
position: relative;
}
h2:after {
content: "";
display: block;
background: #2d86e2;
height: 3px;
position: absolute;
bottom: 0;
left: 8px;
right: 8px;
border-radius: 4px 4px 0 0;
}
h3 {
color: #333;
font-size: 21px;
font-size: 2.1rem;
line-height: 1.23809524;
padding: 10px 0 8px 12px;
margin: 40px 0 10px;
border-bottom: 1px solid #ccc;
position: relative;
}
h3:after {
content: "";
display: block;
background: #2d86e2;
position: absolute;
width: 4px;
height: 78%;
border-radius: 2px;
top: 11%;
left: 2px;
}
h4 {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.23529412;
padding: 0 0 4px 0;
margin: 30px 0 6px;
border-bottom: 1px dashed #999;
}
h5 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
letter-spacing: 2px;
padding-left: 2px;
margin: 25px 0 3px;
}
h6 {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2;
letter-spacing: 2px;
padding-left: 2px;
margin: 20px 0 2px;
}
h5:before,
h6:before {
content: "−";
font-size: 16px;
font-size: 1.6rem;
line-height: 1.26666667;
margin-right: 3px;
letter-spacing: 2px;
}
h6:before {
content: "−−";
} a.new-window:after {
content: "\e869";
font-family: "icon-font-1-2";
display: inline-block;
font-size: 90%;
speak: none;
margin: 0 0.2em;
} .link-list,
.link-list ul {
padding-left: 16px;
list-style: none;
}
.link-list ul {
margin: 0;
}
.link-list li {
margin: 4px 0;
}
.link-icon:before,
.link-list a:before,
.link-list ul a:before {
display: inline-block;
content: "\e81f";
font-family: "icon-font-1-2";
color: #2772c0;
margin: 0 3px;
speak: none;
} select {
border: 1px solid #ccc;
} embed,
iframe,
object,
video {
max-width: 100%;
border: none;
background: #f3f3f3;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; } .assistive-text,
.screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
} .font-size-12 {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.font-size-13 {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.61538462;
}
.font-size-14 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.57142857;
}
.font-size-15 {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.66666667;
}
.font-size-16 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.75;
}
.font-size-17 {
font-size: 17px;
font-size: 1.7rem;
line-height: 2.05882353;
}
.font-size-18 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.55555556;
}
.font-size-20 {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
}
.font-size-24 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.41666667;
}
.font-size-32 {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.3125;
} .page-links {
font-size: 92.857143%;
line-height: 1.23076923;
margin: 0.71428571em 0;
}
.page-links a {
color: #fff;
font-weight: bold;
background: #63a2e2;
padding: 0.25em 0.3em 0.1em;
border: 1px solid #e3e3e3;
}
.page-links a:hover {
background: #ed8e8e;
} .alignleft {
float: left;
margin: 0 18px 12px 0;
}
.alignright {
float: right;
margin: 0 0 12px 18px;
}
.aligncenter {
display: block;
float: none !important;
margin: 0 auto !important;
} .gallery:after {
content: "";
display: block;
clear: both;
height: 0;
}
#page-body .gallery img {
width: auto !important;
max-width: 100%;
height: auto;
border: none !important;
box-shadow: none;
box-sizing: border-box;
}
.gallery {
clear: both;
margin: 1em -2px;
}
.gallery:first-child {
margin-top: 0;
}
.gallery:last-child {
margin-bottom: 0;
}
.gallery .gallery-item,
#page-body .tiled-gallery-item {
float: left;
padding: 2px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.gallery-icon img,
#page-body .tiled-gallery-item img {
display: block;
width: auto !important;
margin: 0 !important;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3333333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666667%;
}
.gallery-columns-7 .gallery-item {
width: 1428.57143%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111111%;
}
@media screen and (min-width: 768px) {
.gallery-columns-2 figure.gallery-item:nth-of-type(odd),
.gallery-columns-2 dl.gallery-item:nth-of-type(odd),
.gallery-columns-3 figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-3 dl.gallery-item:nth-of-type(3n + 1),
.gallery-columns-4 figure.gallery-item:nth-of-type(4n + 1),
.gallery-columns-4 dl.gallery-item:nth-of-type(4n + 1),
.gallery-columns-5 figure.gallery-item:nth-of-type(5n + 1),
.gallery-columns-5 dl.gallery-item:nth-of-type(5n + 1),
.gallery-columns-6 figure.gallery-item:nth-of-type(6n + 1),
.gallery-columns-6 dl.gallery-item:nth-of-type(6n + 1),
.gallery-columns-7 figure.gallery-item:nth-of-type(7n + 1),
.gallery-columns-7 dl.gallery-item:nth-of-type(7n + 1),
.gallery-columns-8 figure.gallery-item:nth-of-type(8n + 1),
.gallery-columns-8 dl.gallery-item:nth-of-type(8n + 1),
.gallery-columns-9 figure.gallery-item:nth-of-type(9n + 1),
.gallery-columns-9 dl.gallery-item:nth-of-type(9n + 1) {
clear: both;
}
}
@media screen and (max-width: 767px) and (min-width: 568px) {
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 25%;
}
.gallery-columns-5 figure.gallery-item:nth-of-type(4n + 1),
.gallery-columns-5 dl.gallery-item:nth-of-type(4n + 1),
.gallery-columns-6 figure.gallery-item:nth-of-type(4n + 1),
.gallery-columns-6 dl.gallery-item:nth-of-type(4n + 1),
.gallery-columns-7 figure.gallery-item:nth-of-type(4n + 1),
.gallery-columns-7 dl.gallery-item:nth-of-type(4n + 1),
.gallery-columns-8 figure.gallery-item:nth-of-type(4n + 1),
.gallery-columns-8 dl.gallery-item:nth-of-type(4n + 1),
.gallery-columns-9 figure.gallery-item:nth-of-type(4n + 1),
.gallery-columns-9 dl.gallery-item:nth-of-type(4n + 1) {
clear: both;
}
}
@media screen and (max-width: 567px) and (min-width: 480px) {
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 33.3333333%;
}
.gallery-columns-5 figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-5 dl.gallery-item:nth-of-type(3n + 1),
.gallery-columns-5 figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-5 dl.gallery-item:nth-of-type(3n + 1),
.gallery-columns-6 figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-6 dl.gallery-item:nth-of-type(3n + 1),
.gallery-columns-7 figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-7 dl.gallery-item:nth-of-type(3n + 1),
.gallery-columns-8 figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-8 dl.gallery-item:nth-of-type(3n + 1),
.gallery-columns-9 figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-9 dl.gallery-item:nth-of-type(3n + 1) {
clear: both;
}
}
@media screen and (max-width: 479px) {
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 50%;
}
.gallery-columns-3 figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-3 dl.gallery-item:nth-of-type(2n + 1),
.gallery-columns-4 figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-4 dl.gallery-item:nth-of-type(2n + 1),
.gallery-columns-5 figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-5 dl.gallery-item:nth-of-type(2n + 1),
.gallery-columns-6 figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-6 dl.gallery-item:nth-of-type(2n + 1),
.gallery-columns-7 figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-7 dl.gallery-item:nth-of-type(2n + 1),
.gallery-columns-8 figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-8 dl.gallery-item:nth-of-type(2n + 1),
.gallery-columns-9 figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-9 dl.gallery-item:nth-of-type(2n + 1) {
clear: both;
}
}
#tinymce .gallery br {
display: none !important;
}
.wp-caption {
position: relative;
overflow: hidden;
transition: all ease 0.25s;
}
.gallery-caption,
.wp-caption .wp-caption-text,
#page-body .tiled-gallery-caption {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.23076923;
text-indent: 0 !important;
white-space: normal;
display: block !important;
background: rgba(255, 255, 255, 0.75);
width: auto !important;
height: auto !important;
padding: 8px 8px 5px;
margin: 0 !important;
position: absolute;
box-sizing: border-box;
bottom: 2px !important;
left: 2px !important;
right: 2px !important;
}
.wp-caption .wp-caption-text {
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
}
@media screen and (min-width: 320px) {
.wp-caption:hover .wp-caption-text,
.gallery-item:hover .gallery-caption,
#page-body .tiled-gallery-item:hover .tiled-gallery-caption {
bottom: -3em !important;
transition: all ease 0.25s;
}
} hr.clear {
display: block;
height: 0;
margin: 0;
border: none;
width: 100%;
clear: both;
}
#tinymce hr.clear {
display: block;
clear: both;
height: 4px;
width: 100%;
padding: 0;
margin: 0;
}
#tinymce hr.clear:before {
content: "clear";
font-size: 12px;
line-height: 14px;
color: #fff;
background: #999;
padding: 0 4px;
position: relative;
top: -10px;
} .article.attachment {
overflow: hidden;
}
.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment .entry-caption {
margin-top: 8px;
} .comments-title {
margin: 0 0 0.44444444em !important;
font-size: 128.571429%;
line-height: 1.33333333;
font-weight: normal;
}
.commentlist {
border-top: 2px solid #e6e6e6;
padding: 0;
list-style: none;
}
.commentlist li {
border-bottom: 2px solid #e6e6e6;
}
.commentlist .children {
padding: 0;
list-style: none;
}
.commentlist .children li {
background: url(//kamakko.info/wp-content/themes/kamakko/images/icon-arrow-big-current.png) no-repeat 0.5em 1em;
padding-left: 2em;
border: none;
}
.comments-area article {
margin: 1.2em 0;
}
.comments-area article header {
margin: 0 0 1em;
overflow: hidden;
position: relative;
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
display: block;
margin-left: 56px;
}
.comments-area article header cite {
font-style: normal;
font-size: 107.142857%;
line-height: 1.26666667;
padding-top: 5px;
}
.comments-area cite b {
font-weight: normal;
}
.comments-area article header time {
text-decoration: none;
font-size: 85.7142857%;
line-height: 1.5;
color: #5e5e5e;
}
.comments-area article header a {
text-decoration: none;
color: #5e5e5e;
}
.comments-area article header a:hover {
color: #21759b;
}
.comments-area article header cite a {
color: #333;
}
.comments-area article header cite a:hover {
text-decoration: underline;
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
padding: 0.428571429em 0.857142857em;
font-size: 12px;
font-size: 0.857142857em;
font-weight: normal;
color: #fff;
background-color: #0088d0;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #009cee, #0088d0);
background-image: -ms-linear-gradient(top, #009cee, #0088d0);
background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
background-image: -o-linear-gradient(top, #009cee, #0088d0);
background-image: linear-gradient(top, #009cee, #0088d0);
border-radius: 3px;
border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
font-size: 71.4285714%;
line-height: 1.4;
position: absolute;
margin-left: 5px;
padding: 2px 5px 0;
}
.comments-area .bypostauthor cite b {
font-weight: bold;
}
.comments-area .buttons {
margin-top: 1em;
}
a.comment-reply-link,
a.comment-edit-link {
color: #686868;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
color: #21759b;
text-decoration: none;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
} #respond {
margin-top: 48px;
margin-top: 3.428571429rem;
}
#respond h3#reply-title {
font-size: 128.571429%;
line-height: 1.33333333;
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
}
#respond form {
margin: 24px 0;
margin: 1.714285714rem 0;
}
#respond form p {
margin: 11px 0;
margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
#respond form label {
display: block;
line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
font-size: 92.857143%;
line-height: 1.30769231;
padding: 10px 10px 8px;
width: 100%;
}
#respond form p.form-allowed-tags {
margin: 0;
font-size: 85.714286%;
line-height: 2;
color: #5e5e5e;
}
.required {
color: red;
}
.highlight-block,
blockquote {
background: #f6f6f6;
padding: 10px 14px 8px;
margin: 15px 0;
border: 1px solid #e8e8e8;
border-radius: 2px;
} .swipe-desc {
display: none;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.25;
}
.swipe-desc {
display: block;
}
.swipable {
width: 100% !important;
overflow: auto;
box-sizing: border-box;
}
.swipable table {
width: 678px !important;
max-width: none;
}

body {
padding: 0;
background: #b0b0b0;
}
.row:after,
.multi-columns:after,
#site-functions-header:after,
.entry-content:after,
#link-banner-side ul:after,
.post-list-widget li a:after,
.wp_social_bookmarking_light:after {
content: "";
display: block;
clear: both;
height: 0;
} .full-width {
width: 1020px;
box-sizing: border-box;
margin: 0 auto;
padding: 15px;
}
.multi-columns {
margin: 0 -15px;
}
.wrapper,
.row,
.column,
.portfolio-entry {
box-sizing: border-box;
}
.wrapper {
min-width: 1020px;
padding: 15px 0;
}
.mat {
padding: 15px;
}
.bg-white {
background: #fff;
}
.bg-grey {
background-color: #f5f5f5;
}
.bg-pink {
background: #fbb;
}
.row {
clear: both;
width: 1020px;
margin: 0 auto;
position: relative;
}
.row.pad-30px {
padding: 0 30px;
}
.row.pad-40px {
padding: 0 40px;
}
.row.pad-50px {
padding: 0 50px;
}
.row.pad-60px {
padding: 0 60px;
}
.column {
float: left;
padding: 15px;
margin: 0;
}
#main-column .row {
width: auto;
margin: 0 -10px;
}
#main-column .column {
padding: 10px;
}
.column-full {
width: 100%;
}
.column-1-2,
.column-half {
width: 50%;
}
.column-2-2 {
width: 100%;
}
.column-1-3 {
width: 33.33333%;
}
.column-2-3 {
width: 66.66667%;
}
.column-3-3 {
width: 100%;
}
.column-1-4 {
width: 25%;
}
.column-2-4 {
width: 50%;
}
.column-3-4 {
width: 75%;
}
.column-4-4 {
width: 100%;
}
.column-1-5 {
width: 20%;
}
.column-2-5 {
width: 40%;
}
.column-3-5 {
width: 60%;
}
.column-4-5 {
width: 80%;
}
.column-5-5 {
width: 100%;
}
.column-1-6 {
width: 16.66667%;
}
.column-2-6 {
width: 33.33333%;
}
.column-3-6 {
width: 50%;
}
.column-4-6 {
width: 66.66667%;
}
.column-5-6 {
width: 83.33333%;
}
.column-6-6 {
width: 100%;
}
.column-1-7 {
width: 14.28571%;
}
.column-2-7 {
width: 28.57143%;
}
.column-3-7 {
width: 42.85714%;
}
.column-4-7 {
width: 57.14286%;
}
.column-5-7 {
width: 71.42857%;
}
.column-6-7 {
width: 85.71429%;
}
.column-7-7 {
width: 100%;
}
.column-1-8 {
width: 12.5%;
}
.column-2-8 {
width: 25%;
}
.column-3-8 {
width: 37.5%;
}
.column-4-8 {
width: 50%;
}
.column-5-8 {
width: 62.5%;
}
.column-6-8 {
width: 75%;
}
.column-7-8 {
width: 87.5%;
}
.column-8-8 {
width: 100%;
}
.column-1-9 {
width: 11.11111%;
}
.column-2-9 {
width: 22.22222%;
}
.column-3-9 {
width: 33.33333%;
}
.column-4-9 {
width: 44.44444%;
}
.column-5-9 {
width: 55.55556%;
}
.column-6-9 {
width: 66.66667%;
}
.column-7-9 {
width: 77.77778%;
}
.column-8-9 {
width: 88.88889%;
}
.column-9-9 {
width: 100%;
}
.column-1-10 {
width: 10%;
}
.column-2-10 {
width: 20%;
}
.column-3-10 {
width: 30%;
}
.column-4-10 {
width: 40%;
}
.column-5-10 {
width: 50%;
}
.column-6-10 {
width: 60%;
}
.column-7-10 {
width: 70%;
}
.column-8-10 {
width: 80%;
}
.column-9-10 {
width: 90%;
}
.column-10-10 {
width: 100%;
}
.column-1-11 {
width: 9.09091%;
}
.column-2-11 {
width: 18.18182%;
}
.column-3-11 {
width: 27.27273%;
}
.column-4-11 {
width: 36.36364%;
}
.column-5-11 {
width: 45.45455%;
}
.column-6-11 {
width: 54.54545%;
}
.column-7-11 {
width: 63.63636%;
}
.column-8-11 {
width: 72.72727%;
}
.column-9-11 {
width: 81.81818%;
}
.column-10-11 {
width: 90.90909%;
}
.column-11-11 {
width: 100%;
}
.column-1-12 {
width: 8.33333%;
}
.column-2-12 {
width: 16.66667%;
}
.column-3-12 {
width: 25%;
}
.column-4-12 {
width: 33.33333%;
}
.column-5-12 {
width: 41.66667%;
}
.column-6-12 {
width: 50%;
}
.column-7-12 {
width: 58.33333%;
}
.column-8-12 {
width: 66.66667%;
}
.column-9-12 {
width: 75%;
}
.column-10-12 {
width: 83.33333%;
}
.column-11-12 {
width: 91.66667%;
}
.column-12-12 {
width: 100%;
}
.right-column,
.column.rtl {
float: right;
} #site-header {
background: #80b9ff;
padding-top: 0;
padding-bottom: 0;
border-top: 1px solid #aaa;
position: relative;
}
#site-header-inner.row {
}
#site-header .column {
padding-top: 0;
padding-bottom: 0;
}
#site-title {
background: url(//kamakko.info/wp-content/themes/kamakko/images/bg-site-title.png) no-repeat left bottom;
width: 425px;
height: 135px;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
}
#site-title img {
width: 300px;
height: auto;
position: absolute;
left: 32px;
top: 52px;
}
#tagline-header {
clear: right;
width: 450px;
}
#site-title h1 img,
#tagline-header img {
display: block;
}
#site-functions-header {
margin: 20px 0 15px;
}
#search-form-header input.search-text,
#search-form-header input.search-submit,
#search-form-body input.search-text,
#search-form-body input.search-submit,
#font-size-switch-header dd {
font-size: 100%;
line-height: 1.5;
padding: 0.28571429em 5px 0.071428571em;
border-radius: 4px;
box-shadow: none;
position: relative;
}
#search-form-header input.search-text,
#search-form-body input.search-text {
width: 10em;
height: 1.6em;
background-position: -5% 50% !important;
}
#search-form-header input.search-text {
border: none;
}
#search-form-body input.search-text {
border: 1px solid #ddd;
}
#search-form-header input.search-submit,
#search-form-body input.search-submit,
#font-size-switch-header dd {
color: #fff;
background: #2d86e2;
margin-right: 5px;
border: none;
padding: 4px 7px 2px;
cursor: pointer;
overflow: hidden;
}
#search-form-header,
#font-size-switch-header {
float: left;
white-space: nowrap;
}
dl#font-size-switch-header {
overflow: hidden;
margin: 0 0 0 10px;
}
#font-size-switch-header dt,
#font-size-switch-header dd {
float: left;
margin: 0;
}
#font-size-switch-header dt {
padding: 0.35714286em 0 0.14285714em;
}
#font-size-switch-header dd {
margin-left: 5px;
}
#site-functions-header input.search-submit:hover,
#font-size-switch-header dd:hover {
background: #4a97e6;
}
#font-size-switch-header dd.active {
background: #2772c0;
cursor: default;
}
#font-size-switch-header dd.maximum {
background: #999 !important;
cursor: default !important;
} #global-nav-header {
background: #2d86e2;
position: relative;
z-index: 9999;
padding-top: 0;
padding-bottom: 0;
border-bottom: 4px solid #2671be;
}
#responsive-nav-toggle {
display: none;
}
#main-menu-header {
padding: 0 14px;
overflow: visible;
}
#main-menu-header > li {
float: left;
margin: 0;
position: relative;
}
#main-menu-header .dropdown-toggle {
display: none;
}
#main-menu-header > li > a {
color: #fff;
font-size: 17px;
font-size: 1.7rem;
line-height: 1;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
display: block;
padding: 1.1em 12px 0.9em;
position: relative;
}
#main-menu-header > li.home > a {
padding-left: 11px;
padding-right: 11px;
}
#main-menu-header a {
-webkit-font-smoothing: subpixel-antialiased;
}
#main-menu-header > li:hover > a,
#main-menu-header > li > a:hover {
background-color: #559de7;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
#main-menu-header > li.current-menu-item > a,
#main-menu-header > li.current-menu-ancestor > a {
background-color: #256cb4;
} #main-menu-header .sub-menu {
display: none;
width: 250px;
border: 1px solid #ddd;
border-bottom: none;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
position: absolute;
top: 100%;
left: -8px;
z-index: 9999;
overflow: visible;
}
#main-menu-header li:hover > .sub-menu {
display: block;
}
#main-menu-header > li:last-child > .sub-menu {
left: auto;
right: -8px;
}
#main-menu-header .sub-menu li {
font-size: 1.4rem;
line-height: 1.28571429;
margin: 0;
border-bottom: 1px solid #ddd;
position: relative;
}
#main-menu-header .sub-menu li:first-child {
border-top: none;
}
#main-menu-header .sub-menu li a {
color: #333;
background: #fff;
display: block;
padding: 12px 10px 10px;
margin: 0 !important;
position: relative;
}
#main-menu-header .sub-menu li a:before {
color: #2772c0;
content: "\e815";
font-family: "icon-font-1-2";
display: inline-block;
font-size: 1.2rem;
speak: none;
margin-right: 3px;
vertical-align: 1px;
}
#main-menu-header .sub-menu li:hover > a {
display: block;
}
#main-menu-header .sub-menu li:hover > a,
#main-menu-header .sub-menu li a:hover {
background: #f3f2f1;
}
#main-menu-header .sub-menu li.current_page_item > a {
background: #fafafa;
}
#main-menu-header .sub-menu li.current_page_item > a:before {
color: #999;
}
#main-menu-header .sub-menu .sub-menu {
top: -1px;
left: 100%;
}
#main-menu-header > li:nth-child(6) .sub-menu .sub-menu,
#main-menu-header > li:nth-child(7) .sub-menu .sub-menu,
#main-menu-header > li:nth-child(8) .sub-menu .sub-menu {
left: auto;
right: 100%;
}
#global-nav-header #cse-search-box {
display: none;
} #notice-board {
background: #eee;
}
.page-template-front-page #notice-board {
background: #f6f6f3;
margin-bottom: -25px;
}
#notice-board .mat {
background: #fbb;
padding: 14px 16px 10px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#notice-board p {
margin-bottom: 0;
} #site-footer {
color: #222;
padding-top: 0;
padding-bottom: 8px;
position: relative;
z-index: 1;
}
#site-footer-inner,
#site-footer-inner2 {
padding-top: 0;
padding-bottom: 0;
position: relative;
}
#site-footer-inner {
border-top: 2px solid #fdfdfd;
border-bottom: 2px solid #ccc;
background: #fafafa;
position: relative;
z-index: 1;
}
#site-footer-inner2 {
background: #ddd;
border-bottom: 2px solid #a0a0a0;
}
#site-footer-inner .column,
.page-template-front-page #site-footer-inner .sns-banners {
padding-top: 22px;
padding-bottom: 20px;
}
#site-footer-inner .column {
}
#site-footer-inner2 .column {
padding-top: 0;
padding-bottom: 0;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
#site-footer-inner .sns-banners ul {
list-style: none;
margin: 0 0 4px;
padding: 0;
text-align: right;
}
#site-footer-inner .sns-banners {
padding-top: 42px;
}
.sns-banners li {
display: inline-block;
margin: 0;
}
.sns-banners li .icon {
font-size: 45px;
font-size: 4.5rem;
line-height: 0.86;
display: inline-block;
width: 0.86em;
height: 0.86em;
overflow: hidden;
text-align: right;
vertical-align: bottom;
}
.sns-banners .icon:before {
font-family: "icon-font-1-2";
speak: none;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.sns-banners .facebook .icon:before {
color: #3765a4;
content: "\e91a";
}
.sns-banners .twitter .icon:before {
color: #5ea9de;
content: "\e91e";
}
.sns-banners p.desc {
font-size: 10px;
font-size: 1rem;
line-height: 1.5;
text-align: right;
}
.sns-banners p.desc:before,
.sns-banners p.desc:after {
font-family: "icon-font-1-2";
font-size: 110%;
speak: none;
content: "\e843";
margin: 0 2px;
}
.sns-banners p.desc:before {
display: none;
}
.wp_social_bookmarking_light {
background: #f0f0f0;
padding: 9px 4px 3px;
margin-top: 20px;
border-radius: 5px;
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
}
.wp_social_bookmarking_light div {
float: left;
line-height: 1.27272727;
margin: 0 2px;
}
.wp_social_bookmarking_light .fb-like {
margin: 0;
}
.wp_social_bookmarking_light img {
padding: 0;
margin: 0;
}
.wp_social_bookmarking_light_clear {
display: none;
}
#site-footer-inner .wp_social_bookmarking_light {
float: right;
clear: right;
margin: 0;
padding: 0;
background: none;
box-shadow: none;
}
.wp_social_bookmarking_light div {
display: inline-block;
float: none;
}
.wp_social_bookmarking_light div,
.wp_social_bookmarking_light iframe {
line-height: 18px !important;
height: 20px !important;
vertical-align: top !important;
}
#facebook-likebox {
float: right;
max-width: 500px;
}
.fb_iframe_widget {
vertical-align: bottom;
}
#facebook-likebox .fb-desc {
color: #fff;
text-align: center;
background: #777;
padding: 2px 6px 1px;
margin: 1px;
font-size: 10px;
font-size: 1rem;
line-height: 1.4;
}
#tagline-footer {
display: none;
}
#colophon dl,
#colophon dd {
margin: 0;
}
#colophon dt {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
#colophon dt span {
font-size: 14px;
font-size: 1.4rem;
}
#colophon dd {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.57142857;
}
#nav-site-info ul {
line-height: 1;
text-align: right;
}
#nav-site-info li {
display: inline-block;
margin: 0 0 0 -3px;
}
#nav-site-info li:first-child {
margin-left: 0;
}
#nav-site-info li a {
color: #333;
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
padding: 14px 6px 12px;
}
#nav-site-info li a:before {
content: "\e815";
font-size: 80%;
font-family: "icon-font-1-2";
display: inline-block;
speak: none;
margin-right: 3px;
vertical-align: 1px;
zoom: 1;
}
#nav-site-info li a:hover {
background: rgb(200, 200, 200);
background: rgba(0, 0, 0, 0.1);
}
#copyrights-footer {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 3.25;
display: block;
}
a#scroll-to-top {
background: rgba(45, 112, 179, 0.9);
font-size: 50px;
font-size: 5rem;
text-decoration: none !important;
width: 1em;
height: 0;
padding-top: 1em;
position: fixed;
right: 30px;
bottom: 30px;
cursor: pointer;
outline: 0;
overflow: hidden;
border-radius: 25px;
z-index: 1;
}
a#scroll-to-top:before {
color: #fff;
content: "\e807";
font-family: "icon-font-1-2";
speak: none;
display: inline-block;
text-align: center;
width: 1em;
line-height: 1;
position: absolute;
top: 0;
left: 0;
} #site-body {
background: #fafaf4;
border-top: 2px solid #e6e6e6;
border-bottom: 2px solid #e6e6e6;
}
.page-template-front-page #site-body {
background: #fff;
}
#main-column {
width: 750px;
float: right;
}
.page-template-front-page #main-column {
float: left;
}
.page-template-front-page #sidebar {
float: right;
}
.page-template-page-fullwidth #main-column {
width: 100%;
}
#border-main-side {
display: none;
}
#sidebar {
width: 270px;
float: left;
} .widget {
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
background: #fff;
padding: 4px 8px 10px;
border: 1px solid #e6e6e6;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.widget,
#blog-nav {
margin-bottom: 20px;
}
.widget:before {
content: "";
background: #2d86e2;
height: 4px;
border-radius: 0 0 4px 4px;
position: absolute;
top: 0;
left: 8px;
right: 8px;
}
.widget h2,
.widget h3 {
font-size: 1.7rem;
line-height: 1.25;
letter-spacing: normal;
margin: 0;
border: none;
box-shadow: none;
border-radius: 0;
}
.widget h2,
.widget h3,
h2.with-link a,
h3.with-link a {
color: #333;
display: block;
padding: 0.75em 0.75em 0.5em 1.625em;
background: url(//kamakko.info/wp-content/themes/kamakko/images/icon-megaphone2.png) no-repeat 6px center;
background-size: 18px auto;
position: relative;
}
.widget h2:after,
.widget h3:after {
display: none;
}
h2.with-link,
h3.with-link,
.page-template-front-page h2.with-link,
.page-template-front-page h3.with-link {
padding: 0 !important;
background-image: none;
}
h2.with-link a:hover,
h3.with-link a:hover {
text-decoration: none;
background-color: #ffa;
}
h2.with-link a:after,
h3.with-link a:after {
color: #555;
content: "\e811";
font-family: "icon-font-1-2";
speak: none;
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1;
position: absolute;
top: 50%;
right: 8px;
margin-top: -0.5em;
}
.widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget.back-main-archive {
padding-bottom: 0;
}
.widget.back-main-archive ul a {
border-bottom: none;
}
.widget li {
line-height: 1.25;
margin: 0;
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.widget li:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.widget li a {
color: #333;
display: block;
padding: 0.55em 0.375em 0.45em;
}
.widget li a .post-number {
margin-left: 0.125em;
}
.widget li a:before {
content: "\e815";
font-family: "icon-font-1-2";
font-size: 90%;
line-height: 1;
vertical-align: 1px;
color: #2772c0;
line-height: 1;
display: inline-block;
margin-right: 0.25em;
speak: none;
}
.widget li a:hover {
text-decoration: none;
background-color: #ffa;
}
.widget .current_page_item > a,
.widget .current-cat > a,
#menu-basic-nav .current_page_parent {
cursor: default;
background-color: #fafafa !important;
}
.widget h3.current_page_item > a:after {
color: #999;
}
.widget ul ul {
padding-left: 0.425em;
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.widget ul ul li {
font-size: 1.4rem;
}
.widget ul ul li:first-child {
border-top: none;
}
.widget ul ul li:last-child {
border-bottom: none;
}
.widget ul ul li a::before {
content: "\e806";
font-size: 100%;
vertical-align: 0;
margin-right: 0.25em;
}
.widget select {
font-size: 1.6rem;
display: block;
width: 100%;
}
.entry-content.blog-long-desc {
background-color: #ffa;
border: 1px solid #e6e6e6 !important;
border-radius: 6px !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
}
.blog-long-desc:before {
display: none;
}
#sidebar .widget_search .search-form {
display: flex;
}
#sidebar .search-form label {
display: block;
flex: 1 1 100%;
box-sizing: border-box;
}
#sidebar .widget_search .search-form .search-field,
#sidebar .widget_search .search-form .search-submit {
font-size: 1.6rem;
line-height: 1.5;
box-sizing: border-box;
appearance: none;
outline: none;
}
#sidebar .widget_search .search-form .search-field {
width: 100%;
padding: 0.25em 0.5em 0.125em;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px 0 0 4px;
}
#sidebar .widget_search .search-form .search-submit {
flex: auto;
background: rgba(0, 0, 0, 0.075);
border: 1px solid rgba(0, 0, 0, 0.125);
border-left-color: transparent;
border-radius: 0 4px 4px 0;
letter-spacing: 0.025em;
padding: 0.25em 0.675em 0.125em 0.625em;
}
.widget_archive {
position: relative;
}
.widget_archive select {
color: #333;
text-shadow: -1px -1px 0 rgba(255, 255, 255, 1);
appearance: none;
font-size: 1.6rem;
line-height: 1.75em;
padding: 0.25em 0.5em 0.125em;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
background: rgba(0, 0, 0, 0.025);
}
.widget_archive::after {
content: "\e848";
font-family: "icon-font-1-2";
color: rgba(0, 0, 0, 0.5);
text-shadow: -1px -1px 0 rgba(255, 255, 255, 1);
font-size: 1.3rem;
line-height: 1.2;
position: absolute;
bottom: 1.5em;
right: 1.75em;
} td.hiroba {
background: #ffffaa;
}
table.calendar td {
padding: 6px 4px 4px;
}
table.calendar td span {
padding: 2px 4px 0;
} #link-banner-side li {
margin-bottom: 9px;
}
.page-template-front-page #link-banner-side li.blog {
display: none;
}
#link-banner-side li img {
display: block;
}
#link-banner-side li img {
width: 100%;
height: auto;
}
#link-banner-side li img:hover {
opacity: 0.8;
} #top-banner-home {
color: #222;
background: #f6f6f3;
padding-top: 10px;
padding-bottom: 8px;
}
#top-banner-home #top-banner-home-inner {
background: #fff;
border: 1px solid #e8e8e8;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
width: auto;
padding: 10px;
margin: -15px !important;
}
#top-banner-home-inner h3 {
font-size: 24px;
font-size: 2.4rem;
padding-left: 14px;
}
.column.bg-megaphone {
background: url(//kamakko.info/wp-content/themes/kamakko/images/bg-megaphone.png) no-repeat right bottom;
background-size: 155px 146px;
background-origin: content-box;
}
.page-template-front-page #main-column .row {
margin: 0 -15px;
}
.page-template-front-page #main-column .column {
padding: 15px;
} .page-template-front-page .widget h2,
.page-template-front-page .widget h3,
.page-template-front-page h2.with-link a,
.page-template-front-page h3.with-link a {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.21052632;
background-size: 22px auto;
padding-left: 32px;
}
.page-template-front-page .widget ul li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
.post-list-widget .news-list {
height: 360px;
overflow-y: auto;
}
.post-list-widget li a {
line-height: 1.35714286em;
padding: 8px 0;
}
.post-list-widget li a:before {
display: none;
}
.post-list-widget li .thumb {
width: 5.4em;
float: left;
margin-right: 10px;
}
.post-list-widget li .header {
display: block;
margin-bottom: 2px;
}
.post-list-widget li .post-title:before {
margin-right: 3px;
}
.post-list-widget li .date {
font-size: 13px;
font-size: 1.3rem;
margin-left: 4px;
}
.post-list-widget li .category-label,
.post-list-widget li .sticky-label,
.post-list-widget li .new-label {
font-size: 11px;
font-size: 1.1rem;
line-height: 1;
}
.post-list-widget li .new-label {
font-size: 13px;
font-size: 1.3rem;
font-family: Arial, Helvetica, sans-serif;
color: #c00;
font-variant: small-caps;
vertical-align: 1px;
margin-left: 4px;
}
.post-list-widget li .category-label,
.post-list-widget li .sticky-label {
color: #fff;
white-space: nowrap;
display: inline-block;
padding: 3px 3px 1px;
vertical-align: 1px;
text-align: center;
}
.post-list-widget li .category-label {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
background-color: #2e88e5; margin-right: 0.5em;
}
.post-list-widget li .category-label.category-information {
background-color: #e69094;
}
.post-list-widget li .category-label.category-otayori {
background-color: #7ebf7e;
}
.post-list-widget li .category-label.category-event {
background-color: #e5ba66;
}
.post-list-widget li .category-label.category-updates {
background-color: #74a0d9;
}
.post-list-widget li .sticky-label {
color: #111;
background-color: #e0e0e0;
text-shadow: none;
}
.post-list-widget li .sticky-label:before {
margin-right: 2px;
}
.post-list-widget li .sticky-label:after {
margin-left: 2px;
}
.post-list-widget li .excerpt {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.53846154;
margin-top: 2px;
}
.post-list-widget li.index-link a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
text-align: center;
padding: 4px 0 2px;
background: #fafafa;
}
.post-list-widget li.index-link a:hover {
background: #ffa;
}
.post-list-widget li.index-link a:before {
content: "\e815";
font-family: "icon-font-1-2";
font-size: 13px;
font-size: 1.3rem;
display: inline-block;
speak: none;
margin-right: 3px;
vertical-align: 1px;
} .featured-post-label {
font-size: 14px;
font-size: 1.4rem;
margin-left: 0.5em;
vertical-align: 0.2em;
white-space: nowrap;
}
.page-header {
position: relative;
padding: 0;
margin-bottom: 15px;
background: #fff;
border-radius: 6px;
overflow: hidden;
border: 1px solid #e6e6e6;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
.page-header .entry-title {
color: #333;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.32142857;
font-weight: normal;
letter-spacing: 1px;
background: #fff url(//kamakko.info/wp-content/themes/kamakko/images/icon-megaphone2.png) no-repeat 14px center;
background-size: 30px auto;
padding: 22px 14px 16px 50px;
margin: 0;
border-bottom: 1px solid #e8e8e8;
position: relative;
}
.page-header.blog .entry-title {
padding-right: 200px;
position: relative;
}
.page-header .entry-title:before {
content: "";
background: #2d86e2;
height: 4px;
border-radius: 0 0 4px 4px;
position: absolute;
top: 0;
left: 8px;
right: 8px;
}
.page-header.blog .entry-title .page-icon {
width: 168px;
height: auto;
position: absolute;
right: 10px;
top: 50%;
margin-top: -25px !important;
}
.breadcrumbs {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.33333333;
padding: 4px 10px 4px;
background: #f9f9f9;
}
.page-header.image-title .breadcrumbs {
padding: 4px 12px 3px 96px;
background: #f9f9f9;
background: rgba(249, 249, 249, 0.5);
}
.breadcrumbs .home {
text-transform: uppercase;
}
.breadcrumbs .home:before,
.breadcrumbs .icon-separator:before {
font-family: "icon-font-1-2";
font-style: normal;
display: inline-block;
speak: none;
}
.breadcrumbs .home:before {
color: #666;
content: "\e84d";
vertical-align: 1px;
margin-right: 3px;
}
.breadcrumbs .icon-separator:before {
content: "\e811";
margin: 0;
font-size: 13px;
font-size: 1.3rem;
}
.page-header .entry-title span {
font-size: 66.666667%;
letter-spacing: normal;
margin-left: 0.75em;
}
.page-header.blog .entry-title span {
display: block;
margin: 2px 0 0;
}
.archive-content article,
.single article {
background: #fff;
border: 1px solid #e6e6e6;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
overflow: hidden;
margin-top: 20px !important;
}
.archive-content article + article,
.single article + article {
margin-top: 30px !important;
}
.entry-content {
padding: 24px 20px;
background: #fff;
border-radius: 6px;
overflow: hidden;
border: 1px solid #e6e6e6;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.archive-content .entry-content,
.single .entry-content {
border-radius: 0;
border: none;
box-shadow: none;
}
article.blog .entry-header,
article.post .entry-header {
position: relative;
}
.entry-header:before {
content: "";
background: #2d86e2;
height: 4px;
border-radius: 0 0 4px 4px;
position: absolute;
top: 0;
left: 8px;
right: 8px;
}
.entry-header .entry-title {
color: #333;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
line-height: 1.25;
letter-spacing: 1px;
padding: 20px 20px 14px;
margin: 0;
border-bottom: 2px solid #e3e3e3;
}
.single .entry-content,
.archive-content .entry-content {
padding: 24px;
border-radius: 0;
}
.more-link .meta-nav {
margin-left: -2px;
}
.more-link .meta-nav:before {
content: "\e842";
font-family: "icon-font-1-2";
font-size: 120%;
vertical-align: -1px;
speak: none;
}
.single .entry-footer,
.archive-content .entry-footer {
background: #fafafa;
font-size: 13px;
font-size: 1.3rem;
padding: 10px 24px;
border-top: 2px solid #ddd;
} .nav-single {
margin: 15px -4px 0;
overflow: hidden;
}
.nav-previous,
.previous-image {
float: left;
width: 50%;
box-sizing: border-box;
}
.nav-next,
.next-image {
float: right;
width: 50%;
box-sizing: border-box;
}
.nav-single .nav-previous,
.nav-single .nav-next {
padding: 4px;
}
.nav-single .meta-nav {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
display: block;
}
.nav-single .meta-nav:before,
.nav-single .meta-nav:after {
content: "-";
margin: 0 3px;
}
.nav-single .nav-previous a,
.nav-single .nav-next a {
color: #fff;
text-decoration: none;
display: block;
padding: 14px 12px 8px;
background: #2d86e2;
border-bottom: 3px solid #2671be;
border-radius: 4px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
.nav-single .nav-previous a:hover,
.nav-single .nav-next a:hover {
background: #4a97e6;
}
.nav-single .nav-previous a:before,
.nav-single .nav-next a:before {
content: "";
background: #2d86e2;
height: 4px;
border-radius: 0 0 4px 4px;
position: absolute;
top: 0;
left: 8px;
right: 8px;
}
.nav-single .nav-previous .post-title,
.nav-single .nav-next .post-title {
display: block;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.4;
} .paging-navigation {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
margin-top: 15px;
}
.paging-navigation .page-numbers {
display: inline-block;
line-height: 22px;
text-align: center;
padding: 6px 1px 4px;
margin: 2px 1px;
background: #fff;
border: 1px solid #e6e6e6;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
width: 2.2em;
}
.paging-navigation.single-paging .page-numbers {
border: 1px solid #e6e6e6;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
margin: 2px 3px;
}
.paging-navigation .page-numbers.current,
.paging-navigation.single-paging > span.page-numbers {
color: #fff;
vertical-align: -1px;
background: #808080;
border-color: #808080;
box-shadow: none;
}
.paging-navigation.single-paging .page-links-title {
margin-left: -2.5em;
}
.paging-navigation a.page-numbers:hover,
.paging-navigation > a:hover .page-numbers {
text-decoration: none;
border: 1px solid #2374b4;
background: #2374b4;
color: #fff;
}
.paging-navigation .prev,
.paging-navigation .next {
font-size: 18px;
font-size: 1.8rem;
padding: 4px 0 6px;
width: 1.8em;
} .author .archive-header {
margin-bottom: 24px;
}
.author-info {
border-top: 1px solid #ededed;
margin: 24px 0;
padding-top: 24px;
overflow: hidden;
}
.author-description p {
color: #757575;
font-size: 13px;
line-height: 1.846153846;
}
.author.archive .author-info {
border-top: 0;
margin: 0 0 48px;
}
.author.archive .author-avatar {
margin-top: 0;
} dl.contents-table {
background: #e6f0fa;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.28571429;
padding: 10px 10px 8px;
margin: 0 -2px 12px;
border-radius: 6px;
box-shadow: -1px -1px 1px rgba(134, 140, 146, 0.25);
position: relative;
}
dl.contents-table dt,
dl.contents-table dd {
margin: 0;
}
dl.contents-table dt:after {
content: "：";
}
dl.contents-table dd ul {
padding: 0;
margin: 0;
list-style: none;
}
dl.contents-table dd ul:after {
content: "";
display: block;
clear: both;
height: 0;
}
dl.contents-table dd li {
float: left;
margin: 4px 4px 0 0 !important;
}
dl.contents-table dd li a {
display: block;
background: #fff;
white-space: nowrap;
padding: 0.4em 0.6em 0.2em;
border: 1px solid #ccc;
border-radius: 4px;
position: relative;
}  #main-column .gm-style img,
#main-column .gmsc img {
max-width: none !important;
box-shadow: none !important;
border-radius: none !important;
} .gsc-control-cse table,
.gsc-control-cse table th,
.gsc-control-cse table td {
border: none;
}
.gsc-control-cse table {
margin: 0;
}
.gsc-control-cse table th,
.gsc-control-cse table td {
padding: 0 0 0 0;
}
.cse .gsc-control-cse,
.gsc-control-cse {
padding: 0 !important;
}
.gs-result .gs-title,
.gs-result .gs-title b {
text-decoration: none !important;
line-height: 1.4 !important;
}
.gsc-webResult .gsc-result {
padding: 20px 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.gsc-control-cse .gsc-table-result {
font-family: inherit !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.gs-result .gs-title:hover {
text-decoration: underline !important;
}
.gsc-cursor-box {
margin-top: 1.5em !important;
} .gsc-results .gsc-cursor-box .gsc-cursor-page {
color: #fff !important;
font-weight: bold;
background: #63a2e2;
padding: 3px 6px 2px;
margin-right: 6px !important;
border: 1px solid #e3e3e3;
}
.gsc-cursor-box .gsc-cursor-page:hover {
background: #ed8e8e;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
color: #333 !important;
background: none !important;
border: none !important;
padding: 0 2px;
}
.gs-result img.gs-image {
box-sizing: border-box !important;
}
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
height: 52px !important;
}  @media print {
#site-header,
#site-footer,
#sidebar {
display: none;
}
#main-column {
float: none;
}
#site-body-inner {
width: auto;
}
.wrapper {
min-width: 0;
}
#site-body {
background: #fff;
border: none;
}
}.display-block-only-mb,
.display-inline-only-mb,
.display-inline-block-only-mb,
.display-inline-only-sp,
.display-inline-block-only-sp,
.display-block-only-sp {
display: none;
}
@media screen and (max-width: 767px) {
.display-inline-only-mb {
display: inline;
}
.display-inline-block-only-mb {
display: inline-block;
}
.display-block-only-mb {
display: block;
}
.display-only-dt {
display: none;
}
.wrapper {
min-width: 0;
}
input,
textarea {
padding: 6px 6px 4px;
font-size: 1.6rem;
line-height: 1.5;
}
.column,
.row {
width: auto !important;
float: none !important;
}
.column {
padding: 10px !important;
}
.entry-content {
padding: 16px 12px;
}
#site-header {
padding-top: 5px;
}
#site-title {
width: auto !important;
height: auto !important;
float: left !important;
padding: 28px 25px 12px !important;
position: static;
background-size: contain !important;
background-position: center bottom !important;
}
#site-title img {
display: inline-block;
width: 300px;
height: auto;
position: static;
vertical-align: bottom;
}
#site-functions-header {
display: none;
padding: 0 !important;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#tagline-header {
float: right !important;
width: 108px !important;
height: 70px;
margin: 35px 25px 0 !important;
background: url(//kamakko.info/wp-content/themes/kamakko/images/image-tortoise.png) no-repeat right bottom;
background-size: contain;
}
#tagline-header img {
display: none;
}
.home.page #notice-board {
margin-bottom: -10px;
}
#site-body {
padding-top: 0;
padding-bottom: 0;
}
#site-body #main-column,
#site-body #sidebar {
width: auto !important;
float: none;
}
body #site-body #sidebar {
margin-top: 15px;
position: relative;
}
#site-body #sidebar:before {
content: "";
display: block;
width: 100%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.alignleft,
.alignright {
max-width: 46%;
margin-bottom: 5px;
}
.alignleft {
margin-right: 12px;
}
.alignright {
margin-left: 12px;
} #global-nav-header {
background: #f6f5f4;
border-bottom: none;
position: relative;
overflow: hidden;
}
#responsive-nav-toggle {
color: #fff;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
font-size: 1.6rem;
line-height: 1.33333333;
text-align: center;
background: #2d86e2;
display: block;
width: 100%;
padding: 10px 0 6px;
border: none;
border-bottom: 4px solid #2671be;
position: relative;
-webkit-font-smoothing: subpixel-antialiased;
}
#responsive-nav-toggle:before {
content: "\e891";
letter-spacing: 2px;
display: inline-block;
font-family: "icon-font-1-2";
font-size: 100%;
speak: none;
margin-right: 3px;
}
#responsive-nav-toggle.toggled-on {
background: #297acc;
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 3px solid rgba(0, 0, 0, 0.08);
}
#responsive-nav-toggle:after {
content: "\e953";
display: inline-block;
font-family: "icon-font-1-2";
font-size: 100%;
speak: none;
font-size: 1.6rem;
line-height: 1.5;
width: 1.5em;
height: 1.5em;
text-align: center;
margin-right: 0;
}
#responsive-nav-toggle.toggled-on:after {
content: "\e8f0";
background: rgba(0, 0, 0, 0.25);
margin-left: 2px;
}
#responsive-nav {
display: none;
background: #fff;
padding: 15px;
margin: 0 10px 15px !important;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
left: 8px;
right: 8px;
}
.no-js #responsive-nav,
#responsive-nav.toggled-on {
display: block;
}
#main-menu-header {
background: #fff;
padding: 0;
border-top: 1px solid #ddd;
}
#main-menu-header li {
float: none;
}
#main-menu-header > li {
border-bottom: 1px solid #ddd;
}
#main-menu-header a,
#main-menu-header > li:hover > a,
#main-menu-header > li > a:hover {
background: #fff !important;
}
#main-menu-header > li > a,
#main-menu-header .sub-menu li a {
color: #333 !important;
text-shadow: none !important;
}
#main-menu-header > li > a {
font-size: 1.4rem;
line-height: 1.42857143;
padding: 12px 8px !important;
}
#main-menu-header .sub-menu li a {
font-size: 1.3rem;
line-height: 1.57142857;
padding: 8px 8px !important;
}
#main-menu-header > li > a:before,
#main-menu-header .sub-menu li a:before {
display: none;
box-shadow: none;
background: none;
}
#main-menu-header > li.current-menu-item > a,
#main-menu-header > li.current-menu-ancestor > a {
background: rgba(0, 0, 0, 0.05);
}
#main-menu-header.toggled-on {
display: block;
}
#main-menu-header li:hover > .sub-menu {
display: none;
}
#main-menu-header li > .sub-menu.toggled-on {
display: block;
}
#main-menu-header .sub-menu {
position: static;
width: auto;
padding-left: 8px !important;
border: none !important;
border-top: 1px solid #ddd !important;
box-shadow: none;
}
#main-menu-header .sub-menu li {
border: none;
border-top: 1px solid #ddd;
}
#main-menu-header .sub-menu li:first-child {
border: none;
}
#main-menu-header .menu-item-has-children > a,
#main-menu-header .sub-menu .menu-item-has-children > a {
padding-right: 42px !important;
}
.dropdown-toggle {
display: block !important;
background-color: transparent;
width: 40px;
height: 0;
box-sizing: content-box;
padding: 46px 0 0;
border: 0;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
}
.dropdown-toggle:after {
color: #333;
font-family: "icon-font-1-2";
content: "\e804";
font-size: 28px;
line-height: 46px;
position: absolute;
speak: none;
top: 0;
left: 0;
width: 40px;
}
.sub-menu .dropdown-toggle:after {
font-size: 24px;
line-height: 36px;
}
.dropdown-toggle:focus {
outline: 1px solid #c1c1c1;
outline: 1px solid rgba(51, 51, 51, 0.3);
}
.dropdown-toggle.toggle-on:after {
content: "\e807";
}
#main-menu-header:before,
#main-menu-header > li:last-child > a:after {
display: none;
}
#global-nav-header #cse-search-box {
margin-top: 10px;
display: block;
text-align: center;
}
#global-nav-header #cse-search-box .search-submit {
display: none;
}
#global-nav-header #cse-search-box .search-text {
width: 100%;
box-sizing: border-box;
font-family: "icon-font-1-2", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333;
font-size: 1.5rem;
line-height: 1.4;
padding: 8px 8px 6px;
border: 1px solid #ccc;
border-radius: 4px;
}
#top-banner-home {
padding: 0 !important;
}
#top-banner-home-inner {
padding: 0 !important;
}
.column.bg-megaphone {
background-size: 120px auto;
padding: 12px;
}
.ms-parent-id-2 {
border: none !important;
box-shadow: none !important;
}
#site-body {
padding-bottom: 0;
}
#site-body #main-column {
padding-bottom: 0;
margin: 0 !important;
}
.widget select {
font-size: 1.6rem;
border-color: #999;
}
#link-banner-side ul {
margin: 0 -5px;
}
#link-banner-side li {
float: left;
width: 33.3333333%;
padding: 5px;
margin: 0;
box-sizing: border-box;
}
.page.home #link-banner-side li.blog {
display: block;
}
#site-footer {
padding-bottom: 32px;
}
#site-footer .column {
text-align: center;
}
#site-footer-inner {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#site-footer-inner .column {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
#site-footer-inner .sns-banners ul,
#site-footer-inner .sns-banners .icon,
#site-footer-inner .wp_social_bookmarking_light,
#site-footer-inner .sns-banners p.desc {
text-align: center;
float: none;
}
#site-footer-inner .sns-banners p.desc:before {
display: inline;
}
#facebook-likebox {
text-align: center;
margin-left: auto;
margin-right: auto;
}
#colophon dt {
font-size: 1.4rem;
line-height: 1.42857143;
}
#colophon dd {
font-size: 1.3rem;
line-height: 1.46153846;
margin-bottom: 2px;
}
#nav-site-info {
padding: 6px 8px !important;
}
#nav-site-info ul {
text-align: center;
}
#nav-site-info li a {
padding: 6px 4px 4px !important;
}
#copyrights-footer {
line-height: 1;
padding-bottom: 20px !important;
}
a#scroll-to-top {
background: rgba(45, 112, 179, 0.9);
font-size: 4rem;
width: 1em;
height: 0;
padding-top: 4rem;
position: fixed;
right: 10px;
bottom: 10px;
cursor: pointer;
outline: 0;
overflow: hidden;
border-radius: 20px;
}
a#scroll-to-top:before {
color: #fff;
content: "\e807";
font-family: "icon-font-1-2";
speak: none;
display: inline-block;
text-align: center;
width: 1em;
line-height: 1;
position: absolute;
top: 0;
left: 0;
}
.page-header .entry-title {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.23076923;
background-size: 22px auto;
background-position: 11px center;
padding: 16px 16px 10px 36px;
position: relative;
}
.page-header.blog .entry-title {
background-image: none;
padding: 18px 58px 12px 16px;
}
.page-header.blog .entry-title .page-icon {
display: block;
width: 48px;
height: 48px;
margin-top: -22px !important;
background: url(//kamakko.info/wp-content/themes/kamakko/images/icon-page-header-blog2.png) no-repeat right center;
background-size: 48px auto;
}
.page-header.blog .entry-title .page-icon img {
display: none;
}
.entry-header .entry-title {
padding: 16px 14px 12px;
letter-spacing: normal;
}
.single .entry-content,
.archive-content .entry-content {
padding: 15px;
}
.single .entry-footer,
.archive-content .entry-footer {
padding: 12px;
}
.nav-single {
margin: 15px 0 0;
}
.nav-single .nav-previous,
.nav-single .nav-next {
float: none !important;
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 567px) {
#site-title {
padding-left: 15px !important;
padding-right: 10px !important;
}
#tagline-header {
margin-left: 10px !important;
margin-right: 15px !important;
}
.entry-content {
padding: 12px 10px;
}
.paging-navigation a,
.paging-navigation .page-numbers {
line-height: 20px;
padding: 4px 0 2px;
margin: 2px 0px;
width: 2em;
}
.page-numbers.dots {
width: auto;
background: none;
border: none;
box-shadow: none;
}
.paging-navigation .prev,
.paging-navigation .next {
padding: 3px 0 3px;
width: 1.5em;
}
} @media screen and (max-width: 459px) {
#site-title {
background-size: contain;
width: 320px;
float: none !important;
margin: 0 auto !important;
text-align: center;
}
#site-title img {
width: 280px;
margin-left: 5px;
}
#tagline-header {
display: none;
}
#responsive-nav {
left: 6px;
right: 6px;
}
#link-banner-side ul {
margin: 0 -2px;
}
#link-banner-side li {
float: left;
width: 50%;
padding: 2px;
margin: 0;
box-sizing: border-box;
}
.display-inline-only-sp {
display: inline;
}
.display-inline-block-only-sp {
display: inline-block;
}
.display-block-only-sp {
display: block;
}
}