/* Enter Your Custom CSS Here */
/* ---------------------------------------------------------------------------------------
 Y03. button
--------------------------------------------------------------------------------------- */
.btn {
    padding: 15px 70px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 25px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    border-radius: 5px;
}
.btn01 {
    background-color: #b7b7b7;
    color: #b7b7b7 !important;
}
.btn01:hover {
    background-color: #998bfa;
}

button.button8 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
  

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #3bd, #248 50%, #3bd);
    background: -webkit-gradient(linear, left bottom, left top, from(#3bd), color-stop(0.5, #248), to(#3bd));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.button8:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

.size_test {
    font-size:  40px;    /* 文字サイズ指定 */
}

.size_test1 {
  font-size:  20px;    /* 文字サイズ指定 */
}

.size_test2 {
    font-size:  30px;    /* 文字サイズ指定 */
}

.size_test3 {
    font-size:  17px;    /* 文字サイズ指定 */
}
.size_test4 {
    font-size:  12px;    /* 文字サイズ指定 */
}

.size_test5 {
    font-size:  18px;    /* 文字サイズ指定 */
}
  
/* ---------------------------------------------------------------------------------------

	MaSaKoからのメッセージ
	スケジュール
	インストラクター
	アクセス
	コンタクト


↓
--------------------------------------------------------------------------------------- */

ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #fcdce0;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 18px 20px;
	text-align: center;
	text-decoration: none;
	color: black;
}
ul.topnav li a:hover:not(.active) {
	background-color: #db72b6;
}
ul.topnav li a.active {
	background-color: #da3c41;
}
ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
ul+ li {
  border-left: 1px solid #000;
}
}


/* ---------------------------------------------------------------------------------------

	MaSaKoからのメッセージ
	スケジュール
	インストラクター
	アクセス
	コンタクト


↓
--------------------------------------------------------------------------------------- */


ul.sidenav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #fcdce0;
	position: relative;
	overflow: auto;
}
ul.sidenav li a {
	display: block;
	color: #000000;
	padding: 10px 30px;
	text-decoration: none;
}
ul.sidenav li a.active {
	background-color: #da3c41;
	color: white;
}
ul.sidenav li a:hover:not(.active) {
	background-color: #afbedb;
	color: white;
}
div.content {
	margin-left: 25%;
	padding: 1px 16px;
	height: 1000px;
}
@media screen and (max-width: 900px) {
	ul.sidenav {
		width: 100%;
		height: auto;
		position: relative;
	}
	ul.sidenav li a {
		float: left;
		padding: 15px;
	}
	div.content {
		margin-left: 0;
	}
}
@media screen and (max-width: 480px) {
	ul.sidenav li a {
		text-align: center;
		float: none;
	}
}





/*

    ソーシャルボタン
    ソーシャルボタン
    ソーシャルボタン
    ソーシャルボタン
    ソーシャルボタン

*/

/* マーカーを使用しない設定（無くてもマーカーは表示されませんが念の為） */
.sns{ list-style-type:none; }
/* display:inline-block;を指定 */
.sns li{
    display:inline-block;
    margin-right:5px;
    vertical-align:bottom;
    *display: inline;   
    zoom: 1;        
}

/*


	Home
	
		Products 
		
			
				cat
				dog
				rabbit
			
		
	
	About
	Help

*/



.cp_navi {
	background-color: #a5a4a4;
	border: 1px solid #dedede;
	border-radius: 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	color: #fcfcfc;
	display: block;
	margin: 1em 1%;
	overflow: hidden;
	width: 100%;
}
.cp_navi ul {
	margin: 0;
	padding: 0;
}
.cp_navi ul li {
	display: inline-block;
	list-style-type: none;
	-webkit-transition: all 0.2s;
	        transition: all 0.2s;
}
.cp_navi > ul > li > a > .caret {
	border-top: 4px solid #aaaaaa;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: '';
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;
	-webkit-transition: color 0.1s linear;
	        transition: color 0.1s linear;
}
.cp_navi > ul > li > a {
	color: #ffffff;
	display: block;
	line-height: 56px;
	padding: 0 10px;
	text-decoration: none;
}
.cp_navi > ul > li:hover {
	background-color: rgb(218, 60, 65);
}
.cp_navi > ul > li:hover > a {
	color: rgb( 255, 255, 255 );
}
.cp_navi > ul > li:hover > a > .caret {
	border-top-color: rgb( 255, 255, 255 );
}
.cp_navi > ul > li > div {
	background-color: rgb(218, 60, 65);
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 165px;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	       transition: opacity 0.2s;
}
.cp_navi > ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;
}
.cp_navi > ul > li > div ul > li {
	display: block;
}
.cp_navi > ul > li > div ul > li > a {
	color: #ffffff;
	display: block;
	padding: 12px 24px;
	text-decoration: none;
}
.cp_navi > ul > li > div ul > li:hover > a {
	background-color: rgba( 255, 255, 255, 0.1);
}


/*

  MENU1
  MENU2
  MENU3
  MENU4

*/


#nav {
  list-style: none;
  overflow: hidden;
}
 
#nav li {
  width: 250px;
  text-align: center;
  background-color: #add8e6;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}
 
#nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 20px;
}


/*

    
        
    

*/


.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*

Button


*/

button.button2 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;
}

/*ペイパル携帯/*

paypal.Buttons({
      style: {
          shape: 'pill',
          color: 'gold',
          layout: 'horizontal',
          label: 'paypal',
          
      },
      createOrder: function(data, actions) {
          return actions.order.create({
              purchase_units: [{
                  amount: {
                      value: '1700'
                  }
              }]
          });
      },
      onApprove: function(data, actions) {
          return actions.order.capture().then(function(details) {
              alert('Transaction completed by ' + details.payer.name.given_name + '!');
          });
      }
  }).render('#paypal-button-container');

/*