/*
　　　　Theme Name: 吹田市日本拳法連盟 南吹田教室
*/

@charset "utf-8";

@media screen and (min-width:751px), print {

/*-------------------------------------------
all
-------------------------------------------*/
body {
  font-family: ro-nikkatsu-sei-kai-std, serif;
  margin: 0 auto;
  color: #fff;
  overflow: hidden;
  line-height: 30px;
  background: #000;
}

img {
  height: auto;
}

a{
  color: #fff;
  text-decoration: none;
}

a:hover{
  opacity: .7;
}

.inner1200{
  width: 1200px;
  margin: 0 auto;
}

.imgleft {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
}

.imgright{
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 40px 0;
}

.imgleft > div{
  margin-left: 40px;
}

.imgright > div{
  margin-right: 40px;
}

.imgleft p,
.imgright p{
  margin-bottom: 20px;
}

.imgleft p:last-child,
.imgright p:last-child{
  margin-bottom: 0;
}

.blc{
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

h2{
  font-size: 3em;
  text-align: center;
  margin: 20px auto;
}

h3{
  font-size: 1.2em;
  background: #690D0D;
  padding: 20px;
}

/*-------------------------------------------
header
-------------------------------------------*/
header .blc{
  align-items: center;
}

h1{
  width: 30%;
  padding: 20px 0;
}

.h_right dl{
  background: #7E0C0C;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 570px;
  margin-left: auto;
}

.h_right dt{
  font-size: 1.2em;
}

.h_right dd a{
  display: block;
  font-size: 3em;
}

nav ul{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

nav ul a{
  display: block;
  font-size: 1.2em;
  margin-left: 40px;
}

.catch{
  text-align: center;
}

.sns{
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.sns a{
  width: 390px;
  padding: 20px;
  font-size: 1.6em;
  display: block;
  text-align: center;
}

.facebook{
  background: #124571;
}

.instagram{
  background: #433232;
}

.blog{
  background: #5C1414;
}

/*-------------------------------------------
about
-------------------------------------------*/
#about{
  padding: 80px 0;
}

#about ul{
  display: flex;
  justify-content: center;
  width: 60%
}

#about img{
  width: 290px;
}

#about li:last-child img{
  margin-top: 80px;
  margin-left: 70px;
}

#about .imgleft{
  justify-content: center;
}

#about .imgleft > div{
  width: 30%;
  font-size: 1.2em;
  margin-top: 20px;
}

/*-------------------------------------------
time
-------------------------------------------*/
#time table{
  border: 1px solid #690D0D;
  width: 900px;
  margin: 80px auto;
  font-size: 1.2em;
}

#time table th,
#time table td{
  border: 1px solid #690D0D;
  text-align: center;
  padding: 20px;
}

#time table .bg{
  background: #690D0D;
}

/*-------------------------------------------
price
-------------------------------------------*/
#price table{
  border: 1px solid #690D0D;
  width: 900px;
  margin: 80px auto;
  font-size: 1.2em;
}

#price table th,
#price table td{
  border: 1px solid #690D0D;
  text-align: center;
  padding: 20px;
}

#price table .bg{
  background: #690D0D;
}

/*-------------------------------------------
contact
-------------------------------------------*/
.contact{
  background: #212121;
  padding: 40px 0;
}

.contact img{
  width: 40%;
}

.contact .imgleft{
  justify-content: flex-start;
  padding-bottom: 0;
}

.contact p{
  font-size: 1.2em;
  margin-bottom: 40px;
}

.contact dl{
  background: #7E0C0C;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 570px;
  margin-left: auto;
}

.contact dt{
  font-size: 1.2em;
}

.contact dd a{
  display: block;
  font-size: 3em;
}

/*-------------------------------------------
access
-------------------------------------------*/
#access{
  padding: 80px 0;
}

#access .map{
  text-align: center;
  margin: 60px auto 0;
}

#access p{
  text-align: center;
  margin: 40px auto;
  font-size: 1.2em;
}

#access ul{
  display: flex;
  justify-content: space-between;
}

#access ul img{
  width: 90%;
}

/*-------------------------------------------
teach
-------------------------------------------*/
.teacher{
  padding: 80px 0 0;
}

.teacher ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px;
}

.teacher li{
  width: 48%;
}

.teacher .imgleft{
  justify-content: flex-start;
  align-items: center;
}

.teacher img{
  width: 50%;
}

.teacher dt{
  font-size: 2em;
  margin-bottom: 20px;
}

/*-------------------------------------------
vision
-------------------------------------------*/
.vision img{
  width: 50%;
}

.vision .imgright{
  align-items: center;
  padding: 60px 0;
}

.vision p{
  font-size: 1.2em;
}

/*-------------------------------------------
school
-------------------------------------------*/
.school p{
  font-size: 1.2em;
  text-align: center;
  margin: 40px auto;
}

/*-------------------------------------------
support
-------------------------------------------*/
.support{
  margin: 40px auto;
}

.support ul{
  display: flex;
  justify-content: space-between;
  padding: 40px 0 20px;
  flex-wrap: wrap;
}

.support li{
  width: 32%;
  margin-bottom: 20px;
}

/*-------------------------------------------
backsupport
-------------------------------------------*/
.backsupport{
  margin: 40px auto;
}

.backsupport ul{
  padding: 40px 0;
}

.backsupport li{
  width: 32%;
}

/*-------------------------------------------
footer
-------------------------------------------*/
.copy{
  text-align: center;
  font-size: .9em;
  padding: 20px;
}

/*-------------------------------------------
other
-------------------------------------------*/
.smonly {
  display: none;
}

}