@charset "utf-8";
/* CSS Document */

/*各ページimgに格納されたものを表示*/
.page_visual {
	background:url(../img/page_visual.png) no-repeat center top;
	background-size: cover;
}

.swim_visual {
	text-align: center;
    padding: 0px 0px 20px;
}

ul.swim_under {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content:space-around;
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 40px;
    min-height: 160px;
}


.main_parts {
    position: relative;
}



/*frame名ごとに背景指定*/
.main_parts.frame01 {
	background: url(../img/pattern_img01.png) repeat center center;
}

.main_parts.frame01 .inner_parts {
    text-align: center;
    padding: 30px 0;
}

.main_parts.frame02 {
	background: url(../img/pattern_img02.png) repeat center center;
}

.main_parts.frame02 .inner_parts {
    text-align: center;
    padding: 30px 0;
}

.inner_parts {
    overflow: hidden;
}

p.attention {
	text-align:right;
}

/* リスト
=========================================*/
.access-list {
    text-align: left;
    width: auto;
    margin: 0 auto;
}

.access-list ul {
}

.access-list li {
	margin-bottom: 20px;
    background: url(../img/mark.png) left no-repeat;
    text-indent: 0.0em;
    padding-left: 2em;
}

li.list-last {
	margin-bottom:0;
}

.beli-txt {
	overflow:hidden;
	padding:10px;
	background-color:rgba(255, 255, 255, 0.43137254901960786);
	margin-bottom:15px;
	font-size: 150%;
}

.frame01 .beli-txt {
    margin-top: 25px;
}

.frame01 .beli-txt.mtled {
	margin-top: 50px;
}

.point .beli-txt {
	margin-bottom: 0px;
    margin-top: 25px;
}

/* left-box
=========================================*/

.left-box {
    float: left;
    margin-right: 30px;
}


.right-box{
    overflow: hidden;
}

/* 角丸テーブル
=========================================*/



/* 角丸テーブル
=========================================*/
table.kadomaru.second {
    width: 90%;
    margin: 20px auto;
}

.kadomaru.second th,
.kadomaru.second th,
.kadomaru.second td {
  padding: 1.0em 2em;
}


.b-txt {
	font-size:220%;
}

.kadomaru {
  /*width:95%;*/
  border: 2px solid #fff;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 20px;
  overflow: hidden;
}
.kadomaru th,
.kadomaru th,
.kadomaru td {
  padding: 1.5em 2em;
  border-bottom: 2px solid #fff;
}
.kadomaru {
	background:#d9ebf4;
}
.kouka {
  background-color: #ffced6;
    border-radius: 18px 0 0 0;
}
.taisyo {
  background-color: #ffe2b6;
}
th.taisyo.bg_plus01 {
    background-color: #b8e7ff;
}
.time {
  background-color: #bee2b0;
  border-radius: 0 0 0 18px;
}


.lesson {
	background-color:#eaf6fb;
}

.kadomaru th + th,
.kadomaru td {
  border-left: 2px solid #fff;
  text-align: left;
}
.kadomaru tr:last-child th,
.kadomaru tr:last-child td {
  border-bottom: none;
}

/* 角丸テーブル（男子）
=========================================*/
.lesson-box {
	overflow:hidden;
}
.kadomaru.boy {
    margin: 0 auto;
}

.kadomaru.boy th, .kadomaru.boy th, .kadomaru.boy td {
    padding: 1.7em 6em;
}

.kadomaru.boy th + th, .kadomaru.boy td {
    border-left: none;
}

.kadomaru.boy {
    background: #cfdff7;
}

.b-txt.right {
    float: right;
    line-height: 20px;
}



/* 画像
=========================================*/
.point_about {
    margin: 35px 0 0px 0;
	overflow: hidden;
}

.point_about .p_pic ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 500px;
	float: right;
	margin-right: 35px;
    margin-bottom: 15px;	
}


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

/* --- 背景が上下左右に動くのBOX定義 ------------------------ */
.nami {
    position: absolute;
    width: 100%;
    height: 45px;
    margin: auto;
    top: -20px;
}

/* --- 背景が上下左右に動くの背景定義 ----------------------- */
.nami::before {
  display    : block;
  content    : "";
  position   : absolute;
  top        : 0;
  right      : 0;
  bottom     : 0;
  left       : 0;
  background-image :url(../img/nami_bg.png);  /* 使用する画像を指定 */
  animation  : bgAnime 15s linear infinite;
}
@keyframes bgAnime {
   0% { background-position: 0 0 }
                /* 使用する画像幅と画像高さのpxに変更ください */
 100% { background-position: 593px 0 }
}

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



.p_tit {
	font-size: 200%;
    padding: 3% 0px;
	text-align: center;
}

.p_img {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
}



ul.price_list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0 30px;
}

ul.price_list li.price01 {
    background: #d9ebf4;
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 25px;
    min-width: 245px;
}
ul.price_list li.price01 p.big {
    text-align: right;
    font-size: 200%;
    margin-top: 10px;
}


ul.price_list li.price03 p {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 420px;
    margin-bottom: 21px;
}
ul.price_list li.price03 p:last-child {
	margin-bottom: 0px;
}

ul.price_list li.price03 p.course01 {
    background: #ffcdd5;
    border: 2px solid #fff;
    border-radius: 15px;
}

ul.price_list li.price03 p.course02 {
    background: #ffe2b6;
    border: 2px solid #fff;
    border-radius: 15px;
}

ul.price_list li.price03 p.course03 {
    background: #bee1b0;
    border: 2px solid #fff;
    border-radius: 15px;
}

ul.price_list li.price03 span.big {
	font-size: 200%;
}
.text_box {
  background: #ffeaed;
  border: 2px solid #fff;
  border-radius: 15px;
  font-size: 155%;
  padding: 10px;
  margin-top: 20px;
}

.kadomaru.boy {
    max-width: 540px;
}


/* test
=========================================*/
a.swim_under:hover img {
opacity: 1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=100,FinishOpacity=100);
}

/*
.swim_under a.baby {
  display: block;
  width: 325px;
  height: 61px;
  background: url(../img/btn_01.png) no-repeat 0 0;
}

.swim_under a.child {
  display: block;
  width: 325px;
  height: 61px;
  background: url(../img/btn_02.png) no-repeat 0 0;
}

.swim_under a.junior {
  display: block;
  width: 325px;
  height: 61px;
  background: url(../img/btn_03.png) no-repeat 0 0;
}

.swim_under a.woman {
  display: block;
  width: 325px;
  height: 61px;
  background: url(../img/btn_04.png) no-repeat 0 0;
}
/*
.swim_under a.woman:hover {
  background-position: 0 bottom;
}
*/




/* トップ固有のスマホ対応記述
========================== */

/* 1200pxより小さい,701pxより大きい場合 */

@media screen and (min-width: 701px) and (max-device-width: 1200px) {
	
}

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){
	
	ul.price_list li {
		width: 70%;
		padding: 25px;
		min-width: 260px;
	}
  ul.price_list li.price03 {
    width: 90%;
  }
  ul.price_list li.price03 span.big{
    font-size: 150%;
  }
	
	ul.price_list li.price03 p {
		width: auto;
	}
	ul.price_list li.price02 {
		text-align: center;
	}
  .text_box {
    font-size: 130%;
  }
  .pc_br {
    display: none;
  }
	
	.left-box {
    float: none;
    margin: 0;
	margin-bottom:30px;
}

.point_about {
    margin: 40px 0 20px 0;
    overflow: hidden;
}

.left-box.right {
    float: none;
    margin: 0;
}

.kadomaru {
    width: 80%;
    margin: 0 auto;
}

.point_about .p_pic ul {
    width: 500px;
    float: none;
    margin-right: 0px;
    margin: 0 auto;
}	
.b-txt {
    font-size: 190%;
}
	
}

@media screen and ( max-width: 600px ){

.point_about .p_pic ul {
    width: auto;
    float: none;
    margin-right: 0px;
	flex-wrap: inherit;
}

}

/* 520pxより小さい場合 */
@media screen and ( max-width: 520px ){
    
.b-txt.right {
    float: none;
    line-height: 50px;
}
	
ul.swim_under {
    	height: 300px;
}
	
	
.kadomaru th, .kadomaru th, .kadomaru td {
    display: block;
    width: auto;
}

.kadomaru.boy th, .kadomaru.boy th, .kadomaru.boy td {
    padding: 1.7em 2em;
}
	
.kadomaru th + th, .kadomaru td {
    border-left: none;
}
	
.time {
    border-radius: 0;
}
	
}