﻿/*-----------------------------------------------------	*/
/*	画面サイズによって表示切替				*/
/*-----------------------------------------------------	*/
/* ------タブレット＆ＰＣ の時------ */
@media screen and (min-width: 640px) {
 #pc {
display: inline;
}
 #sp {
display: none;
}
}

/* ------ スマホの時 ------ */
@media screen and (max-width: 639px) {
 aside {
display: none;
}
 #pc {
display: none;
}
 #sp {
display: inline;
}
}
 @media screen and (max-width: 480px) {
 #maincontents h2 {
	background: url(../img2/h3_back_sp.gif) no-repeat;
	background-position : right top;/* 右側のクマから表示 */
	background-size:cover;/* 背景領域を完全に覆う最小サイズになるように背景画像を拡大縮小する */
 	color:#77411F;
font-size : 17px;
 line-height: 16px;
 padding: 18px 5px 14px 8px;
 letter-spacing: 0px;
	height:auto;
	text-align:left;
	margin-bottom:5px;
}
 #maincontents h3 {
 font-size : 15px;
 line-height: 17px;
 padding-top: 10px;
 margin-bottom:-10px;
 letter-spacing: 0px;
}
}

/*-----------------------------------------------------	*/
/*	ヘッダ切り替え				*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 963px) {/*-----------------スマホ＆タブレットの時---------------	*/
#sp-header {
 display: inline;
}
#pc-header {
 display: none;
}
}
 @media screen and (min-width: 964px) {/*-------------------ＰＣだけの時--------------------------	*/
#sp-header {
 display: none;
}
#pc-header {
 display: inline;
}
#main .row {
padding-top:90px;/*-----------------ichige--スクロールし始め---------------	*/
}
}

/*-----------------------------------------------------	*/
/*	サイドメニュー				*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 963px) {
#sp-sidemenu {
 display: inline;
}
#pc-sidemenu {
 display: none;
}
}
 @media screen and (min-width: 964px) {
#sp-sidemenu {
 display: none;
}
#pc-sidemenu {
 display: inline;
}
}
#pc-sidemenu {
	margin-top: 0px;/*-----------------------------------------------------	*/
	padding-bottom: 50px;
}
#pc-sidemenu p {
	margin : 1px 0px 0px 5px;/*--1pxに修正--	*/
	line-height:18px;
}
#pc-sidemenu .img {
	margin-top: 3px;
	text-align: center;
}
#sp-sidemenu p {
	margin-left: 70px;
	line-height:140%;
	color: #666;
}
#sp-sidemenu .img {
	float: left;
	margin: 0px 3px 0px 0px;
}
#sidemenu-voice {
	padding: 8px 5px 5px 5px;
	border-bottom: dotted 1px #ccc;
}
#sidemenu-voice p {
	font-size: 12px;
	line-height: 16px;
	color: #666;
}
.voice-img {
	float:left;
	margin-right: 5px;
}
.sns {
	margin: 8px 0px 0px 0px;
	border-bottom: dotted 1px #ccc;
}
/*-----------------------------------------------------	*/
/*	ヘッダ				*/
/*-----------------------------------------------------	*/

#pc-header h1 {
	display: none;
}
#header .sp-head {
	text-align: center;
}
.sp-head-text {
	margin: -15px 0px 0px 0px;/*-----くすの樹は今年で10周年！ 湘南に来たら遊びにきてね！  のマージン部分------------	*/
	font-size:12px;
	color: #858532;
	text-align: center;
}
/*-----------------------------------------------------	*/
/*	表示基本設定				*/
/*-----------------------------------------------------	*/

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#left {
	float: left;
}
#right {
	float: right;
}
.right {
	float: right;
	margin-left:5px;
}
.left-on-text {
	float: left;
	margin-right:10px;
}

/* タブレット用 ----------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 991px) {
}

/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
.sp_width15 {
width: 15%;/* ichige 画像を小さくする */
}
.sp_width20 {
width: 20%;/* ichige 画像を小さくする */
}
.sp_width25 {
width: 25%;/* ichige 画像を小さくする */
}
.sp_width30 {
width: 30%;/* ichige 画像を小さくする */
}
.sp_width40 {
width: 40%;/* ichige 画像を小さくする */
}
.sp_width50 {
width: 50%;/* ichige 画像を小さくする */
}
.sp_width70 {
width: 70%;/* ichige 画像を小さくする */
}
.sp_45px {
width: 43px;/* ichige 画像を小さくする */
}
.sp_font85 {
	font-size:85%;/* ichige フォントを小さくする */
}
}
.top {
	vertical-align: top;
}
div {
	margin: 0;
}
h2 {
	height:46px;
		color:#77411F;
		font-size:23px;
	font-weight: bold;
	background: url(../img2/h3_back.gif) no-repeat;
	background-position : right top;/* 右側のクマから表示 */
	margin: 0px 0px 0px 0px;
	padding: 23px 0px 6px 20px;
	letter-spacing: 1px;
	text-align:left;
}
h3 {
	height:49px;
	font-size:20px;
	text-align: center;
	color: #F26522;
	font-weight: bold;
	/*background: url(../img2/h3midashi.gif) no-repeat;2016/10 ichige削除 */
	margin: 5px 0px 0px 0px;
	padding: 13px 0px 6px 0px;
	letter-spacing: 0.5px;
}
h4 {
	height:56px;
	font-size:18px;
	text-align: center;
	color: #663333;
	font-weight: bold;
	background: url(../img2/h4midashi.gif) no-repeat;
	margin: 20px 0px 0px 0px;
	padding: 22px 0px 6px 0px;
	letter-spacing: 0.5px;
}
h5 {
	color: #ff0000;
	font-size:20px;
	text-align: center;
}
div {
	line-height: 18px;
}

/* PC＆タブレット用 */
@media screen and (min-width: 481px) {
 #text-box {
 margin: 20px 20px 20px 20px;
}
 #text-box_class {
 margin: 20px 20px 20px 20px;
}
 #subhead-box {
 margin: 10px 30px 0px 30px;
}
 #subhead-box-2 {
margin: 5px 0px 0px 28px;  /* ichige 20240610　変更 5px 30px 0px 45px;*/
}
 #subhead-box-mini {
margin: 5px 0px 0px 25px;/* ichige 20170608　追加 */
}
 #text-box-co {
 margin: 20px 20px 0px 30px;
}
 #text-box p {
 margin-top: 5px;/* ichige 段落の間を少し狭くした　10⇒5 */
}
.left-on-text_nagano {/* ichige 202106　追加 */
	float: left;
	margin-right:10px;
	margin-bottom: 70px;
}
}

/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
 #text-box {
margin: 10px 5px 10px 5px;
}
 #text-box_class {
margin: 10px 5px 10px 5px;
}
 #subhead-box {
 margin: 10px 5px 0px 5px;
}
 #text-box-co {
 margin: 0px 0px 0px 0px;
}
 #text-box p {
 margin-top: 4px;
}
 h4 {
 margin: 0px 0px 0px 0px;
}
 table.girls-party p {
 font-size:11px;
}
.left-on-text_nagano {/* ichige 202106　追加 */
	float: left;
	margin-right:10px;
}
}

/*___________ 文字設定 ___________ */
.space10 {
	margin-left: 10px;
}
.pink {
	color: #ff3366;
}
.pink2 {
	color: #F26D7D;
}
.d-pink {
	color: #9B0336;
}
.vio {
	color: #662D91;
}
.brn {
	color: #461f0e;
}
.blue {
	color: #00AEEF;
}
.yellow {
	color: #ffff00;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
.red {
	color: #ff0000;
}
.red2 {
	color: #cc0000;
}
.blue2 {
	color: #2cb0c6;
}
.blue3 {
	color: #0000ff;
}
.orange {
	color: #ff6600;
}
.y-orange {
	color: #F7941D;
}
.brown {
	color: #663300;
}
.gray {
	color: #666666;
}
.gray-l {
	color: #999999;
}
.top-s-10 {
	margin-top: 10px;
}
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f15 {
	font-size: 15px;
}
.l12 {
	line-height: 12px;
}
.f16 {
	font-size: 16px;
}
.f20 {
	font-size: 20px;
}
.b {
	font-weight: bold;
}
.bgyellow {
	background: #FFF799;
}
.f12l12 {
	font-size: 12px;
	line-height: 14px;
}
.sidemenu-text {
	font-size: 12px;
	line-height: 14px;
	padding: 0px 2px 5px 5px;
	color: #666;
}
.sidemenu-text-sns {
	font-size: 12px;
	line-height: 14px;
	padding: 5px 2px 5px 5px;
	color: #666;
}
/*___________ page-top ___________ */
/* ページTOPに戻る */
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 10px;
  bottom: 30px;
  background: #9ecc4b;
  opacity: 0.7;
  border-radius: 50%;
  }
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 45px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/*___________ 問合せボタン ___________ */

.to-button {
	margin: 10px 5px 10px 5px;
}


/*___________ ゆう活 ___________ */

/* PC＆タブレット用 */
@media screen and (min-width: 769px) {
 #yukatu-text1 {
 width: 230px;
 float: left;
 margin: 0px 5px 0px 0px;
}
 #yukatu-text1 p {
 margin: 10px 5px 0px 20px;
}
 #movie {
 width: 450px;
 float: left;
}
#voice1 {
	width: 310px;/*ichige*/
	float: left;
	margin: 0px 30px 0px 0px;
}
#voice1 h4 {
	margin: 0px 0px -20px 0px;
}
#voice2 {
	width: 320px;
	float: left;
	margin: 66px 0px 0px 0px;/*2018/0118 ichige*/
}
#voice2 h4 {
	margin: 0px 0px -20px 0px;
}
#voice-bg {
	background-color: #fffddc;
 padding: 10px 10px 30px 10px;
	color: #444;
}
}

/* スマホ用表示切り替え */
@media screen and (max-width: 768px) {
 #yukatu-text1 {
 width: 100%;
 margin: 0px 0px 0px 0px;
}
 #yukatu-text1 p {
 margin: 5px 0px 0px 0px;
}
 #movie {
 width: 100%;
 text-align: center;
 margin: 10px 0px 0px 0px;
}
}

/* スマホ用表示切り替え */
@media screen and (max-width: 768px) {
 #voice1 {
 width: 100%;
 margin: -25px 0px 0px 0px;/*2018/0118 ichige*/
}
 #voice2 {
 width: 100%;
 margin: 0px 0px 0px 0px;
}
 h4 {
 text-align: left;
 color: #663333;
 padding: 22px 0px 6px 40px;
}
 #voice1 h4 {
 margin: 10px 0px -30px 0px;
}
 #voice2 h4 {
 margin: 10px 0px -30px 0px;
}
 #voice-bg {
 background-color: #FFFCDB;
 padding: 10px 10px 10px 10px;
 color: #444;
	margin-top:5px;/*2018/0118 ichige*/
}
}
table.riekoyori {
	margin: 10px 0px 0px 0px;
}
table.riekoyori td {
	vertical-align: top;
}
td.riekophoto {
	width: 60px;
}
#w-taiken-1 {
	width: 100%;
	background-image: url(../img2/lesson/taiken-4.gif);
}
#w-taiken-1 p {
	font-size: 14px;
	line-height: 19px;
	margin: 10px 0px 0px 10px;
	color: #ffffff;
}
#w-taiken-2 {
	width: 100%;
	height: auto;
	background-image: url(../img2/lesson/taiken-4.gif);
	padding: 0px 0px 0px 0px;/* ichige */
}
#youtube-facebook {
	width: 100%;
	height: auto;
	background-image: url(../img2/lesson/taiken-5.gif);
	padding: 0px 0px 0px 0px;/* ichige */
}
#w-taiken-photo1 {
	width: 45%;
	margin: 5px 0px 0px 20px;
	float:left;
}
#new-info {
	width: 48%;
	margin: 5px 5px 0px 10px;
	float:left;
}
#new-info-ito {/* pc用　ichige 20170310 */
	width: 25%;
	margin: 20px 5px 0px 40px;
	float:left;
}
#w-taiken-photo1 p {
	margin: 3px 0px 0px 0px;
	font-size: 14px;
	line-height: 19px;
	color: #FFFFFF;
}
#w-taiken-photo2 {
	width: 45%;
	margin: 5px 0px 0px 30px;
	float:left;
}
#new-info2 {
	width: 48%;
	margin: 5px 0px 0px 0px;
	float:left;
}
#new-info-ito2 {/* pc用　ichige 20170310 */
	width: 65%;
	margin: 20px 0px 10px 0px;
	float:left;
}

#w-taiken-photo2 p {
	margin: 3px 0px 0px 0px;
	font-size: 14px;
	line-height: 19px;
	color: #FFFFFF;
}
#w-taiken-3 {
	width: 100%;
	background-image: url(../img2/lesson/taiken-4.gif);
}
#w-taiken-1-in {
	margin: 0px 20px 0px 20px;
}
#w-taiken-3-in {
	margin: 0px 20px 0px 20px;
}
#w-taiken-3 p {
	font-size: 14px;
	line-height: 19px;
	margin: 10px 10px 0px 20px;
	color: #ffffff;
}


/* スマホ用表示切り替え */
@media screen and (max-width: 768px) {
 #w-taiken-2 {
 width: 100%;
 height: auto;
 background-image: url(../img2/lesson/taiken-4.gif);
 padding: 0px 0px 0px 0px;/* ichige */
}
 #youtube-facebook {
 width: 100%;
 height: auto;
 background-image: url(../img2/lesson/taiken-5.gif);
 padding: 0px 0px 0px 0px;/* ichige */
}
 #w-taiken-photo1 {
 width: 90%;
 margin: 5px 0px 0px 15px;
 float:none;
}
 #new-info {
 width: 100%;
 margin: 5px 0px 0px 0px;
 float:none;
}
#new-info-ito {/* スマホ用　 ichige 20170310 */
    width: 30%;
    margin: 10px 0px 0px 10px;
    float: left;
}
 #w-taiken-photo1 p {
 line-height: 17px;
 margin: 5px 0px 10px 0px;
}
 #w-taiken-photo2 {
 width: 90%;
 margin: 5px 0px 0px 15px;
 float:none;
}
 #new-info2 {
 width: 100%;
 margin: 5px 0px 0px 0px;
 float:none;
}
#new-info-ito2 {/* スマホ用　 ichige 20170310 */
	width: 65%;
	margin: 10px 0px 20px 0px;
	float: left;
	font-size: 80%;
}
 #w-taiken-1-in {
 margin: 0px 10px 0px 10px;
}
 #w-taiken-1 p {
 margin: 0px 5px 0px 5px;
}
 #w-taiken-3-in {
 margin: 0px 10px 0px 10px;
}
 #w-taiken-3 p {
 margin: 0px 5px 0px 5px;
}
}
#kusunokiinfo1 {
	width: 380px;
	float: left;
	margin: 10px 0px 0px 0px;
}
#kusunokiinfo2 {
	float: left;
	margin: 10px 0px 0px 10px;
}
table.kokogaii {
	margin: 0px 0px 0px 0px;
}
table.kokogaii th {
	width:90px;
}
#infopaper {
	width: 280px;
	height:211px;
	font-size:14px;
	color: #331C07;
	background: url(../img2/paper.gif) no-repeat;
}
#infopaper .text {
	padding: 32px 0px 0px 17px;
}
#infopaper .text p {
	line-height: 17px;
	margin-top:5px;
}
#soudanninoru {
	margin: 10px 0px 0px 20px;
}
#img-half {
	width: 49.5%;
	float: left;
	margin: 0px 3px 0px 0px;
}
#img-half-d {
	width: 48%;
	float: left;
	margin: 0px 3px 0px 0px;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 768px) {
 #kusunokiinfo1 {
 width: 100%;
 float: none;
 margin: 10px 0px 0px 0px;
}
 #kusunokiinfo1 p {
 line-height: 17px;
 margin-top:5px;
}
 #kusunokiinfo2 {
 float: none;
 margin: 10px 0px 0px 0px;
}
 #infopaper {
 margin: 0px 0px 0px 0px;
}
 #soudanninoru {
 margin: 10px 0px 0px 0px;
}
 #img-half {
 width: 100%;
 float: none;
 margin: 5px 0px 0px 0px;
}
}
/* ワイヤークラフトとは */
.about p {
	margin: 5px 0px 0px 0px;
}
#dougu1 {
	width: 30%;
	float: left;
	margin: 0px 0px 0px 0px;
}
#dougu2 {
	width: 30%;
	float: left;
	margin: 0px 0px 0px 20px;
}
#dougu3 {
	width: 15.5%;
	float: left;
	margin: 0px 0px 0px 15px;
}
#dougu4 {
	width: 15.5%;
	float: left;
	margin: 0px 0px 0px 2px;
}
#howtomake {
	font-size: 12px;
	line-height: 15px;
	margin: 15px 0px 0px 10px;
	color: #534741;
}
#make1 {
	width: 24%;
	float: left;
	margin: 0px 0px 0px 0px;
}
#make2 {
	width: 24%;
	float: left;
	margin: 0px 0px 0px 5px;
}
/* 画像拡大 */

img {
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.big img:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
}
#kusunokiinfopaper1 {
	width: 40%;
	float: left;
	margin: 0px 10px 0px 0px;
}
#kusunokiinfopaper2 {
	width: 56%;
	float: left;
	margin: 0px 0px 0px 10px;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 768px) {
 #kusunokiinfopaper1 {
 width: 100%;
 float: none;
 margin: 0px 0px 0px 0px;
}
 #kusunokiinfopaper2 {
 width: 100%;
 float: none;
 margin: 0px 0px 0px 0px;
}
}
/* 梨栄子の部屋 */
#work1 {
	width: 24%;
	float: left;
	margin: 0px 0px 0px 0px;
}
#work2 {
	width: 24%;
	float: left;
	margin: 0px 0px 0px 8px;
}
h5 {
	border-left: 10px solid #362722;/* ichige */
	border-bottom: 1px dashed #362722;/* ichige */
	font-size:14px;
	text-align: left;
	padding-left: 5px;
	margin-top:20px;
	color: #362722;/* ichige */
	padding-left:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 768px) {
 #dougu2 {
 width: 30%;
 float: left;
 margin: 0px 0px 0px 10px;
}
 #howtomake {
 margin: 10px 0px 0px 0px;
}
 #make2 {
 width: 24%;
 float: left;
 margin: 0px 0px 0px 3px;
}
 #work2 {
 width: 24%;
 float: left;
 margin: 0px 0px 0px 3px;
}
}
/* 教室と出張講座 */

.schedule {
	float: left;
	width: 45%;
	margin: 10px 0px 0px 20px;
	text-align: center;
	font-weight:bold;
}
table.lesson {
	margin: 10px 0px 0px 0px;
	width: 98％;
	border-collapse: collapse;
	border: solid 1px #aaa;
	table-layout: fixed; /*___tableの列幅を均等にする____ */
}
table.lesson th {
	width: 65px;
}
table.lesson th, table.lesson td {
	border: solid 1px #aaa;
 /*_	padding: 8px 8px;_ */
}
table.lesson th {
	background: #f4f3ec;
	white-space: nowrap;
	color: #444;
	font-size:14px;
	font-weight: bold;
}
table.lesson td {
	/*__width: 650px;/*___ichige____ */
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	padding: 3px 2px 3px 2px;
}
#table-left1 {
	width: 49%;
	float: left;
	margin: 0px 0px 0px 0px;
}
#table-left2 {
	width: 49%;
	float: left;
	margin: 0px 0px 0px 5px;
}
#lessontable {
	border: solid 1px #aaa;
	padding: -5px 5px 5px 5px;
}
#visit-img {
	width:50%;
	float: left;
	margin-right:10px;
}
#class-img {/*___ichige_追加___ */
	width:40%;
	float: left;
	margin-right:20px;
	margin-top:40px;
}
@media screen and (max-width: 480px) {
#class-img {/*___ichige_追加___ */
	width:40%;
	float: left;
	margin-right:20px;
	margin-top:20px;/*__スマホの時は狭く___ */
}
}

#class-img-tokubetu {/*___ichige_追加___ */
	width:49%;
	float: left;
	margin-right:5px;
	margin-top:5px;
}

#visit-text p {
	margin-top:10px;
}
table.jisseki {
	margin: 10px 0px 0px 10px;
	background-color:#ffcee7;　/*___2024.02 ichige変更___ */
}
table.jisseki td {
	padding: 8px 3px 8px 10px;
	color:#534741;
	line-height: 17px;
	font-size: 13px;　　　　　/*___2024.02 ichige変更___ */
}
table.info {
	margin: 10px 20px 0px 20px;
	background-color:#f8e9c8;
}
table.info td {
	padding: 8px 10px 8px 10px;
	color:#333333;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 768px) {
 .senior-photo {
 width: 10%;
}
 .schedule {
 float: none;
 width: 98%;
 margin: 10px 0px 0px 0px;
 text-align: center;
 font-weight:bold;
}
 table.lesson {
 width: 100％;
}
 table.lesson th, table.lesson td {
 border: solid 1px #aaa;
 padding: 3px 2px 3px 6px;
}
 table.lesson th {
 background: #f4f3ec;
 white-space: nowrap;
 color: #444;
 font-size:14px;
}
 table.lesson td {
 text-align: left;
 font-size: 14px;
 line-height: 20px;
}
 #table-left1 {
 width: 100%;
 float: none;
 margin: 0px 0px 0px 0px;
}
 #table-left2 {
 width: 100%;
 float: none;
 margin: 10px 0px 0px 0px;
}
 #visit-img {
 width: 100%;
 float: none;
 margin: 10px 0px 0px 0px;
}
 table.jisseki {
 margin: 0px 0px 0px 0px;
}
}


/* 生徒さんの声 */
/* PC＆タブレット用 */
@media screen and (min-width: 640px) {
 #voice-box {
 margin: 0px 25px 0px 30px;
}
 #voice-box p {
 margin-top: 10px;
}
}

/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
 #voice-box {
 margin: 0px 0px 0px 0px;
}
 #voice-box p {
 margin-top: 10px;
}
}
.voice-img {
	float: right;
	padding: 0px 0px 0px 10px;
}
table.riekoyori-v {
	margin: -10px 0px 0px 0px;
}
table.riekoyori-v td {
	vertical-align: top;
}
td.riekoyori-v-photo {
	width: 70px;
}
/* ギャラリー */
#gallery1 {
	width: 290px;
	float: left;
	margin:0px 40px 0px 20px;
}
#gallery1 p {
	margin-top:0px;
}
#gallery2 {
	width: 290px;
	float: left;
}
#gallery2 p {
	margin-top:0px;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
 #gallery1 {
 width: 100%;
 float: none;
 margin:0px 0px 0px 0px;
}
 #gallery2 {
 width: 100%;
 float: none;
}
}
/* トップページ */
#index-text {
	float: left;
	width: 670px;
	margin: 5px 0px 0px 0px;
}
#index-img {
	float: right;
	width: 180px;
}

/* タブレット用表示切り替え */
@media screen and (max-width: 768px) {
#index-text {
 width: 72%;
}
 #index-img {
 width: 28%;
}
}
#index-text p {
	margin: 8px 0px 0px 0px;
	color:#534741;
}
h2 span {
	font-size:12px;
	letter-spacing: 0px;
	color:#900A35;
}
#lesson-info {
	float: right;
	text-align: right;
	margin: 0px 0px 2px 2px;
}
.rieko-info {
	width: 660px;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
 #lesson-info {
 width:160px;
 float: right;
 text-align: right;
 margin: 0px 0px 0px 7px;
}
 #index-text {
 float: none;
 width: 100%;
 margin: -5px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
}
 .rieko-info {
 width: 100%;
}
}
/* お知らせ */

#infoblock {
	border: solid 1px #4D3926;
	padding: 0px 5px 5px 5px;
	font-size: 14px;
	color:#534741;
	line-height: 20px;
}
#info-topic {
	background-color:#4D3926;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	padding:10px 5px 8px 10px;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
 #info-topic {
 font-size: 14px;
 padding: 3px 3px 3px 5px;
}
 #infoblock {
 line-height: 18px;
}
}
#imgleft {
	float: left;
	margin-right:10px;
}
#imgright {
	float: right;
	margin-left:10px;
}

/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
#imgleft {
 width :50%;
}
#imgright {
 width :50%;
}
}
/* ギャラリー */
#photo-note {
	margin: 10px 0px 0px 0px;
	width: auto;
	height:auto;
	padding: 10px 20px 10px 30px;
	background: url(../img2/note.png) repeat;
}
#photo-note2 {
	margin: 10px 0px 0px 0px;
	width: auto;
	height:auto;
	padding: 10px 20px 10px 30px;
	background: url(../img2/note.png) repeat;
}
#photo-note3 {
	margin: 10px 0px 0px 0px;
	width: auto;
	height:auto;
	padding: 10px 20px 10px 30px;
	background: url(../img2/note_xmas.gif) repeat;
}
#photo-note4 {
	margin: 10px 0px 0px 0px;
	width: auto;
	height:auto;
	padding: 10px 20px 10px 30px;
	background: url(../img2/2023/note_autm.gif) repeat;
}
#photo-note5 {
	margin: 10px 0px 0px 0px;
	width: auto;
	height:auto;
	padding: 10px 20px 10px 30px;
	background: url(../img2/2024/note_autm.gif) repeat;
}
#photo-note6 {
	margin: 10px 0px 0px 0px;
	width: auto;
	height:auto;
	padding: 180px 20px 10px 30px;
	background: url(../img2/2025/note_neage.gif);
}
#photo-note7 {
	margin: 10px 0px 0px 0px;
	width: auto;
	height:auto;
	padding: 10px 20px 10px 30px;
	background: url(../img2/2025/note_autm.gif) repeat;
}
#photo-note .text {
	margin: 5px 5px 5px 10px;
}
#photo-note .syounan {
	width: 100%;
}
#photo-note .text p {
	margin-top:1px;
}


/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {
 #photo-note {
 margin: 10px 0px 0px 0px;
 width: 88%;
 height:auto;
 padding: 10px 10px 20px 30px;
 background: url(../img2/note.png) repeat;
}
 #photo-note2 {
 margin: 10px 0px 0px 0px;
 width: 88%;
 height:auto;
 padding: 10px 10px 0px 30px;
 background: url(../img2/note.png) repeat;
}
 #photo-note3 {
 margin: 10px 0px 0px 0px;
 width: auto;   /*___________ 2022.10.08  88%___________ */
 height:auto;
 padding: 10px 10px 0px 15px;/*___________ 2022.10.08 30px___________ */
 background: url(../img2/note_xmas.gif) repeat;
}
 #photo-note4 {
 margin: 10px 0px 0px 0px;
 width: auto;   /*___________ 2022.10.08  88%___________ */
 height:auto;
 padding: 10px 10px 0px 15px;/*___________ 2022.10.08 30px___________ */
 background: url(../img2/2023/note_autm.gif) repeat;
}
 #photo-note5 {
 margin: 10px 0px 0px 0px;
 width: auto;   /*___________ 2022.10.08  88%___________ */
 height:auto;
 padding: 10px 10px 0px 15px;/*___________ 2022.10.08 30px___________ */
 background: url(../img2/2024/note_autm.gif) repeat;
}
#photo-note6 {
 margin: 10px 0px 0px 0px;
 width: auto;   /*___________ 2022.10.08  88%___________ */
 height:auto;
 padding: 110px 10px 0px 15px;/*___________ 2022.10.08 30px___________ */
 background: url(../img2/2025/note_neage-2.gif);
 background-size: 400px auto;
}
 #photo-note7 {
 margin: 10px 0px 0px 0px;
 width: auto;   /*___________ 2022.10.08  88%___________ */
 height:auto;
 padding: 10px 10px 0px 15px;/*___________ 2022.10.08 30px___________ */
 background: url(../img2/2025/note_autm.gif) repeat;
}
}
/*___________ 問合せ ___________ */
#form-box {
	margin:0px 0px 0px 5px;
}
#form {
	margin: 0px 0px 0px 10px;
}
.toiawase {
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#444;
	border:solid 1px #ccc;
	margin:0 0 20px;
	width:90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.formsubmit {
	width:96%;
	border:solid 1px #ccc;
	padding:15px 30px;
	margin:20px 0px 0px 0px;
	text-align: center;
	font-family:Arial, sans-serif;
	font-size:150%;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background-image: -webkit-linear-gradient(top, #ddd, #aaa);
	background-image: -moz-linear-gradient(top, #ddd, #aaa);
	background-image: -ms-linear-gradient(top, #ddd, #aaa);
	background-image: -o-linear-gradient(top, #ddd, #aaa);
	background-image: linear-gradient(top, #ddd, #aaa);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa', GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
}
table.tokutei {
	margin: 10px 0px 0px 0px;
	width: 98％;
	border-collapse: collapse;
	border: solid 1px #aaa;
}
table.tokutei th, table.tokutei td {
	border: solid 1px #aaa;
	padding: 8px 8px;
}
table.tokutei th {
	background: #fefde2;
	white-space: nowrap;
	color: #444;
}
table.tokutei td {
	text-align: left;
	line-height: 20px;
}
/*___________ 資格講座 ___________ */
table.sikaku {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #333;
	font-size: 100%;
}
table.sikaku th, table.sikaku td {
	border: solid 1px #999;
	padding: 4px 6px;
}
table.sikaku th {
	background: #fff8d8;
	text-align: left;
	color:#663300;
	white-space: nowrap;
}
table.tokutyou {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #333;
	font-size: 100%;
}
table.tokutyou th, table.tokutyou td {
	border: solid 1px #e8efcf;
	padding: 8px;
}
table.tokutyou caption {
	margin-top: 1em;
	text-align: left;
}
table.tokutyou th {
	background: #ffffcf;
	text-align: left;
	letter-spacing:1px;
	font-size:16px;
	color:#ff0066;
	white-space: nowrap;
}
.teacher-img {
	float: left;
}
.teacher-text {
	font-weight: bold;
	line-height: 20px;
	font-size:15px;
}
/*___________ TOPページレッスン紹介 ___________ */
#intro1 {
	width: 250px;
	height: 120px;
	float: left;
	background-image: url(../img2/bg_01.gif);
	background-position:top;
	background-repeat:repeat;
	padding: 0px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
}
#intro2 {
	width: 250px;
	height: 120px;
	float: left;
	background-image: url(../img2/bg_01.gif);
	background-position:top;
	background-repeat:repeat;
	padding: 0px 10px 10px 10px;
	margin: 10px 0px 0px 20px;
}
#intro3 {
	width: 250px;
	height: 80px;
	float: left;
	background-image: url(../img2/bg_01.gif);
	background-position:top;
	background-repeat:repeat;
	padding: 0px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
}
#intro1 p {
	padding: 7px 5px 0px 5px;
}
#intro2 p {
	padding: 7px 5px 0px 5px;
}
#intro3 p {
	padding: 7px 5px 0px 5px;
}

/*___________ スマホ用表示切り替え ___________ */

@media screen and (max-width: 639px) {
#intro1 {
float : none;
 height:105px;
 width: 230px;
 padding: 0px 10px 5px 10px;
 margin-left:20px;
}
 #intro2 {
float : none;
 height:105px;
 width: 230px;
 padding: 0px 10px 5px 10px;
 margin-left:20px;
}
 #intro3 {
float : none;
 height:70px;
 width: 230px;
 padding: 20px 10px 5px 10px;
 margin-left:20px;
}
#intro1 p {
 padding: 3px 5px 0px 5px;
}
 #intro2 p {
 padding: 3px 5px 0px 5px;
}
 #intro3 p {
 padding: 3px 5px 0px 5px;
}
.fb-page {
 width:100% !important;
 height:50% !important;
}
}
/*************************************/
/*___________ ichige追加 ___________ */
/*************************************/
div.shincyaku {
	margin:8px 5px 0 5px;
	color:#FFF;
	padding: .3em .75em .2em .75em;
	background-color: #bb2622;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
}
/**
div.shincyaku_imdex { pcとスマホで場合分けしました
	margin:40px 10px 0 10px;
	color:#FFF;
	padding: .3em .75em .2em .75em;
	background-color: #bb2622;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	text-align: center;
}***/
div.shincyaku_marushe {
	margin:40px 0px -15px 0px;
	color:#FFF;
	padding: .3em .75em .2em .75em;
	background-color: #00b6ea;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	text-align: center;
}
div.subhead_pc {
	position: relative;/*_______PC用小見出し______ */
	padding: .5em .75em;
	background-color: #e2dfd0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(180, 180, 150, .8) inset;
	margin-top:30px;
	margin-left:20px;
	margin-right:20px;
	color:461f0e;
}
div.subhead_pc::after {
	position: absolute;
	top: 100%;
	left: 70px;/*_______PC用下側▽の位置______ */
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #e2dfd0;
}
div.subhead_sp {
	position: relative;/*_______スマホ用小見出し______ */
	padding: .40em .75em .25em .75em;
	background-color: #e2dfd0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(180, 180, 150, .8) inset;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	color:461f0e;
	font-size:12px;/*_______スマホ用文字を小さく______ */
	margin-bottom:5px; /*_______矢印の下を空ける______ */
}
div.subhead_sp::after {
	position: absolute;
	top: 100%;
	left: 20px;/*_______スマホ下側▽の位置______ */
	content: '';
	width: 0;
	height: 0;
	border: 7px solid transparent;/*_______スマホ下側▽横幅小さく______ */
	border-top: 10px solid #e2dfd0;/*_______スマホ下側▽縦幅小さく______ */
}
#work {
	margin: 10px 5px 0px 0px;
	float:left
}
#gift-closeup-goods {
	width: 31%;
	margin: 0px 0px 0px 5px;
	float:left
}
#gift-closeup-goods .gift-closeup-goods-info {
	background-image: url(img2/closeup-goods-info.gif);
	width: 32%;
	height: 25px;
	color: #ffffff;
	font-size: 14px;
	line-height: 27px;
}
#gift-closeup-goods p {
	margin: 5px 0px 0px 0px;
	font-size: 14px;
	line-height: 18px;
}
#gift-closeup-goods p span {
	color: #32403d;
	font-size: 12px;/****201706修正********/
	font-weight:bold;
	line-height: 14px;
}
#gift-closeup-goods p {
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	line-height: 18px;
}
#gift-closeup-goods-toiawase {
	margin: 30px 0px 20px 50px;
	font-size: 15px;
	font-weight:bold;
}
#gift-closeup-toiawase1 {
	margin: 0px 0px 40px 50px;
	float:left
}
#gift-closeup-toiawase2 {
	margin: 0px 0px 40px 40px;
	float:left
}
#gift-closeup-goods-main .sintiku {
	width: 100%;
	margin: 10px 0px 0px 0px;
	color: #993399;
	font-size: 14px;
	line-height: 19px;
}
#gift-closeup-goods .sintiku {/*___小さい説明文___*/
	width: 100%;
	margin: 10px 0px 0px 0px;
	color: #482004;
	font-size: 12px;
	line-height: 17px;
}
#miyoko {
	width: 100%;
}
#wk_sakuhin_1 {
	width: 11%;
	float: left;
	margin: 5px 0px 0px 0px;
}
#wk_sakuhin_2 {
	width: 11%;
	float: left;
	margin: 5px 0px 0px 5px;
}
#flyer {
	width:49%;
	float: left;
	margin: 5px 0px 0px 2px;
}
.mt05 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mt70 {
	margin-top:50px;
}
.mt90 {
	margin-top:90px;
}
.mt120 {
	margin-top:120px;
}
.mt150 {
	margin-top:150px;
}
.mt200 {
	margin-top:200px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb15 {
	margin-bottom:15px;
}
.mb60 {
	margin-bottom:60px;
}
.ml05 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml40 {
	margin-left:40px;
}
.mr05 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr40 {
	margin-right:40px;
}

.l-h10{
	line-height:17px;
}
.l-h18{
	line-height:18px;
}
/* ------ 右縦帯バナーの黒くなるやつ PC------ */
@media screen and (min-width: 991px) {
.pranking-big a {
	margin: 2px 0 0;
	position: relative;
	display: block;
	height: 80px;/* ------100⇒80 高さ------ */
}
.pranking-big img {
	width: 200px;
	height: 80px;/* ------ 高さ------ */
}
.pranking-big .title {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 80px;/* ------ 高さ------ */
	width: 200px;
	display: block;
}
.pranking-big .title span {
	display: table-cell;
	padding: 0 15px;
	height: 80px;/* ------ 高さ------ */
	width: 254px;
	background: #555;
	background: rgba(5, 5, 5, 0.6);
	color: #fff;
	color: rgba(255, 255, 255, 0.99);
	vertical-align: middle;
	text-align: center;
	text-shadow: -1px 1px rgba(0, 0, 0, 0.15);
	font-size: 14px;
	text-align: center;
	word-break: break-all;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.pranking-big a:hover .title span {
	background: transparent;
	color: transparent;
	text-shadow: none;
	padding-top: 76px;
}
}

/* ------ 右縦帯バナーの黒くなるやつ タブレット&スマホ------ */
@media screen and (max-width: 990px) {
.pranking-big a {
 margin: 2px 0 0;
 position: relative;
 display: block;
 width: 49.5%;/* ------ 画面横幅の半分(マージン分減らす）------ */
 height: 60px;
 float:left;/* ------ 横並び------ */
 margin:1px 0 0 1px;
}
.pranking-big img {
 width: 100%;/* ------ 画面横幅の半分の中で最大------ */
 height: 60px;
}
.pranking-big .title {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 height: 60px;
 width: 100%;/* ------ 画面横幅の半分の中で最大------ */
 display: block;
}
.pranking-big .title span {
 display: table-cell;
 padding: 0 15px;
 height: 60px;
 width: 1000px;/* ------ 黒いシャドーの幅　100%では文字の幅になってしまうので1000px------ */
 background: #555;
 background: rgba(5, 5, 5, 0.6);
 color: #fff;
 color: rgba(255, 255, 255, 0.99);
 vertical-align: middle;
 text-align: center;
 text-shadow: -1px 1px rgba(0, 0, 0, 0.15);
 font-size: 13px;
 line-height:14px;
 text-align: center;
 word-break: break-all;
 -webkit-transition: all 0.35s ease-out;
 -moz-transition: all 0.35s ease-out;
 -o-transition: all 0.35s ease-out;
 transition: all 0.35s ease-out;
}
.pranking-big a:hover .title span {
 background: transparent;
 color: transparent;
 text-shadow: none;
 padding-top: 76px;
}
}
/*___________ 女子会 ___________ */
table.girls-party {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #333;
	font-size: 100%;
	table-layout: fixed; /*___tableの列幅を均等にする____ */
}
table.girls-party th, table.girls-party td {
	border: solid 1px #999;
	padding: 4px 4px 4px 3px;
}
table.girls-party th {
	background: #221221;
	text-align:center;
	color:#fff;
	white-space: nowrap;
}
table.girls-party td {
	vertical-align:top;/*___垂直方向・上揃え____ */
	background: #f4f3ec;
}
/*___ヘッダーの固定____　http://webnonotes.com/css/header_footer/　ichige参照 */
div#header-fixed {
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	width: 100%;                /* 横幅100%　*/
	height: 100px;              /* 縦幅140px */
	z-index:4;                  /* ヘッダーにz-indexの数値を大き目で指定して（1以上）で指定して、下位要素より階層が上にくるようにする http://natsukimemo.com/z-index-header-fixed ichige参照*/
}
div#header-bk {
	background-color:#221221;     /* ichige ヘッダーの背景色 fbfaf5 e2dfd0 461f0e 221221 */
	padding:1px 0 25px;       /* 上10px、下20pxをあける */
	height:62px;              /* ichige 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
.miyoko p {
	display:inline-block;
	vertical-align:middle;
}
#kouza-link p {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height:14px;
}
#kouza-img {
	/* width: 75px;*/
	/* height: 48px;*/
	float:left;
	margin-right: 5px;
}
#kouza-text p {
	float:left font-size: 12px;
	line-height: 16px;
}

/* ------ class.html  PC & タブレット------ */
@media screen and (min-width: 640px) {
	div.shincyaku_imdex {
	margin:40px 10px 0 10px;
	color:#FFF;
	padding: .3em .75em .2em .75em;
	background-color: #bb2622;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	text-align: center;
}

.banner_fsp {
	width: 45%;
	/* --height:340px;高さを固定------ */
	margin: 20px 10px 10px 20px;
	overflow: hidden;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
	float:left;
}
.banner_fsp .banner_bg_fsp {
	position: relative;
	display: block;
	width: 100%;
	/* ---	height:100%;---- 高さを固定------ */
background-color:#f0efe6;
	overflow: hidden;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.banner_fsp .banner_bg_fsp .banner_title {
	display: block;
	padding: 10px 5px 5px 5px;/***ichige****************/
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;/***ichige****************/
	background-color:#aadeec;
	text-align:center;
}
.banner_fsp a .banner_bg_fsp .icon_link {
	position: absolute;
	right: 30px;
	top: 50%;
	display: block;
	margin-top: 110px;
}
.black img:hover {
	opacity:0.30;
}
.move img:hover {
	padding: 0 0 10px 0;
}
}

/* ------ class.html  スマホ------ */
@media screen and (max-width: 639px) {
	div.shincyaku_imdex {
	margin:10px 0px -5px 0px;
	color:#FFF;
	padding: .1em .75em .0em .75em;
	background-color: #bb2622;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	text-align: center;
}

	div.calendar_imdex {
	margin:10px 0px -5px 0px;
	color:#FFF;
	padding: .1em .100em .0em .100em;
	background-color: #e8e6d9;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(232, 230, 217, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	text-align: center;
	font-size: 12px;
}


.banner_fsp {
	width: 90%;
	margin: 20px auto 25px auto;
	overflow: hidden;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
}
.banner_fsp .banner_bg_fsp {
	position: relative;
	display: block;
	width: 100%;
	background-color:#f0efe6;
	overflow: hidden;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.banner_fsp .banner_bg_fsp .banner_title {
	display: block;
	padding: 10px 5px 7px 5px;/***ichige****************/
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5em;/***ichige****************/
	background-color:#aadeec;/***c6c19b**************/
	text-align:center;
}
.banner_fsp a .banner_bg_fsp .icon_link {
	position: absolute;
	right: 30px;
	top: 50%;
	display: block;
	margin-top: 110px;
}
.black img:hover {
	opacity:0.30;
}
.move img:hover {
	padding: 0 0 10px 0;
}
}


/***http://naifix.com/relative-absolute参照*******/
.relative {
	position: relative;
}
.absolute {
	position: absolute;
	bottom:0%;
	right:0%;
	width:auto;
	color: #fff;
	background: rgba(0, 0, 0, .4);
	padding: 0.3em 0 0.4em 0;
}
.absolute_red {
	position: absolute;
	bottom:0%;
	right:0%;
	width:auto;
	color: #fff;
	background: rgba(255, 0, 0, .7);
	padding: 0.3em 0 0.4em 0;
}
.absolute_wire {
	position: absolute;
	bottom:3px;/***ワイヤー教室の画像に記載される文字の位置の移動***/
	right:3px;/***ワイヤー教室の画像に記載される文字の位置の移動***/
	width:auto;
	color: #fff;
	background: rgba(0, 0, 0, .4);
	padding: 0 0 0.2em 0;/***201709　市毛変更***/
}
.absolute p {
	margin: 0;
	padding: 0 0.3em;
	font-size: 80%;
	text-align: center;
}
.absolute_red p {
	margin: 0;
	padding: 0 0.3em;
	font-size: 80%;
	text-align: center;
}
.absolute_wire p {
	margin: 0;
	padding: 0 0.3em;
	font-size: 80%;
	text-align: center;
}
@media screen and (max-width: 480px) {
.absolute p {font-size: 70%;}
.absolute_red p {font-size: 70%;}
.absolute_wire p {font-size: 70%;}
.sp_font85 {font-size: 85%;}/* ichige 文字を小さくする */
}

/***class.html****/
.fr1 p {margin-bottom:3px;}
.fr2 p {margin-bottom:3px;}   
div.aline a {text-decoration:underline !important;}
p.p1 {background:url(../img2/class/obi_p1.jpg) no-repeat 0 1px; padding-left:15px; font-size: 90%; text-align:left;}
p.p2 {background:url(../img2/class/obi_p2.jpg) no-repeat 0 1px; padding-left:15px; font-size: 90%; text-align:left;}
p.p_kit {background:url(../img2/class/obi_p3.jpg) no-repeat 0 1px; padding-left:15px; font-size: 100%; text-align:left;}
p.p_kit4 {background:url(../img2/class/obi_p4.jpg) no-repeat 0 1px; padding-left:15px; font-size: 100%; text-align:left;}
p.p_bridal {background:url(../img2/class/bridal.jpg) no-repeat 0 1px; padding-left:15px; font-size: 100%; text-align:left;}

@media screen and (max-width: 480px) {
p.p2 {background:url(../img2/class/obi_p2.jpg) no-repeat 0 1px; padding-left:15px; font-size: 80%; text-align:left;}
p.p_kit {background:url(../img2/class/obi_p3.jpg) no-repeat 0 1px; padding-left:15px; font-size: 90%; text-align:left;}
p.p_kit4 {background:url(../img2/class/obi_p4.jpg) no-repeat 0 1px; padding-left:15px; font-size: 90%; text-align:left;}
p.p_bridal {background:url(../img2/class/bridal.jpg) no-repeat 0 1px; padding-left:15px; font-size: 90%; text-align:left;}
}

p.p3 {text-align:center;}
#photo-note-class {
	width: auto;
	height:auto;
 padding: 10px 10px 10px 20px;
	background: url(../img2/note.png) repeat;
}

.h5_obi {
	/***background:url(../images/common/obi.jpg) no-repeat 0 0.1em; 2016/10 ichige削除***/
	padding-left:15px;
	margin-bottom:10px;
	margin-left:30px;
	margin-right:20px;
}

#wk_calender {
	float: left;
	margin: 5px 0px 0px 20px;
}

.text-align-r{
	text-align:right;
}
.text-align-c{
	text-align:center;
}
@media screen and (min-width: 964px) {/*-------------------ＰＣだけの時ヘッダ固定なので--------------------------	*/
#elementary-level {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#senior-level {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#past-calendar {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#taiken {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#petit-gift,#house-gift,#wedding-gift{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#soudan01,#soudan02,#soudan03,#soudan04,#soudan05,#soudan06,#soudan07,#soudan08,#soudan09,#soudan010{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#shinshu {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#pencase {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#wintergift{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hina{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hnm{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#msk{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#cacao{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#kenpo{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#cury6{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#cury7{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#cury8{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#cury9{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hob41{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hob42{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#june{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#start{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#acce{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mod{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hall{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako3{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako4{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako5{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako6{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako7{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako8{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako9{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako10{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#asako11{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#etc{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#etx{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#etx2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#e2305{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#e2306{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#usa{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hebi{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#onsr{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#pan1{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mcbe{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#sime{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#arom{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#arm3{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#arm2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#atug{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#koi{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#herb{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#sdgs{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#fbear{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#diff{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#coff{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#succ{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#autm{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#fes{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#fe25{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#anfl{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#anf2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#earj{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#micc{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#auwk{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#food{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hakk{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hak2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#matu{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#yofo{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#ykk{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#ykkt{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mik01{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#crea{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#psa{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#tom{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#early{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#ajis{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#aji2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#kino{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#boy{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#but{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#sci{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#par{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#ele{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#bag{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#gre{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#gre2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#spry{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#gre3{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hawai{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mln{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#syo{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#wis{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#pose1{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#pose2{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#pill{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#wint{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#win8{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#win9{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#win24{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#win25{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#than{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mono{/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#book {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#muun {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#papi {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#sem {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#book2 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hyd {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mim {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mim2 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#euca {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#kan {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#hou {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#flyi {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mall {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mal2 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mal3 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#mini {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#nis1 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#nis2 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#nis3 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#new {/***ヘッダ固定時のアンカーのずれを解消****/
	margin-top:-100px;
	padding-top:80px;
}
#ex2 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#exo {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#onair {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#exh {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#neco {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#wara {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#nwrk {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#chat {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#chat2 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#chat3 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#ch2505 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#ch2506 {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#woo {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#rab {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#jac {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#toko {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
#buta {/***ヘッダ固定時のアンカーのずれを解消****/
    margin-top:-100px;
    padding-top:100px;
}
}



.kuma2 {
	text-align:center;
	margin-top:20px;
	margin-bottom:50px;
	 font-family: Meiryo, "メイリオ","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;}

.h_dai { font-size:130%; font-weight:bold; color:#663300;}
/*-------------------スマホのスライドメニュー後、画面のタップでも元に戻るように--------------------------	*/
.layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
body.open{
    position: fixed;
}


.end img{
 vertical-align:middle;
}

.left-img {
	float: left;
}


/*-------------------陶芸-------------------------	*/
#wrap_r {
	float:left;
	width:53%;/*--右側テキストの占める割合--	*/
	margin-top:40px;
}
@media screen and (max-width: 480px) {
#wrap_r {
	float:left;
	width:53%;/*--右側テキストの占める割合--	*/
	margin-top:20px;/*--スマホの時はちょっと狭くする--	*/
}
}
/*--右側テキストが下に落ちる仕様
@media screen and (max-width: 480px) {
#wrap_r {
	float:left;
	width:100%;
}
}---	*/

/*コース内テーブル*/
#wrap_r table{width:100%; border-bottom:1px solid #999; color:#000000; margin-bottom:30px; background:#FFFFFF;}/*クリスマス用に白くする*/
@media screen and (max-width: 480px) {
#wrap_r table{width:100%; border-bottom:1px solid #999; color:#000000; margin-bottom:10px; background:#FFFFFF;}/*--スマホの時はちょっと狭くする・クリスマス用に白く--	*/
}

#wrap_r th,#wrap_r td {
	border-top:1px solid #999;
	padding:10px 0;
	text-align:left;
	vertical-align:top;
}
@media screen and (max-width: 480px) {
#wrap_r th,#wrap_r td {
	border-top:1px solid #999;
	padding:7px 0;/*--スマホの時はちょっと狭くする--	*/
	text-align:left;
	vertical-align:top;
}
}

#wrap_r th {width:110px; font-size:75%; font-weight:bold; color:#855839;}
#wrap_r td {font-size:92%;}
#wrap_r td a {color:#000000;}
@media screen and (max-width: 480px) {
#wrap_r th {width:5px; font-size:0%; font-weight:bold; color:#855839;}/*--茶色い文字を消す-----	*/
}

/*-------------------陶芸-------------------------	*/

h6 {
	border-left: 10px solid #582f16;/* ichige */
	border-bottom: 1px dashed #582f16;/* ichige */
	font-size:14px;
	text-align: left;
	color: #582f16;/* ichige */
	margin-top:20px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:2px;
	background-color: #aadeec;
	padding-left:10px;
	padding-top: 3px;
}

/*-------------------レッスン画像-------------------------	*/
@media screen and (min-width: 481px) {
#class-img-tokubetu {/*___ichige_追加___ */
	width:33%;/*---3列-----	*/
	float: left;
	margin-right:1px;
	margin-top:5px;
}
}
@media screen and (max-width: 480px) {
#class-img-tokubetu{/*___ichige_追加___ */
	width:49%;/*---2列-----	*/
	float: left;
	margin-right:2px;
	margin-top:5px;
}
}

/*slider demoL 大サイズスライダー-----------------------------------------------------------*/
.demoL {
	margin: 1px auto;
	width: 100%;
	max-width: 880px;
	height: auto;
}
.demoL .bx-wrapper {
	position: relative;
	margin: 0 0 50px;
	padding: 0;
	*zoom: 1;
}
@media screen and (max-width: 480px) {
.demoL .bx-wrapper {
	margin: 5px 5px 30px 5px;/*ichige スマホの時のmargin*/
}
}

.demoL .bx-wrapper img {
	width: 100%;
	height: auto;/*高さをautoにすることで縦横比を維持する*/
	display: block;
}
.demoL .bx-wrapper .bx-viewport {/*画像に白borderとシャドウ効果*/
/*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 10px;
	left: -5px;
	background: #fff;*/
}

.demoL .bx-wrapper .bx-pager,
.demoL .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* PAGER */

.demoL .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
@media screen and (max-width: 480px) {
.demoL .bx-wrapper .bx-pager {
	display: none; /*ichige スマホの時　■を非表示にする*/
}
}

.demoL .bx-wrapper .bx-pager .bx-pager-item,
.demoL .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.demoL .bx-wrapper .bx-pager.bx-default-pager a {
	background: #333;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
}

.demoL .bx-wrapper .bx-pager.bx-default-pager a:hover,
.demoL .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #F93;
}

/*slider demoL 小さいサイズスライダー-----------------------------------------------------------*/
.demoL1 {
	margin: 1px auto;
	width: 100%;
	max-width: 600px;
	height: auto;
}
.demoL1 .bx-wrapper {
	position: relative;
	margin: 0 0 50px;
	padding: 0;
	*zoom: 1;
}
@media screen and (max-width: 480px) {
.demoL1 .bx-wrapper {
	margin: 5px 5px 30px 5px;/*ichige スマホの時のmargin*/
}
}

.demoL1 .bx-wrapper img {
	width: 100%;
	height: auto;/*高さをautoにすることで縦横比を維持する*/
	display: block;
}
.demoL1 .bx-wrapper .bx-viewport {/*画像に白borderとシャドウ効果*/
/*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 10px;
	left: -5px;
	background: #fff;*/
}

.demoL1 .bx-wrapper .bx-pager,
.demoL1 .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* PAGER */

.demoL1 .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
@media screen and (max-width: 480px) {
.demoL1 .bx-wrapper .bx-pager {
	display: none; /*ichige スマホの時　■を非表示にする*/
}
}

.demoL1 .bx-wrapper .bx-pager .bx-pager-item,
.demoL1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.demoL1 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #333;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
}

.demoL1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.demoL1 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #F93;
}

/*ステンシル教室*/
#class-photo-stencil {	
	margin: 8px 0px 0px 33px;
	float: left;
}
@media screen and (max-width: 480px) {
#class-photo-stencil {	
	margin: 8px 0px 0px 10px;
	float: left;
}
}
#class-photo-stencil p {	
	margin: 1px 0px 0px 0px;
	font-size: 12px;
	color: #cc6666;
	text-align: center;
}
.gazouwaku{   
 border:1px solid #dad5c3;/* 外枠の色 */   
 padding:3px;/* 余白 */   
background-color:#ffffff;/* 余白部分の色 */   
}


/*-----------------------------------------------------	*/
/*	過去のページをレスポンシブ化するためのＣＳＳ      			*/
/*-----------------------------------------------------	*/
#calnews{
	margin:0 10px 5px 10px;
	padding:10px;/* ichige修正 */ 
	border:1px #FF6600 dashed;
	}
#calnews h3{
	font-size:16px;
	font-weight:bold;
	padding:0 5px;
	text-align: left;/* ichige追加 */ 
	height: 40px;/* ichige追加 */  
	color:#FF6600;
	margin:0;
	}
#calnews ul{
	margin:5px;
	padding:0 30px;
	}	
#calnews .red{
	color:#FF0000;
	}	
.classinfo-topic-brown {
	background-color:#5D3627;
	color:#ffffff;
	font-weight:bold;
	padding: 6px 3px 3px 3px;
	font-size: 16px;
	text-align: center;
}
.redstyle14 {
	color:#ff0000;
	font-weight:bold;
	font-size: 14px;
	text-align: center;
}
.map {
	margin: 5px 0px 0px 15px;
	font-size: 12px;
	line-height: 16px;
}
#classinfo {
	margin: 10px 0px 0px 10px;
	font-size: 14px;
	line-height: 19px;
	text-align: left;
}
.classinfo td {
    padding: 7px 7px 7px 7px;
}
.classinfo-topic-purple {
	background-color:#e54661;/*___________ #660099から変更 ___________ */
	color:#ffffff;
	font-weight:bold;
	padding: 6px 3px 3px 3px;
	font-size: 16px;
	text-align: center;
}
.classinfo-topic-pink {
	background-color:#cc0066;
	color:#ffffff;
	font-weight:bold;
	padding: 6px 3px 3px 3px;
	font-size: 16px;
	text-align: center;
}
#hajimete{
 margin:0;
 padding:0;
 width:100%;
 }
 
#hajimete h3{
	font-size:16px;
	background:#FF6600;
	padding:3px 15px;
	color:#FFF;
	font-weight:bold;
 }
 #hajimete .left{
 float:left;
	padding:10px;
	border:none;
	}
.style1 {
	margin: 10px 0px 8px 0px;
}
.style4 {
	margin: 10px 8px 10px 8px;
	line-height:1.5em;
	font-size:14px;
	text-align:left;
}
.wire-noon {
	background-color:#ffedbf;
	color:#754c24;
	font-weight:bold;
	padding: 6px 3px 3px 3px;
	margin: 0 8px 0 8px;
	font-size: 16px;
	text-align: center;
}
.wire-night {
	background-color:#ffc535;
	color:#754c24;
	font-weight:bold;
	padding: 6px 3px 3px 3px;
	margin: 0 8px 0 8px;
	font-size: 16px;
	text-align: center;
}
table.classinfo{
	border-collapse: double;
	border-spacing: 1;
}
.style8 {
	font-size: 12px;
	margin-top:10px;
	}

.style20{
	font-size: 13px;
	font-weight: bold; 
	line-height: 1.5;
}
.text_yellow {
	font-size: 11pt;
	line-height: 150%;
	color: #333333;
	background-color: #FFFF80;
	font-weight: bold;
}


/* --
#box{
  width: 100%;
  margin: 0px auto;
  color: #3F2F69;
  text-align: center;
}
.boxin{
  position: relative;
  float:right;
  width: 150px;
  height: 150px;
  margin: 0 10px;
}
#box a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  padding: 0px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  line-height: 100px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;
  z-index: 10;
}
#box a:hover{
  top: -75px;
  left:-75px;
  width: 300px;
  height: 300px;
  font-size: 20px;
  line-height: 300px;
  z-index: 100;
}
#circle1{
  background: #490A3D;
  background: rgba(255,0,0,.7);
}
---	*/

/*コーデセット02
#event10{
	margin:30px auto;
	text-align:center;
	width:700px;
	position:relative;
}


#event10_main{
	text-align:center;
	margin-top:150px;
	
}


#event10_data{
	position:absolute;
	top:0px;
	right:50px;
	animation: vertical 2s ease-in-out infinite alternate;
}

#event10_house{
	position:absolute;
	top:50px;
	right:30px;
}
---	*/


/*コーデセット02ここまで*/
/*スクロール　フェードイン*/
/* 画面外にいる状態
.target {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
画面内に入った状態
.target.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
/*スクロールフェードイン　ここまで*/





/*アニメーションここから*/
#mainbox01{
	width:100px;
	height:0px;
	float:left;
}
#mainbox02{
	width:200px;
	height:0px;
	float:right;
	margin:0px 30px 0px 0px;
}
#mainbox03{
	width:160px;
	height:0px;
	float:right;
	margin:0px 30px 0px 0px;
}
#mainbox04{
	width:150px;
	height:0px;
	float:right;
	margin:0px 50px 0px 0px;
}
#mainbox05{
	width:200px;
	height:0px;
	float:right;
	margin:0px 10px 0px 0px;
}
#mainbox06{
	width:200px;
	height:0px;
	float:right;
	margin:0px -15px 0px 0px;
}
@media screen and (max-width: 480px) {
#mainbox02{
	width:130px;
	height:0px;
	float:right;
	margin:0px 0px 0px 0px;
}
#mainbox03{
	width:110px;
	height:0px;
	float:right;
	margin:0px 20px 0px 0px;
}
#mainbox04{
	width:110px;
	height:0px;
	float:right;
	margin:0px 20px 0px 0px;
}
#mainbox05{
	width:120px;
	height:0px;
	float:right;
	margin:0px -10px 0px 0px;
}
#mainbox06{
	width:130px;
	height:0px;
	float:right;
	margin:0px 0px 0px 0px;
}
}

/*気球ここから*/

@keyframes horizontal {
    0% { transform:translateX( -20px);
	-moz-transform:translateX( -20px);
	-ms-transform:translateX( -20px);
	-o-transform:translateX( -20px);
	-webkit-transform:translateX( -20px);}
	
	
  100% { transform:translateX(  0px);
  -moz-transform:translateX(  0px);
  -ms-transform:translateX(  0px);
  -o-transform:translateX(  0px);
  -webkit-transform:translateX(  0px); }
}


@keyframes vertical_fukidashi {
    0% { transform:translateY(-20px);
	-moz-transform:translateY(-20px)
	-ms-transform:translateY(-20px)
	-o-transform:translateY(-20px)
	-webkit-transform:translateY(-20px); }
	
	
  100% { transform:translateY(  -10px);
  -moz-transform:translateY(  -10px);
  -ms-transform:translateY( -10px);
  -o-transform:translateY(  -10px);
  -webkit-transform:translateY(  -10px); }
}
@keyframes vertical {
    0% { transform:translateY(-30px);
	-moz-transform:translateY(-30px)
	-ms-transform:translateY(-30px)
	-o-transform:translateY(-30px)
	-webkit-transform:translateY(-30px); }
	
	
  100% { transform:translateY(  0px);
  -moz-transform:translateY(  0px);
  -ms-transform:translateY(  0px);
  -o-transform:translateY(  0px);
  -webkit-transform:translateY(  0px); }
}

.news01 {
  animation: vertical_fukidashi 1s ease-in-out infinite alternate;}

.news01 a {
  animation: vertical_fukidashi 1s ease-in-out infinite alternate;}


.news02 {
  animation: vertical 3s ease-in-out infinite alternate;}

.news02 a {
  animation: vertical 3s ease-in-out infinite alternate;}

/*気球ここまで*/

.redstyle16 {
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
/*___________ page-top2 ___________ */
#page-top2 {
	font-size: 85%;
}
#page-top2 a {
	background: #c4bc9d;/*濃い色*/
	text-decoration: none;
	color: #fff;
	width: 140px;
	padding: 0px 0px;
	text-align: center;
	line-height: 20px;
	display: block;
	border-radius: 5px;
	filter:alpha(opacity=80);/* 透過 */
	-moz-opacity: 0.8;/* 透過 */
	opacity: 0.8;/* 透過 */
}
#page-top2 a:hover {
	text-decoration: none;
	background: #e2dfd0;/* うすい色 */
}
#page-top2 a:after {
	font-family: 'icomoon';
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
	color: #efefef;
}
.what-new {/* 新着情報のテキストを囲む */
 padding: .5em .75em;
	/*border: 2px solid #035270;*/
	border-radius: 6px;
	background-color: #e8e8e8;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	border-bottom: 1px solid #ccc;
}
.what-new2 {/* 糸ちゃんのテキストを囲む */
 padding: .9em 1.1em;
	/*border: 2px solid #035270;*/
	border-radius: 6px;
	background-color: #f1e5d1;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	border-bottom: 1px solid #ccc;
}

/***********ワイヤークラフト体験講座/ミニキット（201706追加）*************/
#w-taiken-4 {
	margin-top:10px;
}
@media screen and (max-width: 480px) {
#gift-closeup-goods p span {
	color: #32403d;
	font-size: 10px;/****201706修正********/
	font-weight:bold;
	line-height: 10px;
}
}
@media screen and (min-width: 640px) {
.mt65 {
	margin-top:65px;
}
}
/***********ブライダルページの背景のハート（201709追加　https://naifix.com/blog-snow/#snowjs）*************/
.snow_box {
	background-color: #fff;
   	background-image: url(../img2/bridal/snow2.png), url(../img2/bridal/snow1.png);
	-webkit-animation: snow 50s linear infinite;
	animation: snow 70s linear infinite;
	margin-bottom: 36px;
}

@-webkit-keyframes snow {
	0% { background-position: 0px 0px, 0px 0px, 0px 0px }
	50% { background-color: #fff }
	100% {
		background-position: 500px 1000px, 400px 400px, 300px 300px;
		background-color: #fff;
	}
}
@keyframes snow {
	0% { background-position: 0px 0px, 0px 0px, 0px 0px }
	50% { background-color: #fff }
	100% {
		background-position: 500px 1000px, 400px 400px, 300px 300px;
		background-color: #fff;
	}
}
/*****ブライダルの横スクロール　http://takeshishomepage.com/blog/2016/08/18/css3_keyframes_bg/ 参照************************/
.section {
    text-align: center;
}
.box_b {
    background: url(../img2/bridal/scroll-bridal.jpg) repeat-x;
    height: 350px;
    animation: bgscroll 50s linear infinite;
}
@keyframes bgscroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -2740px 0;//画像の横幅の長さをマイナスに設定する。今回は、横方向に動かすため。
    }
}
#title_b {
    margin-top: -77px;
    text-align: center;
}
/* スマホ用表示切り替え */
@media screen and (max-width: 639px) {
.section {
    text-align: center;
}
.box_b {
    background: url(../img2/bridal/scroll-bridal.jpg) repeat-x;
				background-size:1417px 200px;
    height: 200px;
    animation: bgscroll 50s linear infinite;
}
@keyframes bgscroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1417px 0;//画像の横幅の長さをマイナスに設定する。今回は、横方向に動かすため。
    }
}
#title_b {
    margin-top: -42px;
    text-align: center;
}
}

/*****ライセンス取得講座 受講生の声************************/
#photo-note h3{
height: 40px;
font-size: 16px;
text-align: left;
color: #367614;
font-weight: bold;
background: url(../img2/h3midashi.gif) no-repeat;
margin: 5px 0px 5px 0px;
padding: 13px 0px 0px 0px;
letter-spacing: 0.4px;
}

/*****結婚式************************/
#wedd {
	width:100%;
	margin: 20px 0px 0px 6px;
}
@media screen and (max-width: 480px) {
#wedd {
	width:97%;
	margin: 5px 0px 0px 5px;
}
}


/*****ワイヤークラフトでつくる 大人かわいいアクセサリー************************/
/* PC＆タブレット用 */
@media screen and (min-width: 769px) {
.sp_ml10 {margin-left:10px;}/* ichige PCの時だけ */
}

/*-------------------バレエメディティスプラーナ-------------------------	*/
#wrap_r2 {
	float:left;
	width:53%;/*--右側テキストの占める割合--	*/
	margin-top:40px;
}
@media screen and (max-width: 480px) {
#wrap_r2 {
	float:left;
	width:100%;/*--右側テキストの占める割合--	*/
	margin-top:20px;/*--スマホの時はちょっと狭くする--	*/
}
}
/*--右側テキストが下に落ちる仕様
@media screen and (max-width: 480px) {
#wrap_r {
	float:left;
	width:100%;
}
}---	*/

/*コース内テーブル*/
#wrap_r2 table{width:100%; border-bottom:1px solid #999; color:#000000; margin-bottom:30px;}
@media screen and (max-width: 480px) {
#wrap_r2 table{width:100%; border-bottom:1px solid #999; color:#000000; margin-bottom:10px;}/*--スマホの時はちょっと狭くする--	*/
}

#wrap_r2 th,#wrap_r2 td {
	border-top:1px solid #999;
	padding:10px 0;
	text-align:left;
	vertical-align:top;
}
@media screen and (max-width: 480px) {
#wrap_r2 th,#wrap_r2 td {
	border-top:1px solid #999;
	padding:7px 0;/*--スマホの時はちょっと狭くする--	*/
	text-align:left;
	vertical-align:top;
}
}

#wrap_r2 th {width:80px; font-size:75%; font-weight:bold; color:#855839;}
#wrap_r2 td {font-size:92%;}
#wrap_r2 td a {color:#000000;}
@media screen and (max-width: 480px) {
#wrap_r2 th {width:5px; font-size:0%; font-weight:bold; color:#855839;}/*--茶色い文字を消す-----	*/
}

#class-img2 {/*___ichige_追加___ */
	width:40%;
	float: left;
	margin-right:20px;
	margin-top:40px;
}
@media screen and (max-width: 480px) {
#class-img2 {/*___ichige_追加___ */
	width:100%;
	float: left;
	margin-right:20px;
	margin-top:20px;/*__スマホの時は狭く___ */
}
}


/*-------------------バレエメディティスプラーナ-------------------------	*/
div.purana_imdex {
	margin:40px 0 0 0;
	color:#FFF;
	padding: .3em .75em .2em .75em;
	background-color: #bb2622;
	border: 1px solid #eee;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .1) inset;
	text-align: center;
}
#class-img2_purana {
    width: 40%;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}

#wrap_r2_purana {
    float: left;
    width: 53%;
    margin-top: 20px;
}
/*コース内テーブル*/
#wrap_r2_purana table{width:100%; border-bottom:1px solid #999; color:#000000; margin-bottom:30px;}
@media screen and (max-width: 480px) {
#wrap_r2_purana table{width:100%; border-bottom:1px solid #999; color:#000000; margin-bottom:10px;}/*--スマホの時はちょっと狭くする--	*/
}

#wrap_r2_purana th,#wrap_r2 td {
	border-top:1px solid #999;
	padding:10px 0;
	text-align:left;
	vertical-align:top;
}
@media screen and (max-width: 480px) {
#wrap_r2_purana th,#wrap_r2 td {
	border-top:1px solid #999;
	padding:7px 0;/*--スマホの時はちょっと狭くする--	*/
	text-align:left;
	vertical-align:top;
}
}

#wrap_r2_purana th {width:80px; font-size:75%; font-weight:bold; color:#855839;}
#wrap_r2_purana td {font-size:92%;}
#wrap_r2_purana td a {color:#000000;}
@media screen and (max-width: 480px) {
#wrap_r2_purana th {width:5px; font-size:0%; font-weight:bold; color:#855839;}/*--茶色い文字を消す-----	*/
}

/*nagano-facebook作品-2カラム*/

/* PC＆タブレット用 */
@media screen and (min-width: 481px) {

#image-box {
margin: 10px 0px 10px 0px;
background-color:#FFFFCC;
}

#image-box p {
padding-top: 15px;
font-size:14px;
line-height: 12px;
}

#image-box-2 {
margin: 10px 0px 20px 0px;
}
}
/* スマホ用表示切り替え */
@media screen and (max-width: 480px) {

#image-box {
 margin: 10px 5px 0px 5px;
}
}

#two-columns-gazou {
	width: 43%;
	margin: 0px 28px 0px 0px;
	float:left
}

#two-columns-gazou p {
	margin: 5px 0px 0px 0px;
	font-size: 13px;
	line-height: 16px;
}
#two-columns-gazou p span {
	color: #cc0000;
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
}

/*レッスン詳細*/

table.lesson {
  margin: 10px 0px 0px 0px;
  width: 98％;
  border-collapse: collapse;
  border: solid 1px #aaa;
}

table.lesson th {
  width: 65px;
}

table.lesson th,
table.lesson td {
  border: solid 1px #aaa;
  padding: 8px 8px;
}

table.lesson th {
  background: #efe7bc;
  white-space: nowrap;
  color: #444;
  font-size:14px;
  font-weight: bold;
}

table.lesson td {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  
}
