html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	font-family : Helvetica , YuGothic, "游ゴシック" , "Yu Gothic", '游ゴシック' , "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

a {
	color:#0d0c0a;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a img{
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a:hover,
a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

a:hover,
a:focus {
	text-decoration: none;
	color: #000;
}

h2{
	text-align: center;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.row{
	margin-left: -10px;
	margin-right: -10px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
	width: 50%;
  }
/*.present .col-6 {
  width: 33%;
}*/
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}

.pattern1{
	background: url(../images/pattern1.jpg) repeat;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}
.clearfix:after,
.container:after,
.row:after {
	clear: both;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

/* @media (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}
.sp-none{
	display: none !important;
}
} */

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm {
		display: block !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	.visible-lg {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-lg {
		display: none !important;
	}
}

.bigger{
	font-size: 120%;
}

.small{
	font-size: 80%;
}

.label {
	display: inline-block;
	padding: 1px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	font-size: 80%;
	margin-right: 6px;
	line-height: 1.5;
}

.label-cyan{
	background-color: #0eb1ac;
}

.label-orange{
	background-color: #ed6e28;
}

.label-white{
	background-color: #fff;
	color: #112a92;
}

.label-red{
	background-color: #e52a45;
}

.btn {
	text-align: center;
	display: inline-block;
	padding: 20px 50px;
	cursor: pointer;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

.btn-violet{
	background-color: #b941c4;
	border-bottom: 10px solid #8f1c99;
}

.btn-orange{
	background-color: #fa5f03;
	border-bottom: 10px solid #e7480a;
}

.container{
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

.inner{
	padding:0 120px 40px;
}

.desc {
	text-align: center;
	margin: 2em 0;
}

#header{
	background-color: #112a92;
	color: #fff;
	overflow: hidden;
}

#header .navbar-header{
	padding: 25px 30px;
	float: left;
}

#header .contact-info{
	float: right;
	overflow: hidden;
	font-size: 13px;
}

#header .contact-info > *{
	display: inline-block;
	vertical-align: middle;
}

#header .contact-info .open-dairy {
	width: 290px;
	margin-top: 10px;
}

#header .contact-info .open-dairy .clearfix > *{
	margin-bottom: 5px;
}

#header .contact-info > .open-dairy .item:nth-child(odd) {
	width: 170px;
	float: left;
	padding-right: 10px;
}

#header .contact-info > .open-dairy .item:nth-child(even) {
	width: 120px;
	float: left;
}

#header .contact-info > .telephone {
	margin: 15px;
	text-align: center;
}

#header .contact-info > .telephone > .open-dairy {
	margin-top: 0;
	width: auto;
}

#header ul.btn-group {
	float: right;
}

#header ul.btn-group > li{
	float: left;
}

#header ul.btn-group > li > a{
	line-height: 90px;
	display: block;
	padding:0 15px;
}

#header ul.btn-group > li > a.btn-map{
	background-color: #0eb1ac;
}

#header ul.btn-group > li > a.btn-join{
	background-color: #fe6c01;
}

#header ul.btn-group2 {
	float: right;
}

#header ul.btn-group2 > li{
	float: left;
}

#header ul.btn-group2 > li > a{
	line-height: 90px;
	display: block;
	padding:0 15px;
}

#header ul.btn-group2 > li > a.btn-map{
	background-color: #0eb1ac;
}

#header ul.btn-group2 > li > a.btn-join{
	background-color: #fe6c01;
}

/* .visual{
	background:url(../images/header_bg2_0413.jpg) no-repeat top center;
	padding:30px 0 0;
} */




.visual .leading + p {
	font-size: 17px;
	margin-left: 10px;
	position: relative;
	left:-180px;
	top:14px;
	z-index: 1;
	color: #fff;
	font-weight: bold;
}

.visual .leading{
	position: relative;
	left:-235px;
}


.visual .leading:before {
/*	background: url(../images/lead_leaf_bg.png) no-repeat;*/
	content: '';
	width: 627px;
	height: 350px;
	position: absolute;
	left: -100px;
}

/* .visual .bottom-bar {
    background: url(../images/visual_bottom.png) no-repeat center;
    height: 350px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: -30px;
} */

.present {
	border: 5px solid #fd8a2e;
	background-color: #fff;
	margin-top: 60px;
	margin-bottom: 60px;
}

.present .title-bar{
	background: url(../images/orange_gradient_bg.png) no-repeat;
	text-align: center;
	padding:15px;
}

.present .title-bar>img{
	margin-top: 0px;
}

.present .desc {
	font-size: 18px;
	margin: 20px 0;
}

.present .btn-group {
	margin: 3%;
	overflow: hidden;
	text-align: center;
}

.present .btn-group > a {
	display: inline-block;
	width: 45%;
	padding: 2% 5%;
}

.present .btn-violet{
	margin-right: 10px;
}

.present .btn-orange{
	margin-left: 10px;
}

#recommend,
#member-menus{
	background: url(../images/pattern2.jpg) repeat;
	padding-top: 30px;
}

#recommend .title-bar{
	background-color: #26aeae;
	color: #fff;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	padding: 8px 0;
	position: relative;
}

#movie .title-bar{
	background-color: hsl(303, 100%, 74%);
	color: #fff;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	padding: 8px 0;
	position: relative;
}


#movie .title-bar + .inner{
	border: 5px solid  hsl(303, 100%, 74%);
	background-color: #fff;
	margin-bottom: 60px;
}

/*
#recommend .title-bar:before {
	content: '';
	position: absolute;
	background: url(../images/leaf_bg.png) center no-repeat;
	height: 127px;
	width: 100%;
	left: 0;
	top: -30px;
}
*/

#recommend .title-bar > span{
	color: #f9f10c;
}

#recommend .title-bar + .inner{
	border: 5px solid #26aeae;
	background-color: #fff;
	margin-bottom: 60px;
}

.course{
	margin-top: 60px;
}

.course .title-group{
	position: relative;
}

.course .title-group:after {
	position: absolute;
	content: '';
	width: 164px;
	height: 141px;
	background: url(../images/tag_circle.png) no-repeat;
	top: -40px;
	left: 15px;
}

.course .title-group h3 {
	background-color: #fff;
	color: #26aeae;
	text-align: center;
	font-size: 40px;
	padding: 7px 0;
	border: 4px solid #26aeae;
	margin-bottom: 0;
}

.course .title-group h3 + p {
	background: url(../images/pattern3.jpg);
	font-size: 26px;
	color: #fff;
	text-align: center;
	margin-top: 0;
	padding: 7px 0;
	font-weight: bold;
}

.course .box-data {
	background-color: #e3f0f0;
	padding: 20px;
}

.course .box-data span:first-child{
	color: #26aeae;
	margin-right: 15px;
}

.course .col-6 > p{
	margin-top: 0;
}

.bg_be {
	background: url(../images/yoga_bg.png) no-repeat center top;
	margin-left: -120px;
	margin-right: -120px;
	margin-bottom: -40px;
	position: relative;
	padding: 70px 120px;
}

.yoga-hot {
	background: url(../images/yoga_bg.png) no-repeat center top;
	height: 470px;
	margin-left: -120px;
	margin-right: -120px;
	margin-bottom: -40px;
	position: relative;
	padding: 70px 120px;
}

.yoga-hot .left-box{
	float: left;
	width: 435px;
	margin-right: 20px;
	margin-left: 40px;
}

.yoga-hot .left-box .btn{
	margin-top: 15px;
}

.yoga-hot .right-box {
	float: right;
	width: 450px;
	margin-top: -117px;
}


.weekly{
	margin: 2em 0;
}

.weekly table{
	width: 98%;
	border: solid 3px #EEEEEE; 
	margin: 0 auto;
}
.weekly thead td{
	color:#0044FF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
.weekly th,td{
	border-bottom: solid 0.5px #EEEEEE;
	padding: .6em 0;
}
.weekly th{
	background-color: #EEEEEE;
}

#trail-lesson {
	background: url(../images/pattern4.jpg) repeat;
	padding-top: 30px;
}

#trail-lesson .title-bar {
	background-color: #32bbe8;
	color: #fff;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	padding: 8px 0;
	position: relative;
}

#trail-lesson .title-bar > span {
	color: #f9f10c;
}

/*
#trail-lesson .title-bar:before {
	content: '';
	position: absolute;
	background: url(../images/leaf_bg.png) center no-repeat;
	height: 127px;
	width: 100%;
	left: 0;
	top: -30px;
	background-size: 640px auto;
}
*/


#trail-lesson .title-bar + .inner {
	border: 5px solid #32bbe8;
	background-color: #fff;
	margin-bottom: 60px;
}

#trail-lesson .blocks .block{
	margin-bottom: 60px;
}

#trail-lesson .blocks .block h3 {
	overflow: hidden;
	border: 5px solid #32bbe8;
	position: relative;
	z-index: 1;
	background-color: #fff;
	margin-top: 10%;
	vertical-align: middle;
}

#trail-lesson .blocks .block h3:first-of-type{
	margin-top: 0 !important;
}

#trail-lesson .blocks .block h3 + p {
	background: url(../images/pattern5.jpg);
	font-size: 26px;
	color: #fff;
	text-align: center;
	margin-top: 0;
	padding: 7px 0;
	font-weight: bold;
}

#trail-lesson .blocks .block h3 > img{
	float: left;
}

#trail-lesson .blocks .block h3 > span{
	font-size: 40px;
	color: #32bbe8;
	display: inline-block;
	vertical-align: middle;
	float: left;
	padding: 6px;
	text-align: center;
	width: calc(100% - 135px);
	padding-right: 70px;
}


#junior-exp .block h3 > span {
    font-size: 40px;
    color: #32bbe8;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding: 6px;
    text-align: center;
    width: calc(100% - 135px);
    padding-right: 70px;
}



#trail-lesson .blocks .block #block-left-02 p{
	background-color: #eafaff;
	padding:20px;
}

#trail-lesson .blocks .block #block-left-02 p > .mark {
	background: url(../images/mark_bg.jpg) repeat-x;
	background-position: 0 5px;
}

#trail-lesson .blocks .block #block-left-02:after {
	content: '';
	background: url(../images/bubbly.png) no-repeat;
	width: 735px;
	height: 80px;
	position: absolute;
	right: 0;
	bottom: -40px;
}

.btn-group-bottom {
	margin-top: 20px;
	text-align: center;
}

.btn-group-bottom > a {
	display: inline-block;
	width: 45%;
	padding: 2% 5%;
	margin: 0 1%;
}

.swim-img-group {
	margin-top: 50px;
	position: relative;
	text-align: center;
}

.swim-img-group > img:first-child,
.swim-img-group > img:last-child{
	width: 45%;
	margin: 0 1%;
	display: inline-block;
	vertical-align: middle;
}

.swim-img-group:before {
	content: '';
	width: 100%;
	height: 80px;
	background: url(../images/bubbly.png) no-repeat center 0;
	position: absolute;
	top: -70px;
}

.swim-img-group + .desc{
	margin-left: 40px;
	margin-right: 40px;
}

.table-exp {
	margin: 20px 20px 20px;
	border: 5px solid #32bbe8;
}

.table-exp.price{
	margin: 40px auto 40px;
	border: 2px solid #f84346 !important;
}

.table-exp .head {
	background-color: #32bbe8;
	font-size: 23px;
	color: #fff;
	padding: 5px;
}
.table-exp .subhead {
	background-color: #084393;
	font-size: 18px;
	color: #ffffff;
	padding: 5px;
}
.table-exp .data-item {
	display: table;
	width: 100%;
}

.table-exp .data-item .title {
	display: table-cell;
	background-color: #dcf6fe;
	padding: 2% 3%;
	width: 280px;
	font-size: 17px;
	font-weight: 700;
}

.table-exp .data-item .title2 {
	display: table-cell;
	background-color: #dcf6fe;
	padding: 2% 3%;
	width: 450px;
	font-weight: 700;
}

.table-exp.price .title {
	display: table-cell;
	background-color: #F84346;
	padding: 5px 40px;
	width: 160px;
	font-weight: 700;
	font-size: 1.3em;
	color: #FFFFFF;
}

.table-exp .data-item .descrip{
	    vertical-align: middle;
	display: table-cell;
	padding: 2% 3%;
}
.table-exp.price div.descrip span{
	color: darkblue;
	font-size: 1.1em;
	font-weight: bold;
}

.table-exp .data-item:first-child .title{
	padding-top: 20px;
}

.table-exp .table-exp .data-item:last-child .title{
	padding-bottom: 20px;
}

.table-exp .data-group {
	padding: 20px 30px;
	overflow: hidden;
}

.table-exp .data-group > *{
	float: left
}

.table-exp .data-group > p{
	float: left;
	width: 350px;
	padding: 40px 20px 40px 40px;
}

.table-exp .days-week{
	background-color: #dcf6fe;
	padding: 40px 20px;
	float: left;
	width: 210px;
}

.table-exp .days-week > strong{
	margin-bottom: 13px;
	display: block;
}

.table-exp .days-week > p{
	margin: 0;
}

.table-exp > div { background: #dcf6fe; }
.table-exp > div:nth-child(4),
.table-exp > div:nth-child(4) .title { background: #fff; }

#junior-exp > h3{
	margin-bottom: 0;
}

.text-pattern{
	background: url(../images/pattern5.png) repeat;
	font-size: 26px;
	color: #fff;
	text-align: center;
	margin-top: 0;
	padding: 7px 0;
	font-weight: bold;
}
.text-pattern2{
	background-color:#FEF0D2 ;
	font-size: 26px;
	color: #653C20;
	text-align: center;
	margin-top: 0;
	padding: 7px 0;
	font-weight: bold;
}

.text-pattern3{
	background: url(../images/pattern3.jpg) repeat;
	font-size: 26px;
	color: #fff;
	text-align: center;
	margin-top: 0 ;
	padding: 7px 0;
	font-weight: bold;
}
@media (max-width:768px){
.swim-img-group > img:first-child,
.swim-img-group > img:last-child{
	width: 100%;
	margin: 0 auto 1%;
	display: block;
	vertical-align: middle;
}	
.text-pattern2{
	font-size: 13px;
}
	.text-pattern3{
		margin-bottom: 0;
	}	
}
#junior-exp .block-inner{
	margin: 0 50px;
}

.text-orange{
	font-size: 23px;
	text-align: center;
	color: #fa5f03;
}

#junior-exp .column-junior .col-6:first-child img:nth-child(2){
	margin: 15px 0 5px;
}

#line-up .col-4{
	margin-bottom: 20px;
}

.teruya {
	background-color: #396dc4;
	padding: 70px 5% 5%;
	margin-bottom: 25px;
	position: relative;
}

.teruya.l_green {
	background-color: #ABBC00 !important;
}

.teruya.pink {
	background-color: #F13155;
}

.teruya:before{
	content: '';
	width: 144px;
	height: 137px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon_corner2.png) no-repeat;
}

.img-profile {
	float: left;
	width: 210px;
	margin-right: 40px;
	text-align: center;
	z-index: 1;
	position: relative;
}

.teruya .img-profile .name{
	display: block;
	margin-bottom: 10px;
}

.teruya .pro-det {
	float: left;
	width: calc(100% - 250px);
	color: #fff;
}

.teruya .pro-det .pro-det-title{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.teruya .pro-det .data-item .title{
	background-color: #fff;
	font-size: 16px;
	color: #4072c6;
	padding: 8px 13px;
}

#member-menus .head-sec{
	position: relative;
	text-align: center;
}

#member-menus .head-sec #mem-img01 {
	position: absolute;
	left: -10px;
}

#member-menus .head-sec #mem-img02 {
	position: absolute;
	right: 30px;
	top: 55px;
}

#member-menus .row{
	margin-left: -20px;
	margin-right: -20px;
}

#member-menus .col-6{
	padding-left: 20px;
	padding-right: 20px;
}

#member-menus .block-wrapper {
	background-color: #fff;
	border-radius: 6px;
	padding: 30px;
	box-shadow: 3px 3px 0 #aea892;
	margin-bottom: 25px;
}

#member-menus .block-wrapper h3{
	font-size: 32px;
	margin: 0 0 8px;
}

#member-menus .block-wrapper h3 > img{
	vertical-align: top;
	margin-right: 10px;
}

#member-menus .block-wrapper .price-bar{
	margin-left: -30px;
	margin-bottom: 15px;
}

#member-menus .block-wrapper .table-time{
	background-color: #dbf6f8;
	width: 100%;
	padding: 10px 20px;
	border-spacing: 0;
}

#member-menus .block-wrapper td:first-child{
	border-right: 1px solid #65c1c8;
	font-weight: bold;
	vertical-align: top;
}

#member-menus .block-wrapper td:last-child{
	padding: 0 20px;
}

.contact{
	background-color: #fafbfc;
	padding:60px 0;
}

.contact .logo{
	overflow: hidden;
}

.contact .logo > *{
	float: left;
}

.contact .logo > .desc {
	font-size: 24px;
	color: #fa5f03;
	float: left;
	margin: 10px 0 0 20px;
	text-align: left;
}

.contact .text{
	font-size: 40px;
	color: #112a92;
	text-align: center;
	border-top: 4px solid #112a92;
	border-bottom: 4px solid #112a92;
	margin: 20px 0 25px;
	font-weight: bold;
	padding: 5px 0;
}

.contact .google-map {
	width: calc(60% - 20px);
	height: 300px;
	float: left;
	margin-right: 20px;
}

.contact .google-map iframe {
	width: 100%;
	height: 100%;
}

.contact .address {
	background-color: #e9ecf2;
	padding: 20px 30px;
	float: left;
	width: 40%;
	height: 300px;
}
.contact .address .ct-row {
	display: table;
	margin-bottom: 10px;
}

.contact .address .ct-row > span{
	display: table-cell;
}

.contact .address .ct-row > span:first-child{
	color:#112a92;
	width: 95px;
	font-weight: bold;
}

.footer {
	background: url(../images/footer_bg.jpg) no-repeat center top #213a94;
	background-size: 100% auto;
	padding: 60px 0 20px;
	color: #fff;
}

.footer .inner{
	padding: 0 215px;
}

.footer .inner .info{
	float: left;
	width: 350px;
	margin-right: 30px;
}

.footer .inner .info p{
	margin: 0;
}

.footer .inner .info > a{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer .inner .info .bigger{
	margin: 0;
	font-weight: bold;
	font-size: 130%;
}

.footer .inner .info .address {
	margin-top: 15px;
	display: block;
	font-size: 14px;
}

.footer .inner .tel{
	float: left;
	width: 390px;
}

.footer .inner .tel .contact-info {
	text-align: center;
	padding-left: 8%;
}

.footer .inner .tel .contact-info .open-dairy {
	border-top: 1px solid #fff;
	padding-top: 15px;
	margin-top: 15px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
}

.footer .inner .tel .contact-info .open-dairy > .item{
	margin-bottom: 5px;
}

.footer .inner .tel .contact-info .open-dairy > .item:nth-child(odd) {
	width: 50%;
	float: left;
	text-align: right;
	padding-right: 10px;
}

.footer .inner .tel .contact-info .open-dairy > .item:nth-child(even) {
	width: 50%;
	float: right;
	text-align: left;
	padding-left: 10px;
}

.footer .link-contact{
	overflow: hidden;
}

.footer .btn {
	color: #fff;
	position: relative;
	border-radius: 0;
	text-decoration: none;
	font-size: 18px;
	height: 65px;
	display: block;
	float: left;
}

.footer .btn-red {
	background-color: #ea2344;
	width: 198px;
	padding: 18px 10px;
	margin-right: 7px;
}

.footer .btn-pink {
	background-color: #c562d1;
	width: 185px;
	padding: 7px 10px;
}

.footer .link-contact {
	overflow: hidden;
	margin-top: 20px;
}

.footer .btn-pink > *{
	display: inline-block;
	vertical-align: middle;
}

.footer .btn-pink > img{
	margin-right: 10px;
}

.footer .copyright{
	text-align: center;
	margin-top: 40px;
	font-size: 14px;
}
.footer .btn-orenge {
	background-color: #FF5722;
	width: 400px;
	padding: 18px 10px;
	margin-bottom: 7px;
}

.youtube{

	width: 100%;
}
/* Media Query */

@media (min-width:768px){
	#header .contact-info {
		width: calc(100% - 250px);
		text-align: right;
	}
}

@media (min-width:1199px){
	#header .contact-info {
		width: calc(100% - 310px);
	}
}

@media (min-width:768px) and (max-width: 1199px){
	#header .navbar-header {
		padding: 70px 20px;
		width: 250px;
	}

	#header .contact-info > *{
		display: inline-block;
	}

	#header ul.btn-group {
		float: none;
		width: 100%;
	}

	#header ul.btn-group > li {
		float: left;
		width: 50%;
		text-align: center;
	}

	#header .contact-info .open-dairy,
	#header .contact-info > .telephone{
		float: left;
		margin: 0;
	}

	#header .contact-info .open-dairy {
		width: 60%;
		margin-top: 4%;
	}

	#header .contact-info > .telephone {
		width: 40%;
		padding: 2%;
	}

	#header .contact-info > .telephone > .open-dairy {
		margin-top: 0;
		width: 100%;
	}

	#header .contact-info > .telephone > .open-dairy img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#header .contact-info > .open-dairy .item{
		text-align: left;
	}

	#header .contact-info > .open-dairy .item:nth-child(odd) {
		width: 60%;
		text-align: right;
	}

	#header .contact-info > .open-dairy .item:nth-child(even){
		width: 40%;
		text-align: left;
	}

	.visual {
		height: auto;
		background-size: 1300px;
	}

	.visual .leading {
		margin-left: 0;
		width: 370px;
		margin-top: 20px;
	}

	.visual .leading:before {
		background: url(../images/lead_leaf_bg.png) no-repeat;
		content: '';
		width: 410px;
		height: 350px;
		position: absolute;
		left: -40px;
		background-size: 100%;
		top: -20px;
	}

	.inner{
		padding: 0 5% 5%;
	}

	#recommend .title-bar:before {
		background-size: 95%;
	}

	#movie .title-bar:before {
		background-size: 95%;
	}
	.course .title-group:after {
		position: absolute;
		content: '';
		width: 125px;
		height: 141px;
		background: url(../images/tag_circle.png) no-repeat;
		top: -40px;
		left: 10px;
		background-size: 100%;
	}

	.course .title-group h3{
		padding-left: 100px;
	}

	.yoga-hot {
		background: url(../images/yoga_bg.png) no-repeat center bottom;
		height: auto;
		margin-left: -5.7%;
		margin-right: -5.7%;
		margin-bottom:-5.7%;
		position: relative;
		padding: 10% 5% 5%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
	}

	.yoga-hot .left-box {
		float: left;
		width: 50%;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 5%;
		margin-top: 30px;
	}

	.yoga-hot .right-box {
		float: right;
		width: 50%;
		margin-top: -20px;
		padding-left: 5%;
	}

	.table-exp .data-group > *{
		float: none;
	}

	.table-exp .data-group > p {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.table-exp .days-week {
		float: none;
		width: 100%;
	}

	.table-exp .data-group > img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#trail-lesson .blocks .block h3 > span {
		font-size: 30px;
		padding: 13px;
	}

	#member-menus .head-sec #mem-img01,
	#member-menus .head-sec #mem-img02{
		display: none;
	}

	#member-menus .block-wrapper h3{
		font-size: 24px;
	}

	#member-menus .block-wrapper h3 > img{
		vertical-align: baseline;
	}

	#member-menus .block-wrapper .table-time{
		padding:3%; 
		font-size: 14px;
	}

	#member-menus .block-wrapper td:last-child {
		padding: 0 5px;
	}

	.contact .logo > .desc{
		width: calc(100% - 345px);
		padding-left: 20px;
		font-size: 20px;
		margin:0;
	}

	.contact .text{
		font-size: 28px;
	}

	.footer .inner {
		padding: 0 5%;
	}

	.footer .inner .info{
		width: 40%;
		margin: 0;
	}

	.footer .inner .tel{
		width: 60%;
		padding: 0;
	}

	.footer .link-contact{
		text-align: right;
	}

	.footer .btn{
		display: inline-block;
		vertical-align: middle;
		float: none;
		width: 45%;
	}
}

@media (min-width:768px) and (max-width: 991px){

	.teruya .pro-det .pro-det-title{
		font-size: 20px;
	}

	.visual .bottom-bar{
		margin-top: 0;
		padding-top: 70px;
	}

	.visual .bottom-bar img{
		width: 730px;
	}
}

@media (min-width:992px) and (max-width: 1199px){
	#header .contact-info {
		font-size: 18px;
		padding-left: 70px;
	}

	.visual .bottom-bar{
		padding-top: 30px;
		margin-top: -15px;
	}

	.visual .bottom-bar img {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

	#member-menus .head-sec #mem-img01,
	#member-menus .head-sec #mem-img02{
		display: block;
	}

	#member-menus .head-sec #mem-img01 {
		width: 170px;
		margin-top: 30px;
	}

	#member-menus .head-sec #mem-img02 {
		width: 150px;
		margin-top: 40px;
	}

	.table-exp .data-group > * {
		float: left;
	}

	.table-exp .data-group > p{
		float: left;
		width: 250px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.table-exp .days-week{
		float: left;
		width: 210px;
	}
}

@media (max-width:1199px){
	.footer{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
	}
}


@media (min-width:321px) and (max-width:767px){

	#header .contact-info .open-dairy .item:nth-child(odd) {
		width: 54%;
		float: left;
		text-align: right;
		padding-right: 10px;
	}
	#header .contact-info .open-dairy .item:nth-child(even) {
		width: 46%;
		float: right;
		text-align: left;
		padding-left: 10px;
	}
	
	#header .contact-info {
		font-size: 16px;
	}

	.visual .bottom-bar img{
		margin-top: -3%;
	}

	.course .title-group:after {
		display: none;
	}
}

@media (max-width:767px){

	.inner {
		padding:0 5% 5%;
	}

	.desc {
		margin: 5% 0;
	}

	.btn-group-bottom{
		margin-top: 1%;
	}
	
	#header .navbar-header {
		float: none;
		text-align: center;
	}
	
	#header .contact-info > *{
		display: block;
	}
	
	#header .contact-info {
		float: none;
		overflow: hidden;
	}
	
	#header .contact-info .open-dairy {
		width: 100%;
		margin-top: 0;
		margin: 0;
		overflow: hidden;
		text-align: center;
	}
	
	#header ul.btn-group > li:first-child{
		width: 30%;
	}
	
	#header ul.btn-group > li:last-child{
		width: 70%;
	}
	
	#header .contact-info > .telephone {
		margin-top: 5px;
		margin-left: 0;
		text-align: center;
	}
	
	#header .contact-info > .telephone > .open-dairy {
		margin: 10px 0;
	}
	
	#header ul.btn-group {
		float: none;
		text-align: center;
	}
	
	.visual {
		/* background-image: none; */
		height: auto;
		padding: 0;
		background-size:contain ;
	}

	.visual .leading {
		margin: 0;
		background-color: #fff;
		padding: 0;
		left:0;
		top:12em;
		display: none;
	}

	.visual .leading:before {
		display: none;
	}

	.visual .leading + p {
		margin: 0;
		background-color: #fff;
		padding: 0 5% 15%;
		color: #111111;
		left:0;
		top:9em;
		display: none;
	}
	.div#content{
		margin-top:14em;

}
	.visual .visible-xs img{
		width: 100%;
	}

	.visual .bottom-bar {
		background: none;
		height: auto;
		position: relative;
		z-index: 1;
		margin-top: -8%;
		margin-bottom: 0;
	}

	.present {
		margin: 5%;
	}

	.present .btn-group {
		margin: 5% 5% 8%;
	}

	.present .desc{
		font-size: 16px;
	}

	.present .btn-group {
		margin: 3% 0 0;
	}

	.present .btn-group > a {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		padding: 12px 20px;
	}

	.present .btn-group > a:last-child{
		margin-bottom: 0;
	}

	#recommend, #member-menus {
		padding: 0 5% 5%;
	}

	#recommend .title-bar {
		font-size: 20px;
		padding: 15px 8px 5px;
	}

	#recommend .title-bar:before{
		display: none;
	}

	
	#movie, #member-menus {
		padding: 0 5% 5%;
	}

	#movie .title-bar {
		font-size: 20px;
		padding: 15px 8px 5px;
	}

	#movie .title-bar:before{
		display: none;
	}

	.course {
		margin-top: 30px;
	}

	.course .title-group h3 {
		margin: 0;
		font-size: 18px;
	}

	.course .title-group h3 + p {
		padding: 10px;
		font-size: 18px;
	}

	.course .col-6{
		float: none;
		width: 100%;
	}

	.course .col-6:first-child{
		text-align: center;
		margin-bottom: 10px
	}
	
	.bg_be {
		background: url(../images/yoga_bg.png) no-repeat center bottom;
		height: auto;
		margin-left: -5.7%;
		margin-right: -5.7%;
		margin-bottom: -5.7%;
		position: relative;
		padding: 5% 5%;
		background-size: cover;
	}

	.yoga-hot {
		background: url(../images/yoga_bg.png) no-repeat center bottom;
		height: auto;
		margin-left: -5.7%;
		margin-right: -5.7%;
		margin-bottom: -5.7%;
		position: relative;
		padding: 15% 5% 5%;
		background-size: cover;
	}

	.yoga-hot .left-box,
	.yoga-hot .right-box{
		float: none;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.yoga-hot .left-box .btn {
		padding: 14px 20px;
		border-bottom-width: 6px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	#recommend .title-bar + .inner{
		margin-bottom: 0;
	}

	#trail-lesson {
		padding: 0 15px;
	}

	#trail-lesson .title-bar{
		font-size: 20px;
		padding: 15px 8px 5px;
	}

	#trail-lesson .blocks .block h3{
		height: 54px;
	}

	#trail-lesson .blocks .block h3 > img {
		width: 80px;
		margin-right: 2px;
	}

	#trail-lesson .blocks .block h3 > span{
		font-size: 20px;
		display: block;
		float: none;
		padding: 7px;
		padding-right: 0;
		margin: 0;
		width: auto;
	}

	#trail-lesson .col-6 {
		float: none;
		width: 100%;
		text-align: center;
	}

	#trail-lesson .col-6 p{
		text-align: left;
	}

	#trail-lesson #block-left-02 {
		margin-bottom: 40px;
		margin-top: 15px;
	}

	#trail-lesson .blocks .block #block-left-02:after{
		content: '';
		background: url(../images/bubbly.png) no-repeat;
		width: 100%;
		height: 80px;
		position: absolute;
		right: 0;
		bottom: -50px;
	}

	.btn-group-bottom > a {
		margin: 10px 0 0;
		width: 100%;
		padding: 10px 20px;
	}

	.swim-img-group {
		text-align: center;
	}

	.swim-img-group > img:first-child {
		float: none;
		margin-left: 0;
	}

	.swim-img-group > img:last-child {
		float: none;
		margin-right: 0;
		margin-top: 20px;
	}

	.swim-img-group + .desc {
		margin-left: 0px;
		margin-right: 0;
	}

	.table-exp {
		margin: 5% 0 0;
		border: 5px solid #32bbe8;
	}

.table-exp.price{
	margin: 5% 0 0;
	border: 5px solid #f84346 !important;
}	
	.table-exp .head {
		font-size: 18px;
		padding: 2%;
	}
	
		.table-exp .subhead {
		font-size: 15px;
		padding: 1%;
	}
	
	.table-exp .head span {
		font-size: 13px;
		padding: 2%;
	}	

	.table-exp .data-item {
		display: block;
		width: 100%;
	}

	.table-exp .data-item .title, .table-exp .data-item .descrip {
		display: block;
		width: 100%;
	}

	.table-exp .data-item .title,
	.table-exp .data-item:first-child .title,
	.table-exp .data-item:last-child .title,
	.table-exp .data-item .descrip {
		padding: 3% 5%;
	}

	.table-exp .data-group {
		padding: 15px;
		overflow: hidden;
	}

	.table-exp .data-group > *{
		float: none;
		width: 100%;
	}

	.table-exp .data-group > p{
		float: none;
		width: 100%;
		margin:10px 0;
		padding: 0;
	}
	.table-exp .days-week{
		padding: 10px;
	}

	#trail-lesson .blocks .block {
		margin-bottom: 30px;
	}

	#junior-exp .block-inner {
		margin: 0;
	}

	#junior-exp .block-inner .text-orange {
		font-size: 22px;
		text-align: center;
		color: #fa5f03;
		margin: 15px 0;
	}
	
h5.text-orange{
	font-size: 38px;
	text-align: center;
	color: #fa5f03;
	margin: 20px 0;
	}
	
	

	.column-junior .btn-violet {
		padding: 10px 15px;
		margin-top: 10px;
	}

	#trail-lesson .blocks .block .col-4 {
		float: left;
		width: 50%;
	}

	.teruya {
		padding: 5%;
		margin-bottom: 10px;
	}

	.teruya .img-profile {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-top: 60px;
	}

	.teruya .pro-det {
		float: none;
		width: 100%;
		color: #fff;
		margin-top: 10px;
	}

	.teruya .pro-det .pro-det-title {
		font-size: 20px;
	}

	.teruya .pro-det .data-item .title{
		font-size: 16px;
		padding: 5px 10px;
	}

	#trail-lesson .title-bar + .inner{
		margin-bottom: 5%;
		padding: 5%;
	}

	#member-menus .head-sec {
		padding: 5% 5% 0;
		width: 100%;
	}

	#member-menus .col-6 {
		width: 100%;
	}

	#member-menus .head-sec #mem-img01,
	#member-menus .head-sec #mem-img02{
		display: none;
	}

	#member-menus .block-wrapper{
		padding: 5%;
	}

	#member-menus .block-wrapper .price-bar{
		margin-left: -5%;
	}

	#member-menus .block-wrapper h3{
		font-size: 22px;
	}

	#member-menus .block-wrapper td:last-child {
		padding: 0 3%;
	}

	#member-menus .block-wrapper .table-time{
		padding: 2% 3%;
	}

	#member-menus .col-6:last-child .block-wrapper{
		margin-bottom: 0;
	}

	.contact{
		padding: 5% 0 0;
	}

	.contact .logo > *{
		float: none;
	}

	.contact .logo {
		text-align: center;
	}

	.contact .logo > .desc{
		margin: 3% 0;
		font-size: 15px;
		float: none;
	}

	.contact .google-map {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.contact .address {
		float: left;
		width: 100%;
		height: auto;
	}

	.contact .text{
		font-size: 16px;
		margin: 0 0 5%;
		padding: 5px 0;
	}

	.footer{
		padding: 5%;
	}

	.footer .inner{
		padding: 0;
	}

	.footer .inner .info {
		float: none;
		width: 100%;
		text-align: center;
		margin-right: 0;
	}

	.footer .inner .info > *{
		display: block;
	}

	.footer .inner .tel {
		float: none;
		width: 100%;
	}

	.footer .inner .tel .contact-info {
		text-align: center;
		padding-left: 0;
		margin-top: 5%;
	}

	.footer .btn-red {
		width: 48%;
		margin-right: 0;
		margin-bottom: 10px;
		float: left;
	}

	.footer .btn-pink {
		width: 48%;
		float: right;
	}

}

@media (min-width:640px) and (max-width:767px){
	.course .title-group h3 {
		font-size: 30px;
	}

	#trail-lesson .title-bar {
		font-size: 34px;
	}

	#trail-lesson .title-bar:before {
		background-size: 90%;
	}

	#trail-lesson .blocks .block h3{
		height: auto;
	}

	#trail-lesson .blocks .block h3 > img {
		width: 110px;
	}

	#trail-lesson .blocks .block h3 > span{
		font-size: 30px;
	}

	.contact .logo > * {
		float: left;
	}

	.contact .logo > img{
		margin-right: 5px;
	}

	.contact .text {
		font-size: 25px;
		margin: 5% 0;
		padding: 2% 0;
	}
}

@media (max-width:480px){

	#header .contact-info > .open-dairy .item:nth-child(odd),
	#header .contact-info > .open-dairy .item:nth-child(even){
		float: none;
		display: inline-block;
		vertical-align: middle;
	}

	#header .contact-info > .telephone{
		margin: 0;
	}

	#recommend .col-4 {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	#trail-lesson .blocks .block .col-4{
		float: none;
		width: 100%;
		text-align: center;
	}

	.present .col-6{
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}

	.present .btn-group{
		margin: 0;
	}

	.course .title-group:after{
		display: none;
	}

	.teruya .img-profile > img{
		width: 100%;
	}

	#member-menus .col-6{
		width: 100%;
		padding: 0 2%;
	}

	.swim-img-group > img:first-child,
	.swim-img-group > img:last-child{
		width: 100%;
		margin:0 0 5%;
		display: block;
	}

	.contact .google-map{
		float: none;
		width: 100%;
	}

	.contact .address {
		padding: 5%;
		float: none;
		width: 100%;
		height: auto;
	}

	.footer .inner .tel .contact-info .open-dairy > .item:nth-child(odd),
	.footer .inner .tel .contact-info .open-dairy > .item:nth-child(even) {
		float: left;
		width: 50%;
		text-align: center;
		font-size: 12px;
		padding: 0;
	}

	.footer .btn-red,
	.footer .btn-pink
	.footer .btn-orenge,{
		float: none;
		width: 100%;
	}
}

@media (min-width:321px) and (max-width:480px){
	#trail-lesson .blocks .block:nth-child(2) h3 > span, #trail-lesson .blocks .block:nth-child(3) h3 > span, #trail-lesson .blocks .block:nth-child(4) h3 > span {
		padding: 10px;
		line-height: 1.2;
		font-size: 20px;
	}
}

@media (max-width:320px){
	#trail-lesson .blocks .block:nth-child(2) h3 > span,
	#trail-lesson .blocks .block:nth-child(3) h3 > span,
	#trail-lesson .blocks .block:nth-child(4) h3 > span{
		padding: 4px;
		line-height: 1.2;
		font-size: 16px;
	}

	#junior-exp .text-pattern{
		font-size: 18px;
	}
}

.mtb_05em{
	margin: 0.5em auto;
}
.mtb_1em{
	margin: 1em auto;
}
.mtb_15em{
	margin: 1.5em auto;
}
.mtb_2em{
	margin: 2em auto;
}

.mt_1em{
	margin-top: 1em;
}

.mb_1em{
	margin-bottom: 2em;
}


.mb_15em{
	margin-bottom: 1.5em;
}
.mt_15em{
	margin-top: 1.5em;
}

.mb_2em{
	margin-bottom: 5em;
}


.swim_bg p{
	background-color: #00A1E9;
}

.tennis_bg p{
	background-color: #fa5f03;
}
.soccer_bg p{
	background-color: #25AB3A;
}

.mb0{
	margin-bottom: 0;
}

.kikan{
	width:100%;
}
.kikan p{
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 5px;
	padding: 2%;
	width: 48%;
	margin-left: 1%;
	display: inline-block;
	margin-top: 0;
	text-align: center;
}

@media (max-width:639px){
	
	.kikan p{
		width: 100% !important;
	}
	div.kikan p:last-of-type{
		width: 100% !important;
		margin-bottom: 0 !important;
	}	
	.kikan p img{
		width: 35% !important;
		display: inline;
	}	
	.kikan p img+br{
		display: none !important;
	}		
}


.comment{
	font-size: x-large;
	font-weight: 600;
	font-family: "Rounded Mplus 1c";
}


.c_orange{
	color:#fa5f03;
}
.c_green{
	color:#25AB3A;
}


.mt50{
	margin-top: 50px;
}
.mt30{
	margin-top: 30px;
}

.col-6 .pt20{
	padding-top: 20px;
}

div.trial div.col-6{
	vertical-align: top;
}
div.trial div.col-6 img{
	width: 100%;
}

div.col-6 div.kikan p img{
	width: 70%;
	text-align: center;
}

div.col-6 div.kikan p{
font-size: 16px;
}

div.trial{
	margin: 20px auto 0;
}
div.trial div.col-6:first-of-type{
	margin-bottom: 20px;
}
/*lessontable*/
div.blueline{
		border: 5px solid #32bbe8;
}

table.lesson {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
}
table.lesson th,
table.lesson td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}
table.lesson th {
  background-color: #dcf6fe;
  text-align: left;
}

@media screen and (max-width: 480px) {
  table.lesson {
    border: none;
		margin-bottom: 30px;
  }
  table.lesson thead {
    display: none;
  }
  table.lesson tr {
    border-top: 1px solid #999;
    display: block;
/*    margin-bottom: 20px;*/
  }
  table.lesson td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 10px;
    text-align: right;
  }
  table.lesson td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
	table.lesson td.sptd{
		background-color:  #dcf6fe;
	}
}


.new_program{
	background-color: #24B09B;
	padding: 15px 0;
	text-align: center;
}

#personal {
margin-top: 20px;
}

#personal div.col-6{
vertical-align: middle;
}


/*テーブル色変え系*/

/*色変え系*/

.table-exp.green {
	border: 5px solid #3EB134;
}
.table-exp.green .head {
	background-color: #3EB134;
}
.table-exp.green .data-item .title {
	background-color: #D5F8D0;
}
.table-exp.orange {
	border: 5px solid #F08200;
}
.table-exp.orange .head {
	background-color: #F08200;
}
.table-exp.orange .data-item .title {
	background-color: #F8F0D0;
}
.table-exp.red {
	border: 5px solid #E60012;
}
.table-exp.red .head {
	background-color: #E60012;
}
.table-exp.red .data-item .title {
	background-color: #FFD8D9;
}
/*色以外の微調整　PLAY＆STAY用*/
.table-exp.green .data-item .title,
.table-exp.orange .data-item .title,
.table-exp.red .data-item .title{
    padding: 5px 10px;
    width: 50%;	
}
@media (max-width:767px){
	.table-exp.green {
		border: 5px solid #3EB134;
	}	
		.table-exp.orange {
		border: 5px solid #F08200;
	}	
		.table-exp.red {
		border: 5px solid #E60012;
	}	
/*色以外の微調整　PLAY＆STAY用*/
.table-exp.green .head,
.table-exp.orange .head,
.table-exp.red .head{
text-align: center;
}	
.table-exp.green .data-item .title,
.table-exp.orange .data-item .title,
.table-exp.red .data-item .title{
    padding: 1% 10px;
    width: 44%;	
	display: inline-block;
	text-align: center;
}	
.table-exp.green .data-item .descrip,
.table-exp.orange .data-item .descrip,
.table-exp.red .data-item .descrip{
    padding: 1% 10px;
    width: 54%;	
	display: inline-block;
	text-align: center;
}	
	.table-exp.red {
		margin-bottom: 5%;
	}	
}

.ubound_text{
		font-weight: bold;
}
.ubound {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding:1.6em;
	margin: 10%;
	color: #454545;
  }
  p.tokuden{

	font-weight: bolder;
	font-size: 1.4em;
	text-align: center;
	

	}
	.ubound p{
		font-weight: bolder;
	}
	.female{
		color:#e91e63;
		font-weight: bolder;
		font-size: 1.2em;
	}
	.men{
		color:#0f21f9;
		font-weight: bolder;
		font-size: 1.2em;
	}
	
span.red {
	color: red;
}


/*-----「夏休みジュニア短期水泳教室」以下スタイル（2021.06.11）-----*/
table {
    border-collapse: collapse;
    width: 100%;
    margin: 3% auto 1% auto;
  }
  .tables, .swimming_details {
    width: 90%;
    margin: auto;
  }
  .tables table {
    border: #26aeae solid;
  }
  .tables p {
    margin-top : 0;
  }
  .tables td {
    padding: 2%;
  }
  .table_ttl {
    width: 30%;
    padding: 3%;
    font-weight: bold;
    font-size: 18px;
    background-color: #26aeae;
    color: #fff;
  }
  .swimming_details table {
    border: #26aeae solid;
  }
  .swimming_details th, .swimming_details td {
    border: #26aeae solid 1px;
  }
  .date td {
    padding: 2%;
  }
  .lt_blue {
    background-color: #e2fafa;
  }
  .swimming_details {
    margin-top: 4%;
  }
  .swimming_details td, .swimming_details th{
    padding: 2%;
  }
  .swimming_details th {
        background-color: #f9f10c;
        color: #26aeae;
    font-size: 18px;
  }
  .jikan, .teiin {
    width: 13%;
  }
  .trial_details {
    width: 80%;
    margin: auto auto 50px auto;
    text-align: center;
  }
  .trial_details table {
    border: #32bbe8 solid;
    margin-bottom: 0;
    margin-top: 0;
  }

  .trial_details td {
    border: #32bbe8 solid 1px;
  } 

  .trial_details th {
    background-color: #32bbe8;
    color: white;
    font-weight: bold;
    font-size: 18px;
  }

  .scroll {
    display: none;
  }

  .br_sp {
    display: none;
  }

  @media only screen and (max-width: 767px) {
    .tables {
        width: 90%;
      }
    /*----------期間----------*/
    .date {
      width: 100%;
    } 
    .date tr,
    .date td{
      display: block;
      width: 100%;
      position: relative;
    }
    /*----------正規スクールへの入会特典----------*/
    .benefits {
      width: 100%;
    } 
    .benefits tr,
    .benefits td
    {
      display: block;
      width: 100%;
      position: relative;
    }
    /*---------- 水泳詳細 ----------*/
    .swmg_table {
      width: 100%;
    }
    .swmg_table th {
      display: none;
    }
    .swmg_table tr,
    .swmg_table td{
      display: block;
      width: 100%;
      position: relative;
    }

    .swmg_table td {
      padding-top: 30px;
    }

    td:before {
      content: attr(data-title);
      background-color: #f9f10c;
      color: #26aeae;
      font-size: 18px;
      position: absolute;
      font-weight: bold;
      width: 100%;
      top: 0;
      left: 0;
      padding-left: 5px;
    }
    
    /*---------- 体験詳細 ---------*/
    .trial_details {
      width: 90%;
      overflow-x: scroll;
    }
    .trial_details table{
      margin-bottom: 2%;
    }
    .details {
      width: 530px;
      background-color: #fff;
      margin-bottom: 5px;
    }

  .scroll {
      display: block;
      margin-top: 0;
    }
  
    .br_sp {
    display: inline-block;
  }
}

/* 20251128ボタン追加 */
.swimming__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 600px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #015bb3;
    color: #fff;
    font-weight: 600;
    font-size: 2em;
	text-decoration: none;
}

.swimming__button::after {
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.swimming__button:hover {
    background-color: #004ba3;
}