/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
/* html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
} */
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:underline;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
/* .wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
} */
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('https://kkpk.jp/wp/wp-content/themes/kkpk/fonts/font-name.eot');
	src:url('https://kkpk.jp/wp/wp-content/themes/kkpk/fonts/font-name.eot#iefix') format('embedded-opentype'),
		url('https://kkpk.jp/wp/wp-content/themes/kkpk/fonts/font-name.woff') format('woff'),
		url('https://kkpk.jp/wp/wp-content/themes/kkpk/fonts/font-name.ttf') format('truetype'),
		url('https://kkpk.jp/wp/wp-content/themes/kkpk/fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/* kkpk style */

html,body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Noto Sans JP', sans-serif;
}
img {width: 100%;}
img,a {
transition: 0.7s ;
}
a img:hover {
opacity: 0.8;
}
h1 {
}
h2 {
    font-family: 'Dela Gothic One', cursive;
    font-size: 3em;
    font-weight: 300;
    text-align: center;
    margin: 0;
    line-height: 1em;
}
h2 img {
max-width: 60px;
}
h3 {
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    margin: 12px 0 40px 0;
}
h4 {
/*font-family: 'M PLUS 1p', sans-serif;*/
font-weight: 700;
font-size: 1.2em;
    text-align: center;
    transform: rotate(0.05deg);
}
h5 {
/*font-family: 'M PLUS 1p', sans-serif;*/
font-weight: 700;
font-size: 0.85em;
    text-align: center;
    transform: rotate(0.05deg);
}
header {
    position: fixed;
    z-index: 99;
    height: 70px;
    top: 0;
    width: 100%;
    /* display: grid; 
    grid-template-columns: 130px 1fr;*/
    padding: 0;
    background:#00646e;
}
header h1 {
    margin: 0;
float: left;
padding: 8px 10px 0 20px;
}
header h1 a {
display: flex;
}
header h1 img {
    /* width: 130px; */
    width: 60px;
}
header nav {
}
header nav ul {
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; */
    list-style: none;
    margin: 0;
    padding: 25px 20px 0 0;
    overflow: hidden;
    float: right;
}
header nav ul li {
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 400;
    float: left;
    padding: 0 10px;
    transform: rotate(0.05deg);
}
header nav ul li a {
        text-decoration: none;
    color: #fff;
    font-size: 0.95em;
}
header nav ul li a:hover {
    color: #999;
}
header div {
    float: right;
    width: 100px;
    padding: 10px 20px 0;
}
.wrapper {
    width: 100%;
    padding: 0;
    /* background: #c4e6a369; */
    margin: 70px 0 0 0;
}
section {
    width: 100%;
    padding: 0;
    /*background: #fcdff3;*/
}
section p {
    /* font-family: 'Noto Sans JP', sans-serif; */
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 20px 0;
}
#kkpktop {
        background: #fff;
    overflow: hidden;
    position: relative;
        padding: 0;
        z-index: 1;
        height: 100vh;
        max-height: 650px;
        background-image: url(../../../../images/kkpkphoto0001.jpg);
            background-position: 90% 20%;
    background-size: cover;
}
#kkpktop .w1000 {
    white-space: nowrap;
position: absolute;
width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#kkpktop img {
display: block;
}
#kkpktop p {
font-family: 'Dela Gothic One', cursive;
font-weight: 400;
font-size: 2.25em;
line-height: 1.2em;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
text-shadow: 3px 3px 2px #000;
}
#kkpktop div.kkpk {
    max-width: 650px;
    margin: 0 auto;
}
.kkpk2 {
        text-align: center;
}
#kkpktop div.kkpk2 p {
    font-family: 'Kosugi Maru', sans-serif;
    font-size: 1.5em;
    line-height: 1.3em;
    text-align: center;
    background: rgba(0,100,110,0.5);
    padding: 20px;
    margin: 0 15px;
    display: inline-block;
}
#kkpktop div.kkpk2 h3 {
font-family: 'Kosugi Maru', sans-serif;
    font-size: 3em;
    color: #fff;
    letter-spacing: 4px;
    text-shadow: 3px 3px 2px #333;
    margin: 25px 0 25px 0;
}
.w1000 {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    z-index: 8;
    position: relative;
}
#declaration {
background: #ef8564;
    position: relative;
    z-index: 1;
}
#NEWSARCHIVES {
	    background: #0b626b;
    position: relative;
    padding: 50px 20px;
}
#NEWSARCHIVES .newsbox {
}
#NEWSARCHIVES h2 {
    padding: 0 0 30px 0;
    color: #fff;
}
.home .newsbox article.tablet .date {
    font-size: 0.8em;
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
}
.home .newsbox article.tablet .singletitle a {
	color: #000;
	font-size: 0.9em;
}
.home .newsbox article.tablet .singletitle a:hover {
    color: #999;
    text-decoration: none;
}
#NEWS {
    background: #0b626b;
        position: relative;
            padding: 50px 30px;
}
section#NEWS {
    width: auto;
}
#NEWS h2 {
        padding: 0 0 30px 0;
        font-size: 2em;
            color: #fff;
    letter-spacing: 2px;
}
#NEWS .newscolumn {
    display:grid;grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 0 0 80px 0;
}
#IGFEED {
    position: relative;
    padding: 50px 0;
}
#IGFEED h2 {
    padding: 0 0 25px 0;
}
#HOWTOUSE {
    background: #eee;
        position: relative;
            padding: 50px 0;
}
#HOWTOUSE h2 {
        padding: 0 0 30px 0;
}
#PRICE {
    background: #fff;
        position: relative;
            padding: 50px 0;
}
#PRICE h2 {
        padding: 0 0 30px 0;
}
#ACCESS {
        padding: 50px 0;
        background: #eee;
        z-index: 3;
}
#ACCESS h2 {
        padding: 0 0 30px 0;
}
#ACCESS p {
    font-size: 0.9em;
}
#ACCESS p strong {
    color: #000;
}
#ACCESS .map-wrapper {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin: 0 0 20px 0;
}
#ACCESS .map-wrapper iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#ACCESS iframe,
#ACCESS object,
#ACCESS embed {
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
  -ms-filter: grayscale(50%);
  -o-filter: grayscale(50%);
  filter: grayscale(50%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all  0.7s ease;
}

#ACCESS iframe:hover,
#ACCESS object:hover,
#ACCESS embed:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
#SCHOOL {
    background: #fff;
        position: relative;
            padding: 50px 0;
}
#SCHOOL h2 {
        padding: 0 0 30px 0;
}
h5 span {
        font-weight: 400!important;
}
#SCHOOL p.douisho {
	font-size: 1em;
    text-align: center;
    background: #00646e7d;
    display: table;
    padding: 10px 20px;
    margin: 0 auto 30px auto;
}
#ATTENTION {
    background: #fff;
        position: relative;
            padding: 50px 0;
}
#ATTENTION h2 {
        padding: 0 0 30px 0;
}
#ATTENTION p.douisho {
	font-size: 1em;
    text-align: center;
    background: #00646e7d;
    display: table;
    padding: 10px 20px;
    margin: 0 auto;
}

#ATTENTION a,#SCHOOL a {
	color:blue;
	text-decoration:underline;
}
#ATTENTION a:hover,#SCHOOL a:hover {
	text-decoration:none;
}

footer {
    text-align: center;
    padding: 20px;
    background: #00646e;
}
footer p {
    /* font-family: 'Noto Sans JP', sans-serif; */
    color: #fff;
}
footer .about{
    color: #fff;
    font-size: 0.85em;
    text-align: left;
        margin: 0 0 50px 0;
}
footer .copy {
        font-size: 0.75em;
    padding: 0;
    margin: 0px;
}
.globalMenuSp .about {
    color: #fff;
    font-size: 0.75em;
    text-align: left;
    overflow: hidden;
    padding: 20px;
}
#HOWTOUSE h4,#SCHOOL h4 {
    text-align: left;
    margin: 0 0 30px 0;
}
.school01,.school02,.school03 {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    margin: 0 0 50px 0;
}
.schoolimg {
}
.school_r {
    /*font-size: 0.75em;*/
}
#kkpktop .w1000 img {
    margin: 0 auto 30px auto;
}
#SCHOOL h2 span {
    color: #cc0000;
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
}
#NEWS .openingnews { 
display:grid;
    grid-template-columns: 300px 1fr;
    grid-gap: 15px;
    margin: 0;
    color: #fff;
}
#NEWS .w1000 {
    border: solid 1px #fff;
    padding: 30px;
}
.spnavsns {
    display:grid;
    grid-template-columns: 1fr 1fr;
        width: 30%;
    margin: 0 auto;
}
.spnavsns a {
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
}
#ATTENTION h3 {

}
#ATTENTION h4 {

}
#ATTENTION ul {
    margin-bottom: 60px;
}
#ATTENTION ul li,#ATTENTION p {
font-size: 0.8em;
}
#CONTACT {
        padding: 50px 0;
        background: #eee;
        z-index: 3;
}
#CONTACT h2 {
        padding: 0 0 30px 0;
}
#CONTACT .w1000 {
    padding: 15px;
}
#CONTACT form p {
	text-align: left;
    margin: 0 0 20px 0;
}
#CONTACT .contactcaptchac {
	    width: 200px;
    text-align: center;
    margin: 0 auto 30px auto;
}
#CONTACT .contactcaptchac img {
    width: auto;
    margin: 0 0 5px 0;
}
/*NEWS*/
#news {
    background: #fff;
    padding: 30px;
    margin-bottom: 60px;
    text-align: center;
    max-width: 980px;
    margin: 0 auto;
}
.news h1 {
    font-family: Teko-Regular;
    font-size: 3em;
    display: flex;
    letter-spacing: 1.5px;
    font-weight: 400;
    padding: 80px 0 40px 0;
    margin: 0 auto;
    color: #111;
    max-width: 680px;
}
.news h1:before,
.news h1:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #111;
}
.news h1:before {
    margin: 30px 20px 30px 0;
}
.news h1:after {
    margin: 30px 0 30px 20px;
}
#news .view-article {
    display: none;
}
#news article {
    position: relative;
    background: #eaeaea;
    padding: 40px;
    display: inline-block;
    margin: 0 0 20px 0;
    transition: 0.6s ;
    text-align: left;
    width: 100%;
}
#news article a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    transition: 0.6s ;
}
#news article a:hover {
    border: 1px #999 solid;
}
#news article h2 {
    margin: 0;
    font-size: 1.2em;
    background: linear-gradient(transparent 85%, #fff100b5 85%);
    padding: 0;
    display: inline;
}
#news article.post img {
    float: left;
    margin-right: 20px;
}
#news article .date {
    font-size: 0.9em;
    margin: 5px 0 20px 0;
}
body.single {
background: #eee;
}
.single .wrapper {
        /* margin-top: 80px;
        max-width: 1280px; */
}
.single .newssingle {
        max-width: 1280px;
        margin: 70px auto 0 auto;
}
.single .newssingle,.single .newssingle section {
overflow: hidden;
}
.single .newsbox {
        width: 300px;
        float: left;
        background: #fff;
        padding: 20px;
        margin: 20px 20px 60px 20px;
        color: #000;
}
.single .newsbox h2 {
    font-size: 2em;
    display: flex;
    letter-spacing: 1.5px;
    font-weight: 400;
    padding: 0;
    margin: 0 0 20px 0;
}
.single .newsbox h2:before,
.single .newsbox h2:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #00646e;
}

.single .newsbox h2:before {
    margin: 20px 10px 20px 0;
}

.single .newsbox h2:after {
    margin: 20px 0 20px 10px;
}
.single .newsbox div {
        margin-bottom: 20px;
    border-bottom: 1px dotted #eee;
}
.single .newsbox .date {
    font-size: 0.8em;
    margin: 5px 0 0 0;
    padding: 0;
}
.single .newsbox .singletitle {
        margin: 5px 0 15px;
    font-size: 0.9em;
}
.single .newsbox .singletitle a {
color: #000;
}
.single .newsbox .singletitle a:hover {
color: #999;
text-decoration: none;
}
.single .newsbox article.tablet img {
}
.single .newsbox article.tablet img:hover {
    opacity: 0.7;
}
.single article.post {
	width: 100%;
    max-width: calc(100% - 360px);
    float: left;
    background: #fff;
    padding: 40px;
    margin: 20px 0 60px 20px;
}
.single article.post a {
    color: #666;
    text-decoration: underline;
}
.single article.post a:hover {
    color: #999;
    text-decoration: none;
}
    .single article .date {
font-size: 0.85em;
    margin: 10px 0 40px 0;
} 
.single article img {
width: auto; height: auto;
}
.single article h1 {
    font-size: 1.75em;
    background: linear-gradient(transparent 85%, #00646e7d 85%);
    padding: 0;
    display: inline;
}
/* .home .newsbox {
	    width: auto;
float: inherit;
    background: #fff;
    padding: 20px;
    margin: 20px;
    color: #000
} */
.home .newsbox article.tablet {
display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
        margin: 0 auto;
    /* max-width: 980px; */
}
.home article.tablet img {
    width: 100%;
    height: auto;
}
.home .newsbox div {
    /* margin-bottom: 20px; */
    border-bottom: none;
    background: #fff;
    padding: 10px 10px 0 10px;
}
.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("https://kkpk.jp/video/videoover07.png") repeat;
}

.video-container video {
  position: absolute;
  /* top: 50%; */
  transform: translatex(-50%);
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}
.tabl {
    display: block;
}
.sb_instagram_header {
	/*display: none;*/		
}
.sbi_load .sbi_follow_btn a {
	    background: rgb(12 12 12);
}
.freeskatecalender {
	width: 100%;
	height: 600px;
    margin: 0 0 100px 0;
    /*display: none;*/
}
.pc {
    display: block;
}
.sp {
    display: none;
}

@media only screen and (max-width:1200px) {
#kkpktop div.kkpk {
   /*  max-width: 500px; */
}
#kkpktop div.kkpk2 p {
    font-size: 1.35em;
}
#kkpktop div.kkpk2 h3 {
    font-size: 2.75em;
}

}

@media only screen and (max-width:980px) {
#kkpktop div.kkpk {
    max-width: 70%;
}
#kkpktop div.kkpk2 p {
    font-size: 1.1em;
}
#kkpktop div.kkpk2 h3 {
    font-size: 2.15em;
    margin: 18px 0 18px 0;
}
#NEWS .newscolumn {
    display:grid;grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    margin: 0 0 50px 0;
}
.school01,.school02,.school03 {
    grid-template-columns:1fr;
    grid-gap: 15px;
    margin: 0 0 50px 0;
}
/*NEWS*/
#news article {
    padding: 20px;
    font-size: 0.9em;
}
#news article h2 {
    font-size: 1.1em;
    background: linear-gradient(transparent 85%, #00646e7d 85%);
    padding: 0;
    display: inline;
}
#news article .date {
    font-size: 0.75em;
    margin: 5px 0 10px 0;
}
.single article.post {
    max-width: calc(100% - 40px);
    float: inherit;
    background: #fff;
    padding: 20px;
    margin: 20px 20px 60px 20px;
}
.single .newsbox {
	    width: auto;
float: inherit;
    background: #fff;
    padding: 20px;
    margin: 20px;
    color: #000
}
.single .newsbox article.tablet {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.single article.tablet img {
    width: 100%;
    height: auto;
}
.single .newsbox div {
    margin-bottom: 20px;
    border-bottom: none;
}
}


@media only screen and (max-width:768px) {
.tabl {
    display: none;
}
#kkpktop div.kkpk {
   /* max-width: 320px; */
}
#kkpktop div.kkpk2 p {
    font-size: 1em;
    text-align: left;
    padding: 10px;
}
#kkpktop div.kkpk2 h3 {
    font-size: 1.75em;
    margin: 20px 0 12px 0;
}
#kkpktop .w1000 {
    white-space: normal;
}
.pc {
    display: none!important;
}
.sp {
    display: block!important;
}
.wrapper {
    margin: 60px 0 0 0;
}
.hamburger {
  display : block;
  position: fixed;
  z-index : 999;
  right : 5px;
  top   : 10px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#000;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#000;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
nav.globalMenuSp {
  position: fixed;
  top  : 0;
  left : 0;
  z-index: 20;
  /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    color: #000;
  background: #00646e;
  text-align: center;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  transition: all 0.6s;
}
nav.globalMenuSp .splogo {
        max-width: 65%;
    margin: 30px 0 0 0;
}
nav.globalMenuSp ul {
margin: 20px auto 40px auto;
/* margin: 30px auto 50px auto; */
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  padding: 15px 0 0 0;
  text-decoration :none;
  font-size: 1.25em;
}
nav.globalMenuSp .infobanner {
    display: grid;
    grid-template-columns: none;
    grid-auto-columns: 1fr 1fr;
    grid-gap: 10px;
    float: inherit;
    margin: 0 auto;
    max-width: 48%;
}
nav.globalMenuSp.active {
  transform: translateX(0%);
}
header {
    height: 60px;
}
header h1 {
    margin: 0;
    float: left;
    padding: 5px 0 0 10px;
}
header h1 a {
display: flex;
}
header h1 img {
    /* width: 100px; */
    width: 52px;
}
header div {
    padding: 0;
    width: inherit;
    float: inherit;
}
#kkpktop .w1000 {
        width: 100%;
            top: 46%;
}
#kkpktop .w1000 img {
width: 100%;
}
#kkpktop p {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 10px 0 0 0;
    text-shadow: 2px 2px 1px #000;
}
#kkpktop .entryfree {
    width: 55px;
    height: 55px;
    font-size: 1em;
    position: absolute;
    line-height: 16px;
    letter-spacing: 4px;
    bottom: -20px;
    right: 40px;
}
#kkpktop .entryfree span {
    left: 0;
    width: 58px;
}
#kkpktop div.kkpk {
   /* max-width: 180px; */
}
#kkpktop div.kkpk2 h3 {
    font-size: 1.1em;
    margin: 10px 0 5px 0;
}
#declaration p {
    font-size: 1em;
}
h2 {
    font-size: 2em;
}
h2 img {
    max-width: 50px;
}
h3 {
    font-size: 1.35em;
    margin: 7px 0 40px 0;
}
h4 {
    font-size: 1.15em;
}
#NEWSARCHIVES .newsbox {
    padding: 0;
}
}
@media only screen and (max-width:640px) {
.home .newsbox article.tablet {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}
}
@media only screen and (max-width:520px) {
.single .newsbox article.tablet {
    display: inherit;
    grid-template-columns: inherit;
    grid-gap: inherit;
}
.single .newsbox div {
        margin-bottom: 20px;
    border-bottom: 1px solid #fff;
}
.single article h1 {
    font-size: 1.2em;
}
#news article.post img {
    margin-right: 0;
    width: 100%;
}
.home .newsbox article.tablet {
    grid-gap: 10px;
}
.home .newsbox article.tablet .date {
    font-size: 0.75em;
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
}
.home .newsbox article.tablet .singletitle {
	line-height: 1.1em;
}
.home .newsbox article.tablet .singletitle a {
	color: #000;
	font-size: 0.8em;
}
}
@media only screen and (max-width:414px) {
#kkpktop {
        max-height: 90vh!important;
}
#kkpktop div.kkpk {
    max-width: 90%;
}
#kkpktop div.kkpk2 p {
    font-size: 0.9em;
}
section p {
    /*font-size: 0.85em;*/
}
#NEWS {
    padding: 20px;
}
#NEWS h2 {
    font-size: 1.5em;
    letter-spacing: 1px;
}
#NEWS .openingnews {
    grid-template-columns: 1fr;
    margin: 0;
}
#NEWS .w1000 {
    padding: 15px;
}
}
/* /kkpk style */

/* Contact form */
.wpcf7 {
  max-width: 600px;
  margin: 0 auto;
}

.wpcf7-form {
  padding: 1.5rem;
}

.wpcf7 label, .wpcf7 input, .wpcf7 textarea {
  font-size: 16px;
}

.wpcf7 label {
  font-weight: bold;
  color: #000;
}

.wpcf7 input, .wpcf7 textarea {
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 4px;
   border: 3px solid #00646e7d; 
  padding: 12px;
  color: #545454;
  /*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
}

.wpcf7 input[type="submit"] {
  max-width: 200px;
  margin: 0 auto;
  display: block;
  background: #00646e;
  transition-property: all;
  transition: 0.2s ease-in;
  color: #fff;
}

.wpcf7 input[type="submit"]:hover {
  background: #2a9ba7;
  border-color: #2a9ba7;
  color: #fff;
}
/* /Contact form */