body {
  background:#fff;
  margin:0 0 0 0;
}

a {
	opacity: 1;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	width:95%
  }
  
  /* クリック時（#modalがターゲットになった場合）に表示 */
  .modal:target {
	opacity: 1;
	visibility: visible;
  }
  
  .modal img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
	width:95%
  }
  
  /* 閉じるボタンのスタイル */
  .modal .close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	text-decoration: none;
	font-size: 30px;
  }

a:hover {
	opacity: 0.5;
}

.taikenn {
	width: 80%;
	padding: 5%;
}


.wpcf7 kojin{
	border:solid 1px #000;
	padding:0%;
	margin:1% auto;
}


.news{
	border:solid 2px #FF0000;
	
}

.news h2 {
	font-size: 20px;
	background-color:#FF0000;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	border-radius: 0px;
	font-family:"ヒラギノ明朝　ProN";
	margin:0%
}
.ryouzikann{
width:95%;
border:solid #b22222 1px;
margin: 0 auto;
}

.news li{
	margin:1px;
}
	
.news ul{
	text-decoration:none;
}	

.mail{
	display:block;
	margin:0px auto;
}

h3 {border-left:5px solid #800000;
	border-bottom:3px solid #b22222;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
margin:2%;
}

strong{background: linear-gradient(transparent 60%, #ffff66 60%);
}
	
.coach{
	display:flex;
}

h4{
	color:#000000;
}

.indexmain{
	width:70%;
	margin:0 auto;
	padding:0 1% 0 1;
}

.main{
	width:80%;
	border-left:2px solid #dcdcdc;
	border-right:2px solid #dcdcdc;
	margin:0 auto;
	padding:0 1% 0 1;
}
.youtube {
margin:4% 0 2% 0;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.submain{
	width:90%;
	margin:0 auto;
	padding:0 1% 0 1;
	background-color:#ffffff;
}

.yamai{
	width:45%;
	margin:1%
}

.header{
	list-style-type: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color:#8B0000;
	box-shadow: 1px 1px 1px rgba(82,179,79,0.7) inset,
		-1px -1px 1px rgba(115,139,179,0.7) inset;
}
.mainpic{
	width:100%;
}

.scroll{
  height: 300px;
  overflow: auto;
}

.mainpic10{
	width:100%;
	display: block !important;
}
.mainpic20{
	width:100%;
	display: block !important;
}
.mainpic11{
	width:100%;
	 display: none !important; 
}
.mainpic21{
	width:100%;
	 display: none !important; 
}
.mainpic1{ display: block !important; 
width:100%;
}

.mainpic2 { display: none !important; 
}

.startpic{
	width:90%;
	margin: 2% auto;
}

.logo{
	width:30%;
	margin:0 0 0 0;
	padding:0;
}

.logoimg{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:0;
}


.title{
	width:70%;
	position:relative;
	background-color:#fff;
}

.titlescript{
  position: absolute;
  left: 50%; 
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.header li{
	position:relative;
	margin: 0;
	padding: 0;
	font-size:25px;
	color:#ffffff;
	text-align:center;
}

h1 {
	font-size: 28px;
	text-align: center;
	margin:0;
}

h2 {
	font-size: 20px;
	background-color:#FF0000;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	border-radius: 15px;
	font-family:"ヒラギノ明朝　ProN";
	margin:2%
	
}

.myfont {
	font-family: "Sawarabi Mincho";
	font-weight: normal;
	font-style: normal;
}


.greentxt {
	color: #117f33;
}

.dropmenu {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	flex-direction: row;
	justify-content: center;
}

.navmain{
	margin:0 auto;
	padding:0 auto;
	font-size:0;
}

.dropmenu li {
	display:inline-block;
	position: relative;
	width:16.66666%;
	margin: 0;
	padding: 0;
	background: #cc0000;
	text-align: center;
}

.dropmenu li a {
	display: block;
	margin: 0;
	padding: 7px 0;
	color: #ffffff;
	font: bold 11px "游ゴシック", Helvetica;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.dropmenu li ul {
	list-style-type: none;
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

.dropmenu li ul li {
	display:block;
	width: 120px;
}

.dropmenu li a:hover {
	background: #CC0000;
}

.dropmenu li:hover > a {
	background: #CC0000;
}

.dropmenu li ul {
	visibility: hidden;
	perspective: 400px;
	opacity: 0;
}

.dropmenu li:hover ul {
	visibility: visible;
	opacity: 1;
}
.dropmenu ul li {
	transform: rotateY(90deg);
	transform-origin: 50% 0;
	transition: .5s;
}

.dropmenu li:hover li {
	transform: rotateY(0);
}

.dropmenu ul li:nth-child(2) {
	transition-delay: .1s;
}

.dropmenu ul li:nth-child(3) {
	transition-delay: .2s;
}

.dropmenu ul li:nth-child(4) {
	transition-delay: .3s;
}
.dropmenu ul li:nth-child(5) {
	transition-delay: .4s;
}
.dropmenu ul li:nth-child(6) {
	transition-delay: .5s;
}

.dropmenu ul li:nth-child(7) {
	transition-delay: .6s;
}

.dropmenu ul li:nth-child(8) {
	transition-delay: .7s;
}

.dropmenu li ul li a {
	padding: 7px 10px;
	border-top: 1px solid #728db3;
	background: #CC0000;
	text-align: left;
}

.navbar {
	width: 100%;
	margin: 0px 0px;
	padding: 0px 0px;
	height: 40px;
	display: flex;
	flex-direction: row;
	align-content: space-around;
}

.navbar-l {
	margin: 0 0;
	padding:0;
}

.navlogo {
	color: #000000;
	font: bold 20px "游ゴシック", Helvetica;
	text-align: center;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
}

.navbar-r {
	
	background:#ffa500;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.navbar-r.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
}
.content-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
        justify-content: space-around;
	align-content: space-around;
	width: auto;
	margin: 0;
	padding: 0;
}
.yamaibox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
        justify-content: space-around;
	align-content: space-around;
	width: auto;
	margin: 5px 0;
	padding: 0;
}
	
.content-box h3{
	text-align:center;
	display:block;
}

.huukei{
	flex-direction:column;
}

.huukei2{
	flex-direction:row;
	display:flex;
}

.huukei2 img{
	width:50%;
	display:block;
	margin:0;
}
.huukei2 p{
	display:block;
	padding:10%;
}

.content-item {
	
	flex-direction: column;
	background-color: #ffffff;
	padding: 10px 10px;
	border: solid #ffffff;
	border-width: 1px;
	width: 30%;
	margin: 10px 0px;
	border-radius: 10px;
	box-shadow: 1px 1px 10px -5px rgba(0.3,0.7,0.4,0.8);
}

.content-item7 {
	background-color: #ffffff;
	padding: 10px 10px;
	width: 30%;
	margin: 10px auto;
	border-radius: 10px;
}

.content-item8 {
	background-color: #ffffff;
	padding: 10px 10px;
	width: 30%;
	border-radius: 10px;
}

.koramu{
	border-radius: 10px;
	background-color: #ffffff;
	flex-direction: row;
	display:flex;
	margin: 10px auto;
}
	

.content-item a:hover {
	background-color: #39796d;
}

.content-item7 a:hover {
	background-color: #39796d;
}

.news-php p {
	white-space: pre-wrap;

}

.content-item1 {
	display:flex;
	flex-direction: column;
	background-color: #ffffff;
	padding: 10px 10px;
	border: solid #ffffff;
	border-width: 1px;
	width: 30%;
	margin: 10px auto;
	border-radius: 10px;
	height:700px;
}
p{
	margin:5px 25px;
}


.google-maps{
    position: relative;
}

.google-maps::before{
    content: "";
    display: inline-block;
    padding-top: 56.25%;
}

.google-maps iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin:0 0 0 0;
}

#please{
background-color:#ff0000;
border-radius: 0px;
margin:0 0 0 0;
}
	
.form{
	margin:1% auto;
	width:95%;
	
}

.site-header{
    background: #fff;
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 100%;
}
.site-header.fixed{
    position: fixed;
    top: 0;
}
.content-item4{
	display:flex;
	background-color: #ffffff;
	padding: 10px 10px;
	width: 100%;
	margin: 10px auto;
	border-radius: 10px;
}


.content-item6{
	background-color:#fff;
	width:100%;
}
.content-item6 p{
	margin:0 1%;
}
.image-box {
  width:90%;
  margin: 0 auto;
  padding: 5px 0px;
}
.image-box2 {
  width:98%;
  margin: 0 auto;
  padding: 0px;
}

.image-item {
  width: 100%;
  height: auto;
  margin: 0;
  text-align:center;
}

a {
  text-decoration: none;
}

.study1{
	width:100%;
	height:auto;
	margin:0;
}

.form1{
	position: fixed; /* 要素の位置を固定する */
bottom: 0; /* 基準の位置を画面の一番下に指定する */
right: 0; /* 基準の位置を画面の一番右に指定する */
width:100%; /* 幅を指定する */
	display:flex;
	flex-direction:row;
	background-color:#ffa500;
}
.form1 a{
	width:50%;
	margin: 0 ;
}

.okiniiri{
	padding: 0px 0px;
	width: 100%;
	margin: 0 auto; 
}
.details{
	display:block;
	text-align:center;
	border: solid #000000;
	border-width: 1px;
	margin: 0 auto;
	width:90%; 
    margin-top: auto;
}
.details:hover {
	background-color: #ffa500;
	opacity:0.5;
}

.details1{
	text-align:center;
	border: solid #ffe4c4;
	border-width: 1px;
	margin: 0 0 0 0;
	width:100%; 
	background-color:#cc0000;
}

.details1 h4{
color:#ffffff;
margin:0.75em 0;
}

.form1 a:hover {
	background: #39796d;
}

.detailscoach{
	margin:5px auto;
	padding:5px 0;
	display:block;
	text-align:center;
	border: solid #000000;
	border-width: 1px;
	width:90%; 
}
	
 .mainbox{
	 display:block;
	 width:auto;
	 
 }
 
 .breadcrumb {
  margin-left:0;
  background: #fef2d6;
  padding: 9px 10px;
  overflow: hidden;
}

.breadcrumb li {
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #8e8270;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #feaa23;
}

.breadcrumb li:first-child a:before {
  /*家アイコンに*/
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  font-size: 1.1em;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}
 
#footer{
	background-color:#414141;
	margin:0 0 0 0;
	color:#ffffff;
	clear:both;
	width:100%;
	padding:2% 0 10% 0;
}
#footer ul{
margin:0 0 0 0;
padding:0 0 0 0;
}
#footer ul li{
float:left;
width:50%;
text-align:center;
list-style-type:none;
font-size:20p;
padding:5px 0 5px 0;
margin:0 0 0 0;
background-color:#414141;
}
#footer ul li a{
color:#ffffff;
}
#footer ul li a:hover{
color:#c0c0c0;
}

.point {
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.point li {
    width: 48%;
    background: #ddd;
    list-style: none;
    padding-bottom: 65px;
    margin-bottom: 0;
    position: relative;
}
.point li:first-child{
    margin-right:4%;
}
.point li img {
    width:100%;
    margin:0;
    padding:0;
}
.point li h4 {
    font-weight:bold;
    font-size:110%;
    text-align:center;
    margin-bottom:15px;
    margin-top:20px;
}
.point li p {
    padding:0 9%;
    font-size:90%;
}
.point li p.button {
    text-align:center;
    padding:0;
    display: block;
    position: absolute;
    bottom: 20px;
    width:100%;
}
.point li p.button a {
    text-align: center;
    padding: 0;
    display: block;
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.bx-wrapper {
    background-color: transparent;
    margin: 0px auto;
    border: none;
    box-shadow: none;
}
.bx-wrapper img {
    display: block;
    margin: 0px auto;
}
 .mainbox1{
	 height:400px;
	 width:100%;
 }
/*スマホ用のcss*/
@media screen and ( max-width:1024px )
{
.content-box {
	padding: 0;
}

.taikenn {
	width: 80%;
	padding: 5%;
}

p{
	font-size:18px;
}

#footer{
	background-color:#414141;
	margin:0 0 0 0;
	color:#ffffff;
	clear:both;
	width:100%;
	padding:2% 0 30% 0;
}

.mainpic10{
	 display: none !important;
	 width:100%;
	
}
.mainpic20{
	 display: none !important;
	 width:100%;
	
}
.mainpic11{
	width:100%;
	display: block !important;
	 
}
.mainpic21{
	width:100%;
	display: block !important;
}

.huukei2{
	flex-direction:row;
	display:block;
}
.huukei2 img{
	width:100%;
	display:block;
	margin:0;
}
.content-item {
	display:block;
	background-color: #ffffff;
	padding: 10px 10px;
	border: solid #ffffff;
	border-width: 1px;
	width: 100%;
	height:100%;
	margin: 10px auto;
	border-radius: 10px;
	box-shadow: 1px 1px 10px -5px rgba(0.3,0.7,0.4,0.8);
}

.content-item4{
	background-color: #ffffff;
	padding: 10px 10px;
	width: 100%;
	margin: 10px auto;
	border-radius: 10px;
	display:block;
}

.header li{
	position:relative;
	margin: 0;
	padding: 0;
	background:#ffffff;
	text-align: center;
	font-size:20px;
}
.image-box {
  width:97%;
  margin:0 auto;
  padding: 5px 0px;
}
.koramu image-item{
	width:90%;
}

 .mainbox{
	 height:auto;
	 width:100%;
 }
 .dropmenu li {
font-size:15px;
}
.image-item {
  width: 100%;
  height: auto;
  margin: 0;
}

.logo{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}


.title{
width:100%;
height:30%;
margin:0 auto;
padding:0;
background-color:#fff;
}

.titlescript{
  position: static;
  left: 0%; 
  top: 0%;
  transform: translateX(0%) translateY(0%);
}
.titlescript img{
width:100%
}

.header{
	list-style-type: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	flex-direction: row;
	justify-content: center;
	background-color:#fff;
}

.content-item7 {
	background-color: #ffffff;
	padding: 10px 0px;
	width: 100%;
	margin: 10px auto;
	border-radius: 10px;
}


.koramu{
	display:block;
}

.mainpic1 { display: none !important; 
}

.mainpic2{ display: block !important; 
width:95%;
margin:0 auto;
}



.logoimg{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.dropmenu li {
	display:inline-block;
	position: relative;
	width:33.333333%;
	margin: 0;
	padding: 0;
	background-color:cc0000;
	text-align: center;
}
.huukei2 p{
	display:block;
padding:2%;
}
.main{
	width:100%;
	border-left:none;
	border-right:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.yamai{
	width:95%;
	height:auto;
	margin:1%
}
.yamaibox{
	display: block;
}
.content-item1 {
	display:block;
	flex-direction: column;
	background-color: #ffffff;
	padding: 0 0 0 0 ;
	border: solid #ffffff;
	border-width: 1px;
	width: 99%;
	height:auto;
	margin: 0 0 0 0 ;
	border-radius: 10px;
}
 .mainbox1{
	 height:auto;
	 width:100%;
 }
.submain{
	width:100%;
	border-left:2px solid #dcdcdc;
	border-right:2px solid #dcdcdc;
	margin:0 auto;
	padding:0 1% 0 1;
}
.indexmain{
	width:100%;
	margin:0 ;
	padding:0 1% 0 1;
}
.startpic{
	width:93%;
	margin: 4% auto;
}

}