@charset "UTF-8";
/* CSS Document */
html {
  color: #333333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.5;
}

/*basic-link*/
a:link { color: #94c74c; text-decoration: none; }
a:visited { color:#94c74c; text-decoration: none; }
a:hover { text-decoration: underline; }
a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
  box-shadow: #000 0 0 0; /* Firefox 画像が動く不具合対策 2014.11.05 */
}
strong{
  color: #94c74c;
  font-weight: bold;
}
.nedan{
  text-align: right;
}
/*########################layout########################*/
/* header */
#headerbg {
  background-color: #94c74c;
  height: 74px;
  -webkit-box-shadow: 0 0 7px rgba(8,1,3,.35);
  -moz-box-shadow: 0 0 7px rgba(8,1,3,.35);
  box-shadow: 0 0 7px rgba(8,1,3,.35);
  position: relative;
  z-index :29;
}
#header { 
  margin: 0 auto;
  width: 480px;
  height: 74px;
  position: relative;
  z-index :30;
}
#header #logo { 
  position: absolute;
  left: 10px;
  top: 17px;
}
#header #logo img{
  width:225px;
  height:46px;
}
.suma_btn{
  position: absolute;
  top: 26px;
  right: 24px;
}
#globalmenu{
  display: none;
}
#globalmenu{
  position: absolute;
  top: 73px;
  width: 480px;
  background-color: #ffffff;
}
#globalmenu li{
  display: block;
  text-align: center;
  border-bottom:dotted 1px #999999;
}
#globalmenu li a{
  display: block;
  margin:0.1em;
  padding:1.2em 0;
  text-align: center;
  color: #89e901;
  font-size: 22px;
  font-weight: bold;
}
#globalmenu li a:hover{
  text-decoration: none;
  background-color: #dbffa7;
}
.suma_btn img{
cursor: pointer;
}



/* メインコンテンツ */
#container{
  margin: 0 auto 10px auto;
}
#contents{
  margin: 0 auto;
  width: 480px;
}
#mainimage{
  height: 750px;
  text-indent: -1000em;
}
#top{
  background-image: url(../images/main_img_sp.jpg);
  background-repeat: no-repeat;
  background-position:center 75px;
}
.main-txt{
  margin:0 10px 30px 10px;
  font-size: 20px;
}

.newmember_list {

  margin:0 auto 30px;
}
.newmember_list li{
  margin:0 auto 10px;
}
.newmember_list li a{
  margin:0 auto;
  display: block;
  text-indent: -1000em;
  width: 460px;
  height: 305px;
  background-repeat: no-repeat;
  background-position:center center;
  background-color: #ffffff;
}
li.newmember_list__space a{background-image: url(../images/list01_sp.jpg);}
li.newmember_list__beginner a{background-image: url(../images/list02_sp.jpg);}
li.newmember_list__membership a{background-image: url(../images/list03_sp.jpg);}


.news-box{
  margin:0 0 10px 0;
  padding:28px 0 0px 0;
  border: solid 6px #89e901;
  background-image: url(../images/arw.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.news-box .title{
  margin:0 24px 20px 24px;
  font-size: 26px;
  text-align: right;
  color:#94c74c; 
}

.aisatu{
  padding: 26px 7px 26px 277px;
  min-height: 134px;
  border: solid 6px #89e901;
  background-image: url(../images/arw.png),url(../images/miki_top_sp.jpg),url(../images/bg.png);
  background-repeat: no-repeat,no-repeat,repeat;
  background-position: top right,top left;
}
.news-box__list{
  margin:0 0 0 17px;
  overflow: hidden; /*floatの解除、ここがポイント*/
  position: relative; /*DWで正常にプレビューできるようになります。*/
  zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}
.news-box__list li{
  margin:0 10px 30px;
  width: 198px;
  min-height: 320px;
  float: left;
}
.news-box__img{
  margin:0 0 8px;
}
.news-box__title{
  margin:0 0 0;
  line-height: 1.3em;
  font-size: 18px;
  color:#94c74c; 
}
.news-box__date{
  font-size: 14px;
}
.news-box__txt{
  font-size: 14px;
}
.aisatu__txt01,.aisatu__txt02{
  line-height: 1.4em;
  font-size: 13px;
  color:#94c74c; 
}
.aisatu__title{
  margin:0 0 22px 0;
  font-size: 23px;
  text-align: right;
  color:#94c74c; 
}

#footerbg{
  background-color: #94c74c;
  background-image: url(../images/bg_fotter.png);
  background-repeat: repeat-x;
}

#footer{
  padding:191px 0 40px 0;
  margin: 0 auto;
}
#footer strong{
  color: #ffffff;
}
.foot_logo{
  margin:0 10px 20px 10px;
  padding:34px 0;
  text-align: center;
  border-bottom: dotted 1px #ffffff;
}
.foot_logo a{
  margin:0 auto;
  text-align: center;
}
.footer_list01{
  color: #ffffff;
  text-align: center;
}
.footer_list02{
  color: #ffffff;
  font-size: 24px;
    text-align: center;
}
.footer_list02 strong{
  font-size: 31px;
}
.footer_list03{
  margin:0 auto;
  width: 400px;
    text-align: center;
}
.footer_list03 a{
  display: block;
  padding:6px 30px;
  background-color: #ffffff;  
}
.footer_list03 a:hover{
  background-color: #dbfcad;  
}

.footer_link{
  margin:0 0 0 20px;
  padding-bottom: 12px;
  overflow: hidden; /*floatの解除、ここがポイント*/
  position: relative; /*DWで正常にプレビューできるようになります。*/
  zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/

  width: 460px;
  border-bottom:solid 1px #ffffff; 
}
.footer_link li{
  font-size: 30px;
  line-height: 1.8em;
  float: left;
  color: #ffffff;
}
.footer_link li a{
  color: #ffffff;
}


/*########################space########################*/
.space_main{
  margin: 0 0 10px 0;
  z-index :10;
  position: relative;
  height: 395px;
}
#membership .space_main,
#instructors .space_main,
#access .space_main{
  height: 120px;
}
.space_main__title{
  z-index :9;
  position: absolute;
  top: -102px;
  left: 0;
}
.space_main__icon{
  z-index :4;
  position: absolute;
  top: 0px;
  right: 0px;
}
.space_main__image{
  z-index :5;
  position: absolute;
  top: 70px;
  right: 0;
}
.space_main__image img{
width: 480px;
height: 326px;
}
.space_main__icon {-webkit-animation: bound 1s ease-in-out;}
@-webkit-keyframes bound {
0% {transform: scale(1) translate(0,0px);}
50% {transform: scaleX(1.1) translate(0,-27px);}
70% {transform: scaleY(1.1) translate(0,10px);}
90% {transform: scaleX(1.05) translate(0,3px);}
100% {transform: scale(1) translate(0,0);}
}
.space_main__title {-webkit-animation: slpha 0.8s ease-in-out;}
.space_main__image {-webkit-animation: slpha 0.5s ease-in-out;}
@-webkit-keyframes slpha {
0% {transform: translate(0,10px);opacity: 0.5;}
100% {transform: translate(0,0px);opacity: 1;}
}



.mainArea_title{
  margin:0 0 10px 1px;
  padding:6px 6px;
  font-size: 16px;
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.75);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,.75);
  box-shadow: 0 0 1px rgba(0,0,0,.75);
  border: solid 1px #fff;
  background-image: -webkit-linear-gradient(bottom, #bef76d, #89e901 54%, #89e901 56%);
  background-image: -moz-linear-gradient(bottom, #bef76d, #89e901 54%, #89e901 56%);
  background-image: -o-linear-gradient(bottom, #bef76d, #89e901 54%, #89e901 56%);
  background-image: -ms-linear-gradient(bottom, #bef76d, #89e901 54%, #89e901 56%);
  background-image: linear-gradient(to top, #bef76d, #89e901 54%, #89e901 56%);
}
.mainArea_subtitle{
  margin:14px 10px 0 10px;
  padding:2px 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4);
  box-shadow: 0 1px 1px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4);
  border: solid 1px #cca300;
  background-image: -webkit-linear-gradient(bottom, #f6c501, #ffe860);
  background-image: -moz-linear-gradient(bottom, #f6c501, #ffe860);
  background-image: -o-linear-gradient(bottom, #f6c501, #ffe860);
  background-image: -ms-linear-gradient(bottom, #f6c501, #ffe860);
  background-image: linear-gradient(to top, #f6c501, #ffe860);
}

.subtxt{
  color: #94c74c;
}

.mainArea_box{
  margin:0 0 30px 0;
}
.mainArea_box p,
.mainArea_box .mainArea_table{
  margin:0 20px;
}
.mainArea_box p{
  margin-bottom:10px;
}
.mainArea_table th{
  padding:4px 0 4px 10px;
  border-bottom: 1px solid #000000;
  font-size: 20px;
  font-weight: bold;
  min-width: 100px;
}
.mainArea_table td{
  padding:10px 0 4px 10px;
  border-bottom: 1px solid #000000;
  font-size: 20px;
}

.banner-box{
  margin:30px 0;
  width: 100%;
  text-align: center;
}
.banner-box a{
  display: block;
  text-indent: -1000em;
  background-image: url(../images/banner_sp.png);
  height: 164px;
  width: 480px;
}
.img_listbox{
  overflow: hidden; /*floatの解除、ここがポイント*/
  position: relative; /*DWで正常にプレビューできるようになります。*/
  zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

.img_listbox li{
  margin:0 5px 20px 5px;
  float: left;
  width: 214px;
  height: auto;
  min-height: 253px;
  overflow: hidden;
  position: relative;
  border: solid 6px #89e901;
}
.img_listbox li img{
  margin: -6px;
    width: 230px;
  height: auto;
}
.img_listbox li:after {
  content: " ";
  background-image: url(../images/arw.png);
  background-repeat: no-repeat;
  display: block;
  height: 36px;
  width: 36px;

    position: absolute;
    top:0;
    right: 0;
}


/*########################beginner########################*/
.imgbox_r,
.imgbox_l{
  margin: 0 0px 40px 0px;
}
.imgbox_r__txt h2,
.imgbox_l__txt h2{
  margin: 0 0 0px 0;
  font-size: 30px;
  color: #94c74c;
}
.imgbox_r__img{
  margin: 0 auto;
  width: 289px;
  border: solid 6px #89e901;
  overflow: hidden;
}
.imgbox_l__img{
  margin: 0 auto;
  width: 289px;
  border: solid 6px #89e901;
  overflow: hidden;
}
.imgbox_r__img img,
.imgbox_l__img img{
  margin: -6px;
}
.imgbox_r__txt p{
  margin: 0 20px 20px 20px;
}
.imgbox_l__txt p{
  margin: 0 20px 20px 20px;
}

.qa_box{
  margin: 0 10px 0;
}
.qa_box__q{
  margin: 0 0 4px 0;
  padding: 6px 20px 6px 40px;
  border: solid 1px #e3e4e5;
  background-image: url(../images/beginner/arw_q.png),-webkit-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/beginner/arw_q.png),-moz-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/beginner/arw_q.png),-o-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/beginner/arw_q.png),-ms-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/beginner/arw_q.png),linear-gradient(to top, #fff 12%, #cee1ef 47%, #fff 48%);
  background-repeat: no-repeat;
  background-position: 0 center,0 0;
}
.qa_box__a{
  margin: 0 0 20px 0;
  padding: 6px 20px 6px 40px;
  font-size: 14px;
  background-image: url(../images/beginner/arw_a.png);
  background-repeat: no-repeat;
  background-position: 0 6px;
}
/*########################membership########################*/
.strong_title{
  margin: 0 0 20px 0;
  font-size: 30px;
  color: #94c74c;
}

.list_box{
  margin: 0 20px 0;
}
.list_box .mainArea_subtitle{
  margin-bottom: 10px;
  font-size: 20px!important;
}

.list_box dl{
  margin: 0 10px 20px 10px;
}
.list_box__dt01,
.list_box__dt02,
.list_box__dt03,
.list_box__dt04,
.list_box__dt05,
.list_box__dt06{
  margin: 0 0 4px 0;
  padding: 6px 20px 6px 40px;
  border: solid 1px #e3e4e5;
  background-repeat: no-repeat;
  background-position: 0 center,0 0;
  font-weight: bold;
}
.list_box__dt01{
  background-image: url(../images/icon_01.png),-webkit-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_01.png),-moz-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_01.png),-o-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_01.png),-ms-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_01.png),linear-gradient(to top, #fff 12%, #cee1ef 47%, #fff 48%);
}
.list_box__dt02{
  background-image: url(../images/icon_02.png),-webkit-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_02.png),-moz-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_02.png),-o-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_02.png),-ms-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_02.png),linear-gradient(to top, #fff 12%, #cee1ef 47%, #fff 48%);
}
.list_box__dt03{
  background-image: url(../images/icon_03.png),-webkit-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_03.png),-moz-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_03.png),-o-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_03.png),-ms-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_03.png),linear-gradient(to top, #fff 12%, #cee1ef 47%, #fff 48%);
}
.list_box__dt04{
  background-image: url(../images/icon_04.png),-webkit-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_04.png),-moz-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_04.png),-o-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_04.png),-ms-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_04.png),linear-gradient(to top, #fff 12%, #cee1ef 47%, #fff 48%);
}
.list_box__dt05{
  background-image: url(../images/icon_05.png),-webkit-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_05.png),-moz-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_05.png),-o-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_05.png),-ms-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_05.png),linear-gradient(to top, #fff 12%, #cee1ef 47%, #fff 48%);
}
.list_box__dt06{
  background-image: url(../images/icon_06.png),-webkit-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_06.png),-moz-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_06.png),-o-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_06.png),-ms-linear-gradient(bottom, #fff 12%, #cee1ef 47%, #fff 48%);
  background-image: url(../images/icon_06.png),linear-gradient(to top, #fff 12%, #cee1ef 47%, #fff 48%);
}
.list_box__dd{
  margin: 0 0 20px 0;
  padding: 6px 20px 6px 40px;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: 0 6px;
}

.column_2{
  margin: 0 10px  30px 10px;
}
.column_2__list{
  margin: 0 10px 20px ;
  width: 440px;
}

.column_2__list .mainArea_table{
  margin: 0 0 50px;
}

.column_2__list .mainArea_table{
  margin: 0 10px 30px;
  width: 420px;
}
.notice{
  margin: 0 0 40px;
  padding:15px;
  background-color: #ececec;
}

.notice h3{
  font-weight: bold;
  font-size: 18px;
}
.notice strong{
  font-weight: 100;
}


/*########################instructors########################*/

.instructors_box{
  margin:0 10px 20px 10px;
  padding:0 10px 20px 10px;
  background-color: #ececec;
}
.instructors_box__img{
  margin: 0 20px 0 0;
}
.instructors_box__list{
}
.instructors_box__subtitle{
  font-size: 14px;
  margin-top: 6px;
  padding:0 10px 0px 10px;
}

.instructors_box__title{
  padding:0 10px 0px 10px;
  margin-bottom: 10px;
  font-size: 32px;
  border-bottom: 1px solid #000000;
}
.instructors_box__title span{
  font-size: 14px;
}
.instructors_box__list ul{
  padding:0 10px 0px 10px;
  margin-bottom: 20px;
}
.instructors_box__list li{
  font-size: 16px;
}
.instructors_box__subtxt{
  padding: 12px;
  font-size: 16px;
  background-color: #ffffff;
}
/*########################class########################*/
.title_sub{
  margin: -20px 5px 30px 5px;
}
.column_3{
  margin: 0 auto 10px;
}
.column_3__list{
  margin: 0 auto 30px auto;
  width: 300px;
}
.column_3__list.notice{
  width: 450px;
}
.column_3__list.single{
  min-height: 1px;
}
.column_3__img{
  margin:0 0 5px 0;
  width: 288px;
  overflow: hidden;
  border: solid 6px #89e901;
}
.column_3__img img{
  margin: -6px;
}

.column_3__title{
  margin: 0 0 5px 0;
  padding: 2px 5px;
  font-size: 24px;
  color: #ffffff;
  background-color: #eead30;
}
.column_3__txt{
  font-size: 18px;
}
.column_3__title.striking{
  padding: 2px 5px;
  background-color: #6ac5e5;
  color: #ffffff;
}
.column_3__title.grappling{
  padding: 2px 5px;
  background-color: #f28cb8;
  color: #ffffff;
}
.column_3__title.Jiu-jitsu{
  padding: 2px 5px;
  background-color: #68be83;
  color: #ffffff;
}
.iframe_box{
  margin: 0 0 20px;
}
.iframe_box iframe{
  width: 480px;
  height: 270px;
}


.support_box{
  margin: 0 5px 20px 5px; 
  padding:10px;
  background-color: #ececec;
  text-align: center;
}
.support_box img{
  width: 100%;
  height: auto;
}
.support_box iframe{
  width: 100%;
  height: 500px;
}

.banner-box.youtube a{
  margin:0 auto;
  display: block;
  text-indent: -1000em;
  background-image: url(../images/banner-1_sp.png);
  height: 120px;
  width: 479px;
}
p{
  margin: 0 5px;
}
/*########################access########################*/
.map_box{
  margin: 0 0 20px 0;
}
.map_box iframe{
  width: 480px;
}
.strong_txt{
  font-size: 20px;
  margin: 0 0 6px 0;
}
.table_box{
  margin: 0 20px 30px 20px;
}
.table_box .mainArea_table{
  width: 100%;
}
.big_txt{
  font-size: 34px;
  text-align: center;
}
.m10{
  margin-bottom: 10px!important;
}
.m100{
  margin-bottom: 100px!important;
}
.btn_nomal{
  margin:0 0 20px 0;
  text-align: center;
}
.facsebook_banner a{
  margin-top: 20px;
  padding: 18px 0;
  display: block;
  width: 478px;
  text-align: center;
  border:solid 1px #3b589e;
}
.twitter-box{
  margin: 0 10px 10px 10px;
}

.fade img{
  width: 480px;
}
.fade{
  margin: 0 0 10px 0;
}
.fade div{
  margin: 0 auto;
  width: 480px;
}