/*
Theme Name: tokugawajudoclub.com
Author: Teruhisa Osawa
Version: 1.0
*/

*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:pretty}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

*{
box-sizing:border-box;
}
html, body {
height:100%;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-feature-settings : "palt"
}
body{
margin:0;
font-family: "Roboto Condensed", sans-serif;
font-size:18px;
color:#34495e;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
height:100%;
}

a{
text-decoration:none;
opacity:1;
line-height:100%;
color:#428bca;
}
a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.5;
opacity:0.5;
}
a:not([class]){
color:#428bca;
}
a:hover{
color:#1e61a8;
cursor:pointer;
}
a.link img:hover,
a.link:hover{
opacity:1;
}
p,dt,dd,td,th,div,li,a{
line-height:1.8;
}
p{
letter-spacing:1px;
}

img{
max-width:100%;
height:auto;
vertical-align:bottom;
}

a.tel,
a.tel img{
opacity:1;
font-weight:500;
cursor:default;
}
.rst ul,
.rst{
margin:0;
padding:0;
}
.rst li{
margin:0;
padding:0;
list-style:none;
}


.flex{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.flex2{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex2.reverse{
flex-direction:row-reverse
}

img{
max-width:100%;
height:auto;
}
img.shadow,
.shadow img{
width:100%;
height:auto;
box-shadow: 0px 0px 10px #ccc;
}
table{
border-collapse:collapse
}
.pcbr{
display:block;
}
.uline{
border-bottom:1px solid #000;
}
sup{
font-size:10px;
}

/*====================================================
LAYOUT
====================================================*/
#wrapper{
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.w1280{
width:1280px;
margin:0 auto;
}
.w1180{
width:1180px;
margin:0 auto;
}
.w1280{
width:98%;
}
.w90{
width:90%;
margin:0 auto;
}
.pcwrap{
width:720px;
margin:0 auto;
}

/*====================================================
HEADER
====================================================*/
#header{
position:fixed;
height:80px;
top:0;
left:0;
right:0;
bottom:0;
margin:0 auto;
background:#1e61a8;
z-index:11;
padding:0 2rem;
}
#header.active{
box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, 0.1);
}
.hdwrap{
position:relative;
width:100%;
height:auto;
}
#header .sitelogo{
position:absolute;
left:0;
top:0;
width:127px;
height:35px;
z-index:10;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
#header.active .sitelogo{
width:80px;
}

/*====================================================
BREADCRUMB
====================================================*/
#breadcrumb{
background:rgb(245 245 244);
padding:0.3rem 0 0.3rem 7rem;
margin-bottom:2rem;
}
#breadcrumb li a,
#breadcrumb li{
font-size:14px;
}
#breadcrumb li:after{
content:">";
right:10px;
color:#666;
}
#breadcrumb li{
margin-right:0.5rem;
}
#breadcrumb li a{
padding-right:0.5rem;
font-size:12px;
font-weight:normal;
color:#666;
}
#breadcrumb li:last-child:after{
content:"";
}


/*====================================================
SPNAVI
====================================================*/
.spmn{
display:none;
top:0.5rem;
right:0;
position: absolute;
cursor: pointer;
width: 50px;
height:50px;
border-radius: 5px;
z-index:12;
}
.spmn span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 10px;
height: 3px;
border-radius: 2px;
background: #fff;
}
.spmn.active{
position:fixed;
right:1rem;
top:1rem;
}
.spmn.active span{
background: #fff;
}
.spmn span:nth-of-type(1) {
top:15px; 
width: 70%;
}
.spmn span:nth-of-type(2) {
top:23px;
width: 60%;
}
.spmn span:nth-of-type(3) {
top:31px;
width: 40%;
}
.spmn.active span:nth-of-type(1) {
top: 18px;
left: 18px;
transform: translateY(6px) rotate(-135deg);
width: 30%;
}
.spmn.active span:nth-of-type(2) {
opacity: 0;
}
.spmn.active span:nth-of-type(3){
top: 30px;
left: 18px;
transform: translateY(-6px) rotate(135deg);
width: 30%;
}


#nav{
position:fixed;
top:0;
left:15%;
}
#nav.active{
position:fixed;
display:block;
overflow-y: auto;
right:0;
bottom:0;
background:#2c3e50;
width:100%;
height:100%;
z-index:11;
transition:0.5s;
animation:0.5s fadein2 forwards;
}
.navwrap{
padding:1rem;
margin:0 auto;
position:relative;
}
#nav.active nav{
margin: 4rem 1.5rem 1rem 1.5rem;
}
#nav.active ul li{
border-bottom:1px solid #ddd;
}
#nav ul li a{
padding:1em;
color:#fff;
display:block;
}

/*====================================================
MAIN, PAGE
====================================================*/
main{
margin-top:80px;
}
.page main{
padding-top:1rem;
}

.sec{
width:1170px;
margin:3rem auto;
}
.sec p{
letter-spacing:2px;
line-height:1.8;
margin-bottom:1rem;
}
.sec h1{
margin:1rem 0 1.5rem 0;
text-align:center;
}
.sec h2{
margin:1rem 0 1.5rem 0;
}
.sec h3{
margin:0.5rem 0 1.0rem 0;
}
.sec table{
margin-bottom:1rem;
}
.sec .wp-block-column-is-layout-flow{
margin:1rem 0;
}
.sec .wp-block-separator{
margin:2rem 0rem;
display:block;
}

.iframe iframe{
width:100%;
margin:0.5rem auto;
min-height:600px;
}
.is-provider-youtube .wp-block-embed__wrapper{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.is-provider-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.wp-block-table{
margin-bottom:1.5rem;
}
.sec table td{
vertical-align:top;
}
/*====================================================
SWIPER
====================================================*/
.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #444;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.mySwiper{
height:480px;
}

.swiper-button-prev,
.swiper-button-next {
  height: 50px;
  width: 50px !important;
  top: 25% !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "" !important;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .swiper-button-prev,
  .swiper-button-next {
    height: 32px;
    width: 32px;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    height: 32px;
    width: 32px;
  }
}
.swiper-button-prev::after {
  background-image: url(https://tomoakis.heteml.net/th/v1/img/ico_lt.png);
}
.swiper-button-next::after {
  background-image: url(https://tomoakis.heteml.net/th/v1/img/ico_gt.png);
}



/*====================================================
SINGLE, ARCHIVE
====================================================*/

/*====================================================
FOOTER
====================================================*/
#footer{
background:#34495e;
padding:3rem 0 0 0;
color:#bdc3c7;
}
#footer a{
color:#bdc3c7;
}
#footer h4{
text-align:center;
margin-bottom:1rem;
}
#footer .ftbox{
width:31%;
}
.gotop{
width:36px;
height:36px;
position:fixed;
right:1rem;
bottom:1rem;
opacity:0.7;
}
.copyright{
display:block;
background:#2c3e50;
padding:1rem 0;
margin-top:1.5rem;
}
.gmap iframe{
width:100%;
height:360px;
}

/*====================================================
ANIMATION
====================================================*/
.ani{
opacity:0;
}
.ani.active {
animation:2s fadein forwards;
position:relative;
}
.ani2.active {
animation:0.5s fadein forwards;
}
@keyframes fadein {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translate(0);
}
}
@keyframes fadein2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}


/*====================================================
BASE
====================================================*/
strong{font-weight:700;}
.ctr{text-align:center;}
.tgt{text-align:right;}
.tlt{text-align:left;}
.bold{font-weight:bold;}
.mb02{margin-bottom:0.2rem;}
.mb03{margin-bottom:0.3rem;}
.mb05{margin-bottom:0.5rem;}
.mt05{margin-top:0.5rem;}
.mb1{margin-bottom:1rem;}
.mb15{margin-bottom:1.5rem;}
.mb2,p.mb2{margin-bottom:2rem;}
.mb25{margin-bottom:2.5rem;}
.mb3,p.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.mb6{margin-bottom:6rem;}
.mb8{margin-bottom:8rem;}
.mt2{margin-top:2rem;}
.pt05{padding-top:0.5rem;}
.pb1{padding-bottom:1rem;}
.pt1{padding-top:1rem;}
.pt2{padding-top:2rem;}
.pt4{padding-top:4rem;}
.pt6{padding-top:6rem;}
.pt8{padding-top:8rem;}
.fff{color:#fff;}
.red{color:#E30000;}
.big{font-size:150%;}
.big .small{font-size:80%;}
.med{font-size:120%;}
.small{font-size:75%;}
.txtlt{text-align:left;}
.txtgt{text-align:right;}
.txtctr{text-align:center;}
.lh1{line-height:1;}
.img img,
.img100 img,
.img100{
width:100%;
height:auto;
}

strike{
color:#d62154;
}
.yline{
color:#000;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffb80 0%) repeat scroll 0 0;
}
.yline2{
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, rgb(255,200,25) 0%) repeat scroll 0 0;
}

.shadow{text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;}
.newsboxsp,
.none,
.sp{display:none;}
.pc{display:block;}


.fff{color:#fff;}

.grecaptcha-badge { visibility: hidden; }


/*====================================================
MEDIA QUERY
====================================================*/


@media screen and (max-width: 1180px) {
.sec{
width:90%;
}
.w1180{
width:90%;
}
}
@media screen and (max-width: 1000px) {
.spmn{
display:block;
}
#nav{
display:none;
left:0;
}
#nav .flex{
display:block;
}
}
@media screen and (max-width: 720px) {
#footer .flex2{
display:block;
}
#footer .ftbox{
width:100%;
margin-bottom:2rem;
}
}