@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
    /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;*/
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-color: #fff;
	color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 200; 
	font-weight: 600;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.3;
    color: #333;
	padding: 0 10px;
	text-align: justify;
    text-justify: inter-ideograph;
}
hr {
    border-color: #eee;
	margin: 0 0 5px;
}
.w1200{
	max-width: 1200px;
	margin: 0 auto;
}
.w1080{
	max-width: 1080px;
	margin: 0 auto;
}
.w780{
	max-width: 780px;
	margin: 0 auto;
}
.box3 h4{
	font-size: 17px;
	text-align: center;
}
.box3 p{
	text-align: center;
}
.box3p{
	font-size: 1em;
	line-height: 1.2;
	color: #87b415;
	font-weight: 700;
	padding: 0;
	border-radius: 10px;
}

.contact-grid{
	width: 100%;
	max-width: 600px;
	margin:  0 auto;
}
.green-2{
	margin-top: 20px;
	color: #87b415;
	font-size: 1em;
}
.green{
	color: #87b415;
	font-size: 1.5em;
	line-height: 1;
	padding: 0 10px;
	margin: auto;
}
.green tr{
	float: none;
}
.green_non{
	color: #777;
	font-size: 1.5em;
	line-height: 1;
	padding: 0 10px;
	margin: auto;
}
.green_non tr{
	float: none;
}
.item{
	max-width: 1200px;
}
.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    max-width: 130px;
	padding: 0;
	margin-left: 0px;
}

.navbar-brand2 {
    max-width: 65px;
	padding: 2px 0 0 0px;
	margin-left: -10px;
}
.navbar-brandx {
    max-width: 105px;
	padding: 10px 0 0 0;
	margin-left: 50px;
}
.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}
.navbar-header {
	display: block;
	background-color: #fff;
}
.img-full {
    min-width: 100%;
}

.img-self {
    width: 100%;
	margin: 0 auto;
}
.img-self2 {
    width: 70%;
	margin: 0 auto;
}
/*
.brand-before,
.brand-name {
    text-transform: capitalize;
}*/

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 1em 0 0;
	color: #87b415;
    font-size: 1em;
	font-weight: 500;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin: 0;
    padding: 10px 10px 0;
    background: #fff;
    background: rgba(255,255,255,0.9);
}
.box p{
	font-size: 1em;
}
.exp_box ul li{
	font-size: 1.1em;
}
.main_h1{
	margin-top: 0;
	color: #83b367;
	font-size: 22px;
	font-weight: 600;
}
.inst_h1{
	margin-top: 0;
	color: #ea5415;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
}
.intro-text3 {
	color: #666;
	border-bottom: 1px solid #666;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px 0 10px;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0;
    margin: 10px 0 0;
}
.intro-text33 {
	color: #666;
	margin: 0 auto;
	max-width: 400px;
	padding: 10px 0 10px;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0;
    margin: 10px auto;
}
.intro-text2{
	background: #ea5415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
}
.intro-text2:hover{
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
}
.jump_de {
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
a .jump_de:hover{
	opacity: 0.7;
}
.intro-text {
	width: 100%;
	margin: 10px auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #fff;
	background-color :#87b415;
	padding: 13px 0;
    font-size: 1.1em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    letter-spacing: 0.1em;
}
.intro-text55 {
	width: 95%;
	margin: 10px auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #6f6f6f;
	padding: 10px 0;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 0.1em;
	border-radius: 30px;
}
.intro-text5 {
	background-color: #fac55f;
	color: #fff;
	margin-top: 0;
	padding: 10px 0;
    font-size: 1.6em;
    font-weight: 800;
    letter-spacing: 0;
	margin-bottom: 0;
}
.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}
.img-left-o99 {
	width: 45%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-left-o {
	max-width: 400px;
	width: 45%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-left-oo {
	max-width: 400px;
	width: 15%;
    float: right;
    margin-bottom: 10px;
}
.img-left-ooo {
	max-width: 170px;
	width: 15%;
    float: right;
    margin-right: 0px;
	margin-left: 20px;
}
.img-left-bfl {
	max-width: 120px;
	width: 15%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
.img-left-o22 {
	max-width: 130px;
	width: 37%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-left-o1 {
	max-width: 155px;
	width: 40%;
    float: left;
    margin-right: 10px;
	margin-left: 10px;
}
.img-right-o1 {
	max-width: 155px;
	width: 40%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-right-o2 {
	display: block;
	max-width: 95px;
	width: 20%;
    float: right;
    margin-right: 10px;
	margin-left: 10px;
}
.img-center{
	margin: 0 auto;
}
footer {
    background: #fff;
    background: rgba(255,255,255,0.9);
}

footer p {
    margin: 0;
    padding: 10px 0;
	font-size: 0.9em;
}
h3.des1{
	font-size: 14px;
	margin-top: 0;
	letter-spacing: -0.1em;
}
.des2{
	color: #666;
	font-size: 16px;
	font-weight: 300;
	padding: 0 5px;
	text-align: left;
	text-shadow: 2px 2px 0 #fff,
             -2px 2px 0 #fff,
             2px -2px 0 #fff,
             -2px -2px 0 #fff;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;
	border-bottom: 1px dotted #9d744a;
	border-bottom-width: thin; 
}
.des2 span{
	color: #999;
	font-size: 140%;
}
.bigger{
	font-size: 120%;
	font-weight: 500;
}
.fc-777{
	color: #777;
}

h2.des3{
	font-size: 16px;
	text-align: center;
}
.des4{
	padding: 0 1em;
	font-size: 1em;
	text-align: justify;
    text-justify: inter-ideograph;
}

.clover{
	font-size: 1.2em;
	text-align: justify;
    text-justify: inter-ideograph;
}
.clover td{
	font-size: 17px;
	padding: 5px;
}
.reason{
	margin-top: 20px;
	font-size: 1.2em;
	text-align: justify;
    text-justify: inter-ideograph;
}
.reason td{
	font-size: 15px;
	padding: 5px;
}
.number{
	font-size: 1.25em;
	border: 1px solid #87b415;
	min-width: 100%;
	text-align: justify;
    text-justify: inter-ideograph;
}
.number td{
	font-size: 17px;
	padding: 3px 7px;
}
.number-l2{
	width: 4em;
	font-size: 2em;
	font-weight: 500;
	color: #fff;
	background-color: #87b415;
	border-bottom: 1px solid #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.number-l{
	width: 1em;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	background-color: #87b415;
}
.reason-g{
	border: 1px solid #87b415;
	min-width: 100%;
}
.fc-orange{
	color: #ea5415;
	padding: 0 5px;
}
.off-on br{
	display: block;
}
.on-off2{
	display: none;
}
.off-on2{
	display: block;
}
.on-off br{
	display: none;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.pbb30{
	padding-bottom: 30px;
}
.ptt20{
	padding-top: 20px;
}
.effect{
	margin: 10px auto 0;
	padding: 10px 5px;
	width: 95%;
	border: 3px double rgba(157, 116, 74, 0.5);
	border-radius: 10px;
}
.portfolio-grids {
    padding: 0;
}
.img-responsive {
    width: 100%;
}
.img-responsive2 {
    width: 80%;
	margin: 0 auto;
}
.portfolio-grids a:hover .b-wrapper{
	bottom: 0%;
}
.b-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: -100%;
	left: -11px;
	padding: 0 1em;
	text-align: center;
}
.b-wrapper{
	bottom: 1px;
}
.b-wrapper h5 {
    font-size:16px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
		#fff 1px -1px 0px, #fff -1px -1px 0px;
	font-weight: 600;
    color: #444;
    text-align: center;
    padding:0;
}
.b-wrapper h4 {
    font-size:1em;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
}
.c h4 {
    font-size:1em;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
}
.trap-sp img{
	width: 10%;
}
.col-md-0{
	display: block;
}
.col-xs-0{
	display: none;
}
figcaption{
	font-size: 1.7em;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
}
.price-tb{
	border-collapse: collapse;	border-spacing: 0;
	max-width: 780px;
	width: 95%;
	margin:0 auto 5px;
}

.price-tb td{
	padding: 5px 2px;
	color: #777;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
}
.price-tb th{
	padding: 5px 5px;
	color: #777;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
}
.price-tb	{
	border: 1px solid #87b415;
}

.price-tb td	{
	border-bottom: 1px solid #87b415;
	border-left: 1px solid #87b415;
}
.btn-contact a{
	background: #ea5415;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	font-size: 1.6em;
	padding: 13px;
	border: 4px double #fff;
	border-radius: 10px;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.btn-contact a:hover{
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
	}

table.location {
	border-collapse: collapse;
	width:100%;
	font-size: 16px;
}
/*td.t_top {
    border-bottom: #be1309 4px solid;
}*/
th.location-th {
	width: 35%;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

td.location-td {
	
	text-align: left;
	padding: 10px;
}
.green-p{
	color: #777;
	padding:0 0 0.2em;
	font-size: 1.3em;
}
.lesson_j{
	color: #777;
	text-align: center;
	padding: 0;
	font-size: 1.3em;
}
#pagetop{
	text-align: center;
	margin: 30px 10px 0 0;
}
#pagetop a {
	background-color: #fff;	
	border: 4px double #87b415;
	color: #333;	/*文字色*/
	text-decoration: none;
	text-align: center;
	padding: 5px 20px;
	font-size: 12px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔。少し広げる設定。*/
	display: inline-block;
	border-radius: 1em;	/*角丸のサイズ*/
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
#pagetop a:hover {
	background-color: #87b415;	
	border: 4px double #fff;
	color: #fff;
}
.cream{
	background-color: #fbfbf1;
}
.green-border{
	border: 2px solid #bbd3a3;
}
.step3 p{
	padding: 0 10px;
}
.mtb-20{
	margin: 20px auto;
}
.exp_box{
	margin-top: 30px;
}
/*
.frame_01 {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}*/
.instractor_01{
	margin: 0;
	font-size: 25px;
	color: #84b564;
}
.instractor_03{
	margin: 10px 0 0;
	font-size: 1.1em;
	color: #666;
}
.instractor_02{
	font-size: 16px;
	color: #666;
}
.instractor_02 br{
	display: block;
}
hr.style-two {
	max-width:100%;
	margin: 3px 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.mt_sp10{
	margin-top: 10px;
}
.des11{
	font-size: 11px;
	padding: 0 1em;
	text-align: justify;
    text-justify: inter-ideograph;
}
.access_j a{
	background-color: #fff;	
	border: 4px double #87b415;
	color: #777;	/*文字色*/
	text-decoration: none;
	text-align: center;
	margin-left: 5em;
	padding: 5px 20px;
	font-size: 12px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔。少し広げる設定。*/
	display: inline-block;
	border-radius: 1em;	/*角丸のサイズ*/
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.access_j a:hover {
	background-color: #87b415;	
	border: 4px double #fff;
	color: #fff;
}
.location2{
	border: 1px solid #84b564;
}
.on-off3{
	display: none;
}
.off-on3{
	display: block;
}
.sub-title {
  position: relative;
  font-size: 1.2em;
color: #6f6f6f;
  padding: .25em 0 .5em .75em;
  border-left: 16px solid #ea5415;
}
.sub-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
.top-des{
	text-align: center;
	color: #555;
	font-size: 18px;
	padding: 0 10px;
}
.block1{
	width: 100%;
	display: block;
}
.block2{
	padding-top: 0;
	margin-top: 0;
	width: 100%;
	display: block;
}
@media screen and (min-width:768px) {
.box3p{
	font-size: 2em;
	line-height: 1.2;
	color: #87b415;
	font-weight: 700;
	padding: 10px 0;
	border-radius: 10px;
}
.box3 h4{
	font-size: 19px;
	text-align: left;
}
	.box3 p{
	text-align: left;
}
	
	.price-tb td{
	padding: 10px 20px;
	color: #777;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
}
.navbar-brand {
 	max-width: 180px;
	padding: 0;
	margin: 5px 0 25px 0;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-brand2 {
 	max-width: 90px;
	padding: 0;
	margin: 10px 25px 15px 0;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-brandx {
 	max-width: 150px;
	padding: 0;
	margin: 20px 0 0 0;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-brand:hover{
		opacity: 0.7;
	}
.navbar-brand2:hover{
		opacity: 0.7;
	}
.navbar-brandx:hover{
		opacity: 0.7;
	}
.price-tb th{
	padding: 10px 20px;
	color: #777;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
}
.top-des{
	text-align: center;
	color: #555;
	font-size: 23px;
	padding: 0 10px;
}
p {
    font-size: 1.25em;
    line-height: 1.3;
	padding: 0 10px;
    color: #333;
	text-align: justify;
    text-justify: inter-ideograph;
}
	.img-left-o22 {
	max-width: 400px;
	width: 17%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
	.img-left-o99 {
	max-width: 400px;
	width: 35%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
.img-left-o {
	max-width: 400px;
	width: 35%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
	.img-left-oo {
	max-width: 400px;
	width: 15%;
    float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
	.img-left-ooo {
	max-width: 300px;
	width: 30%;
    float: right;
    margin-right: 0;
	margin-left: 20px;
}
	.img-left-bfl {
	max-width: 400px;
	width: 16%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
.img-left-o1 {
	max-width: 255px;
	width: 20%;
    float: left;
    margin-right: 20px;
	margin-left: 10px;
}
.img-right-o1 {
	max-width: 255px;
	width: 20%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
.img-right-o2 {
	display: none;
	max-width: 255px;
	width: 10%;
    float: right;
    margin-right: 10px;
	margin-left: 20px;
}
	.sub-title {
  position: relative;
  font-size: 1.5em;
color: #6f6f6f;
  padding: .25em 0 .5em .75em;
  border-left: 16px solid #ea5415;
}
.sub-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
	.des4{
	padding: 0 1em;
	font-size: 1.25em;
	text-align: justify;
    text-justify: inter-ideograph;
}
	.box {
    margin: 0;
    padding: 10px 15px 0;

	}
	.box p{
		font-size: 1.25em;
	}
	.exp_box ul li{
	font-size: 1.25em;
	}
	.main_h1{
	color: #83b367;
	text-align: center;
	font-size: 45px;
	font-weight: 500;
	}
	.inst_h1{
	color: #ea5415;
	text-align: center;
	font-size: 45px;
	font-weight: 500;
	}
	.clover{
	font-size: 1.4em;
	padding: 10px;
	}
	h3.des1{
	font-size: 23px;
	}
.des2{
	font-size: 1.2em;
	padding: 0 5px;
	}
	h2.des3{
	text-align: center;
	font-size: 28px;
	}
	.intro-text3 {
	color: #666;
	border-bottom: 1px solid #666;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px 0 10px;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 1px;
	}
	.intro-text33 {
	color: #666;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px 0 10px;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 1px;
	}
	.intro-text2 {
	padding: 10px 0;
    font-weight: 400;
    letter-spacing: 1px;
	margin: 10px 5px 0 5px;
	}
	.intro-text {
	width: 100%;
	margin-top: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-color: #87b415;
	color: #fff;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 15px 0 10px;
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 1px;
	margin-bottom: 10px;
	}
	.intro-text55 {
	width: 100%;
	margin-top: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #6f6f6f;
	padding: 10px 0 5px;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 1px;
	margin-bottom: 0;
	}
	.intro-text5 {
	color: #fff;
	padding: 10px 0;
    font-size: 3em;
    font-weight: 800;
    letter-spacing: 1px;
	margin-bottom: 0;
	}
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 20px 35px 10px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: right;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
	.brand-name {
    margin: 1em 0 0;
	color: #87b415;
    font-size: 2.3em;
	font-weight: 500;
	}
	.off-on br{
	display: none;
	}
	.on-off br{
	display: block;
	}
	.ptt20{
	padding-top: 0;
	}
	.img-pc{
		display: block;
	}
	.img-sp{
		display: none;
	}
	.b-wrapper h5 {
    font-size:20px;
	font-weight: 600;
    color: #555;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
		#fff 2px -2px 0px, #fff -2px -2px 0px;
    text-align: center;
    padding:0;
	}
	.b-wrapper h4 {
    font-size:26px;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
	}
	.c h4 {
    font-size:26px;
	font-weight: 600;
    color: #555;
    text-align: center;
    padding:0;
	}
	.effect{
	margin: 10px auto 0;
		width: 90%;
	}
	.number{
	font-size: 1.25em;
	margin-bottom: 1em;
	border: 1px solid #87b415;
	min-width: 100%;
	text-align: justify;
    text-justify: inter-ideograph;
	}
	.number td{
	font-size: 20px;
	padding: 5px 10px;
	}
	.clover td{
	font-size: 20px;
	padding: 5px;
	}
	.reason td{
	font-size: 20px;
	padding: 15px 10px;
	}
	.number-l{
	width: 1em;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	background-color: #87b415;
	}
	.number-l2{
	width: 4em;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	background-color: #87b415;
	}
	.reason-g{
	border: none;
	}
	.green-2{
	margin-top: 20px;
	color: #87b415;
	font-size: 1.8em;
	}
	.green-p{
	color: #777;
	padding: 0 0 0.2em;
	font-size: 2em;
	}
	.lesson_j{
	color: #777;
	padding: 1em 0 0em;
	text-align: center;
	font-size: 2em;
	}
	footer p {
    margin: 0;
    padding: 10px 0;
	font-size: 1.25em;
	}
	table.location {
	border-collapse: collapse;
	width:100%;
	font-size: 1.25em;
	}
	th.location-th {
	width: 25%;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	}
	.btn-contact a{
	background: #ea5415;
	color: #fff;
	font-size: 2em;
	padding: 13px;
	border: 4px double #fff;
	border-radius: 10px;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    }
	#pagetop{
	text-align: right;
	margin: 30px 10px 0 0;
	}
	.img-self {
    max-width: 60%;
	margin: 0 auto;
	}
	.img-self2 {
    max-width: 20%;
	margin: 0 auto;
	}
	.instractor_01{
	margin: 0;
	font-size: 29px;
	color: #84b564;
	}
	.instractor_03{
	margin: 20px 0 0;
	font-size: 1.5em;
	color: #666;
	}
	.instractor_02{
	padding-left: 20px;
	font-size: 19px;
	color: #666;
	}
	.des11{
	font-size: 10px;
	padding: 0 1em;
	text-align: justify;
    text-justify: inter-ideograph;
	}
	.img-responsive2 {
    width: 100%;
	margin: 0 auto;
	}
	.on-off3{
	display: block;
	}
	.off-on3{
	display: none;
	}
	}
@media screen and (min-width:992px) {
	.on-off2{
	display: block;
	}
	.off-on2{
	display: none;
	}
	.col-md-0{
	display: none;
	}
	.col-xs-0{
	display: block;
	}
	.green tr{
	float: left;
	padding-right: 1em;
	}	
	.green_non tr{
	float: left;
	padding-right: 1em;
	}
	th.location-th {
	width: 15%;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	}
	.btn-contact a{
	background: #ea5415;
	color: #fff;
	font-size: 2em;
	padding: 13px;
	border: 4px double #fff;
	border-radius: 10px;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
	.instractor_02{
	padding-left: 20px;
	font-size: 20px;
	color: #666;
	}
	.instractor_02 br{
	display: none;
	}
}
@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
	.brand-name {
    margin: 1em 0 0;
	color: #87b415;
    font-size: 3.2em;
	font-weight: 500;
	}
}

/*header menu_____________________________________*/
header {
	width: 95%;
	margin: 0 auto;
	display:table;
	font-size:0;
	line-height:0;
}
header h1, .colo-nav{
	display:table-cell;
}
.colo-nav{
	text-align:left;
	vertical-align:middle;
}
header h1 a img {
	height:40px;
	margin:10px;
}
header ul {
	font-size:17px;
	line-height:1;
	margin:0 10px 10px 0;
}
header ul li {
	margin-top: 10px;
	margin-left:3px; 
	display:inline-block;
}
header ul li::after {
	content:' |';
}
header ul li:last-child::after {
	content:'';
}
header ul li a {
	color:inherit;
}
/* Toggle(Button) */
#navToggle {
	display: none;
	position:absolute;/*to body*/
	right:13px;
	top:13px;
	width:30px;
	height:25px;
	cursor:pointer;
}
#navToggle div {
	position:relative;
}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #666;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {
	top:0;
}
#navToggle span:nth-child(2) {
	top:11px;
}
#navToggle span:nth-child(3) {
	top:22px;
}


/*Media-queries_____________________________________*/

@media screen and (max-width: 992px) {
header .colo-nav{
	position:absolute;
	right: 10px;
    top:-300px; /*通常時はビュー外*/
	background:rgba(255,255,255,.7);
    width:50%;
	text-align: right;
	padding:0 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left;
	z-index: 999;
	}
header ul {margin:0}
header ul li {
	display:block;
	margin:0;
	border-bottom:dotted 1px #fff; 
	line-height:3;
	}
header ul li a {
	display:block;
	}
header ul li::after {
	content:'';
	}
header ul li:last-child {
	border-bottom:none;
	}
/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav .colo-nav{
	-moz-transform: translateY(351px);
	-webkit-transform: translateY(351px);
	transform: translateY(351px)}
}

/* Navigation */

.nav-sp{
	text-align: right;
	margin: 10px 0 0 50%;
	float: none;
}
.nav-sp li{
	display: block;
	font-size: 15px;
}
.nav-sp li a{
	color: #333;	
}
.nav-sp li a:hover{
	opacity: 0.7;	
}

.nav-items {
    padding: 0;
    list-style: none;
}

.nav-item {
    display: inline-block;
    margin-right: 0px;
}
.nav-item:last-child {
	padding-top: 0;
	padding-bottom: 0;
    margin: 0;
}

.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active,
.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    display: block;
    position: relative;
    font-size: 15px;
    letter-spacing: 0;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active {
    color: #555;
}

.nav-link::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.nav-link:hover::before,
.nav-link:hover::before {
    opacity: 0;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

.dropdown {

}

.nav-link {
    height: 17px;

}

.dropdown .nav-link::after {
    content: "";
    position:absolute;
    top: 6px;
    right: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.submenu {
    position: absolute;
    top: 100%;
    right: 2%;
    z-index: 100;
    width: 230px;
    margin-left: 0;
	padding: 0 10px;
    background: #fff;
    border-radius: 3px;
    line-height: 1.46667;
    margin-top: -5px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    opacity:0;
    -webkit-transform: translate(0, 0) scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.submenu::after, 
.submenu::before {
    content: ""; 
    position: absolute;
    bottom: 100%;
    right: 5%;
    margin-left: -10px;
    border: 10px solid transparent;
    height: 0;
}

.submenu::after {
    border-bottom-color: #fff;
}

.submenu::before {
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
    -webkit-filter:blur(1px);
    filter:blur(1px);
}

.submenu-items {
    list-style: none;
    padding: 10px 0;
}

.nav-sp .submenu-item {
    display: block;
    text-align: left;
}

.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    color: #3498db;
    padding: 10px 20px;
}

.submenu-link:hover {
    text-decoration: underline;
}

.submenu-seperator {
    height: 0;
    margin: 12px 10px;
    border-top: 1px solid #eee;
}

.show-submenu .submenu {
    opacity: 1;
    -webkit-transform: translate(0, 25px) scale(1);
    transform: translate(0, 25px) scale(1);
    pointer-events: auto;
}
.top-grid{
	position:relative;
	overflow: hidden;
}
.top-grid img{
	width:100%;
}
.picture-in {
	color: #fff;
	background: rgba(235, 97, 0, 0.75);
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	line-height: 1.1;
	text-align: center;
    position: absolute;
	padding: 10px;
    top: 0;
	left: 0;
}
.captn {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.5em 1em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn h4 {
    font-size: 1em;
    color: #fff;
}

.top-grid:hover .captn{
    bottom: 50%;
}
.captn2 {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.1em 0.5em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn2 h4 {
    font-size: 0.75em;
    color: #fff;
}

.top-grid:hover .captn2{
    bottom: 30%;
}
.dropdown .nav-link{
	padding-top: 0px;
}
.banner_title{
	text-align: center;
	color: #777;
	font-size: 16px;
}

.banner_jump p{
	background: #ea5415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
	height: 60px;
	vertical-align: text-bottom;
}
.banner_jump555 p{
	background: #ea5415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
	height: 50px;
}
.banner_jump2 p{
	background: #ea5415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
	height: 60px;
}
.banner_jump4 p{
	background: #87b415;
	border: 4px double #fff;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
	border-radius: 10px;
	margin: 3px;
	height: 60px;
}
.banner_jump p:hover {
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
}
.banner_jump555 p:hover {
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
}
.banner_jump4 p:hover {
	background-color: #fff;
	border-color: #87b415;
	color: #87b415;
}
.banner_jump2 p:hover {
	background-color: #fff;
	border-color: #ea5415;
	color: #ea5415;
}
.coming_soon{
	font-size: 12px;
	font-weight: 300;
}
.japanese{
	letter-spacing: -2px;
}
.accordion-item {
  position: relative;
  cursor: pointer;
}
.accordion-item:hover {
  background-color: #fff;
}

.accordion-item .plus {
  position: absolute;
  top: -5px;
  right: 25px;
  color: #84b564;
  font-size: 20px;
}
.question{
  text-align: center;
	border-bottom: 1px solid #eee;
}
.answer {
  display: none;
}
@media screen and (min-width:992px) {
.nav-sp{
	margin-top: 15px;
	float: right;
}
.nav-sp li{
	display: inline-table;
	padding-bottom: 5px;
	font-size: 15px;
}
.nav-sp li a{
	color: #333;	
}
.nav-sp li a:hover{
	opacity: 0.7;	
}
}
@media screen and (min-width:768px) {
	/* Navigation */
.picture-in {
	color: #fff;
	background: rgba(235, 97, 0, 0.75);
	font-size: 40px;
	font-weight: 500;
	width: 100%;
	line-height: 1.1;
	text-align: center;
    position: absolute;
	padding: 10px;
    top: 0;
	left: 0;
}
.nav-items {
    padding: 0;
    list-style: none;
}

.nav-item {
    display: inline-block;
    margin-right: 15px;
}

.nav-item:last-child {
    margin-right: 0;
	padding-top: 10px;
}
.dropdown .nav-link{
	padding-top: 10px;
}
.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active,
.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    display: block;
    position: relative;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active {
    color: #555;
}

.nav-link::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.nav-link:hover::before,
.nav-link:hover::before {
    opacity: 0;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

.dropdown {

}

.dropdown .nav-link {
    height: 17px;

}

.dropdown .nav-link::after {
    content: "";
    position:absolute;
    top: 6px;
    right: 0;
    border-top-color: #fff;
}

.submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 100;
    width: 230px;
    margin-left: -140px;
	padding: 0 10px;
    background: #fff;
    border-radius: 3px;
    line-height: 1.46667;
    margin-top: -5px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    opacity:0;
    -webkit-transform: translate(0, 0) scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.submenu::after, 
.submenu::before {
    content: ""; 
    position: absolute;
    bottom: 100%;
    right: 40%;
    margin-left: -10px;
    border: 10px solid transparent;
    height: 0;
}

.submenu::after {
    border-bottom-color: #fff;
}

.submenu::before {
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
    -webkit-filter:blur(1px);
    filter:blur(1px);
}

.submenu-items {
    list-style: none;
    padding: 10px 0;
}

.submenu-item {
    display: block;
    text-align: left;
}

.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active {
    color: #3498db;
    padding: 10px 20px;
}

.submenu-link:hover {
    text-decoration: underline;
}

.submenu-seperator {
    height: 0;
    margin: 12px 10px;
    border-top: 1px solid #eee;
}

.show-submenu .submenu {
    opacity: 1;
    -webkit-transform: translate(0, 25px) scale(1);
    transform: translate(0, 25px) scale(1);
    pointer-events: auto;
}
.top-grid{
	position:relative;
	overflow: hidden;
}
.top-grid img{
	width:100%;
}
.captn {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.5em 1em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn h4 {
    font-size: 1.2em;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.top-grid:hover .captn{
    bottom: 100%;
}
.captn2 {
	background: rgba(255, 193, 7, 0.75);
    padding: 0.5em 1em;;
    position: absolute;
    border: solid 1px #FFF;
	border-radius: 5px;
    right: 5%;
    bottom: -100%;
    text-align: center;
    -webkit-transition: 1s all;
    transition: 1s all;
    -moz-transition: 1s all;
}
.captn2 h4 {
    font-size: 1.2em;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.top-grid:hover .captn2{
    bottom: 30%;
}

.banner_title{
	font-size: 25px;
}
.banner_jump p{
	font-size: 17px;
}
.banner_jump555 p{
	font-size: 17px;
}
.banner_jump2 p{
	font-size: 17px;
}
.banner_jump4 p{
	font-size: 17px;
}
}


h2.resp-accordion {
	cursor: pointer;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
.login-top h2{
	text-align: center;
	padding-top: 20px;
	color: #777;
}
/*-- //main-section --*/ 
.studio808 input{
	width: 100%;
	height: 35px;
	padding: 5px 10px;
}
.studio808 select{
	width: 100%;
	height: 35px;
	padding: 5px 10px;
}
.studio808 textarea{
	width: 100%;
	padding: 5px 10px;
	height: 80px;
}
input:focus, select:focus, textarea:focus {
outline: 2px solid rgba(255, 193, 7, 0.75);
}
input[type="submit"]{
	margin-bottom: 18px;
	-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
    color: #fff;
    font-size: 1em;
	font-weight: 600;
	letter-spacing: 1px;
    padding: .5em 2em;
    border: solid 2px #91BD09;
    text-align: center;
    text-decoration: none;
    background: #91BD09;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
input[type="submit"]:hover {
    background: none;
    color: #91BD09;
}
.policy{
	margin: 10px;
	overflow-x: hidden;
	height: 80px;
}
.policy p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}
.syoudaku{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
	font-size: 13px;
}
.copyright{
	font-size: 14px;
	text-align: center;
}
.cl-red{
	color: #bb0000;
}
.fw-bold{
	font-weight: 600;
}
.txt-small{
	font-size: 80%;
	width: 95%;
	max-width: 980px;
	text-align: right;
}
.txt-center{
	text-align: center;
}
.mt0{
	margin-top: 0;
}
.mt10{
	margin-top: 10px;
}
.w11{
	text-align: center;
	
}
.descr{
	padding: 0 20px;
	margin: 0 auto;
}
.descr2{
	padding: 0 40px;
	margin: 0 auto;
}
.line-h2{
	line-height: 1.8;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 0;
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
table.price {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 1px 0;
    font-size: 15px;
}
table.price th,
table.price td {
    padding: 10px;
}
table.price th {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset;
    border-radius: 5px 5px 10px 10px;
    background: #88b7d5;
    vertical-align: middle;
    text-align: center;
    width: 125px;
    height: 50px;
    position: relative;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    font-size: 20px;
}
table.price th.c1 {
    background: rgb(162,206,26); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(97,174,36,1) 1%, rgba(86,155,32,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(97,174,36,1)), color-stop(100%,rgba(86,155,32,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(97,174,36,1) 1%,rgba(186,155,32,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61ae24', endColorstr='#569b20',GradientType=0 ); /* IE6-9 */
}
 
table.price th.c2 {
    background: rgb(255,182,193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,192,203,1) 1%, rgba(255,182,193,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,192,203,1)), color-stop(100%,rgba(255,182,193,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,192,203,1) 1%,rgba(255,182,193,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,192,203,1) 1%,rgba(255,182,193,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,192,203,1) 1%,rgba(255,182,193,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,192,203,1) 1%,rgba(255,182,193,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC0CB', endColorstr='#FFB6C1',GradientType=0 ); /* IE6-9 */
}
 
table.price th.c3 {
    background: rgb(29,140,233); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,191,255,1) 1%, rgba(30,144,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,191,255,1)), color-stop(100%,rgba(30,144,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,191,255,1) 1%,rgba(30,144,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,191,255,1) 1%,rgba(30,144,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,191,255,1) 1%,rgba(30,144,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,191,255,1) 1%,rgba(30,144,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113f8c', endColorstr='#0f387d',GradientType=0 ); /* IE6-9 */
}
table.price th.c4 {
    background: rgb(255,255,255); 
}
table.price th:after {
    top: 69px;
    left: 5px;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 78px solid transparent;
}
/* firefox */
@-moz-document url-prefix() {
    table.price th {
        text-indent: 10px;
    }
    table.price th::after {
        padding: 0;
        top: 60px;
        left: 0;
        content: "";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 50px solid transparent;
        border-top: #B7D567 15px solid;
    }
}
table.price th.c1:after {
    border-top: #569b20 15px solid;
}
table.price th.c2:after {
    border-top: #b6113d 15px solid;
}
table.price th.c3:after {
    border-top: #0f387d 15px solid;
}
table.price td {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    text-align: center;
    padding-top: 15px;
    border: none;
    height: 70px;
}
 
table.price tr:nth-child(2n+1) td.c1 {
    background: #f7f9e8;
	font-size: 20px;
}
table.price tr:nth-child(2n+0) td.c1 {
    background: #f7f9e8;
	font-size: 20px;
}
 
table.price tr:nth-child(2n+1) td.c2 {
    background: #ffecf5;
	font-size: 20px;
}
table.price tr:nth-child(2n+0) td.c2 {
    background: #ffdfed;
	font-size: 20px;
}
 
table.price tr:nth-child(2n+0) td.c3 {
    background: #fff;
	font-size: 20px;
}
table.price tr:nth-child(2n+1) td.c3 {
    background: #e0ffff;
	font-size: 20px;
}
table.price tr .c8 {
    background: #ffffff;
	border: 1px solid rgba(230,230,230,0.7);
} 
 
table.price tr:last-child td {
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
table.price tr:last-child td .button {
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #ffaa22;
    padding:9px 18px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
    background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
    background-color:#ffec64;
    color:#333333;
    display:inline-block;
    text-shadow:1px 1px 0px #ffee66;
    -webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
    -moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
    box-shadow:inset 1px 1px 0px 0px #fff6af;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
table.price tr:last-child td .button:hover {
    background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
    background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) );
    background-color:#ffab23;
}
table.price tr:last-child td .button {
    position:relative;
    top:1px;
}
.ppppp{
	margin-bottom: -5px!important;
	padding-bottom: 0!important;
	color: #9d7349;
}