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

html			{ height:100%; background:#fff; }
body			{ margin:0; padding:0 0 1px 0; border:0; color:#424242; text-align:left; font-size:90%; font-family:"ＭＳ Ｐゴシック", sans-serif, 'MS PGothic', 'Hiragino Kaku Gothic Pro W3'; -webkit-text-size-adjust: 100%;
}
div				{ vertical-align:bottom; line-height:1em; }
form			{ margin:0; padding:0; }
img				{ margin:0; padding:0; font-size:0; line-height:0; border:0; }
ul,ol,li		{ margin:0px; padding:0px; list-style-type:none; line-height:1em;/*IE・FF*/ vertical-align:top;/*IE*/ }
h1,h2,h3,h4,h5,h6,p,address { font-size:100%; font-weight:normal; font-style:normal; margin-left:0; margin-right:0; margin-top:0; }
a				{ color:#339900; }

#contactbtn				{ position:fixed; margin:0; padding:0; bottom:20px; right:20px; z-index:100; }
#contactbtn img			{ width:120px; }

@media only screen and (max-width: 800px) {
#contactbtn				{ position:fixed; margin:0; padding:0; bottom:10px; right:10px; z-index:100; }
#contactbtn img			{ width:80px; }
}




#header				{ margin:0 auto; padding:10px 0; width:100%; background:#fff; text-align:center; }
#header h1			{ margin:0 auto 0 auto; padding:0; width: 400px; }

#header-scnd		{ margin:-162px auto 0 auto; padding:10px 0 0 0; width:100%; background:#fff; text-align:center; position:fixed; z-index:100; }
#header-scnd h1	{ margin: 0 auto 10px auto; padding: 0; width: 320px; }
#header-scnd #mainnavi 	{ margin:0 auto; padding:7px 0; width:100%; background:#414141; border-bottom:none; }

#header-scnd .navi { margin: 0 auto; padding: 5px 0; width: 100%; }

#header-scnd .navi a { margin: 0 30px; display: inline-block; position: relative; font-size: 13px; color: #fff; line-height: 1em; text-decoration: none; }
#header-scnd .navi a::after { position: absolute; content: ''; top: 1.5em; left: 0; width: 100%; height: 1px; opacity: 0; background: #fff; transition: all .3s ease 0s; visibility: hidden; }
#header-scnd .navi a:hover { cursor: pointer; }
#header-scnd .navi a:hover::after { bottom: 2px; opacity: 1; visibility: visible; }

@media only screen and (max-width: 800px) {
#header-scnd				{ display:none; }
}







/* ==================================================
MENU
===================================================== */

#header-sp			{ display:none; }

@media only screen and (max-width: 800px) {
#header				{ display:none; }

#header-sp				{ display:block; margin:0; padding:0; position:fixed; width:100%; background:#fff; border-bottom:double #666; z-index: 100; }
#header-sp table		{ margin: 0; padding: 10px 0; width: 100%; }
#header-sp th			{ margin: 0; padding: 0 0 0 20px; width: auto; text-align: left; }
#header-sp th img		{ margin: 0; padding: 0; width: 90%; }
#header-sp td			{ margin: 0; padding: 0; width: 60px; text-align: center; }



.menu-sp	{ display: block; width: 100%; }

.menu, .menu span { display: inline-block; -webkit-transition: all .6s; transition: all .6s; box-sizing: border-box; }

.btn-open	{ margin: 0; padding: 0; width: 54px; height: 54px; border-radius: 16px; position: absolute; right: 12px; top: 7px; }
.btn-close	{ margin: 0; padding: 0; width: 54px; height: 54px; border-radius: 16px; position: absolute; right: 12px; top: 7px; }

.menu { position: fixed; top: 30px; right: 23px; width: 31px; height: 23px; z-index: 10; border: none; background: #fff; }

.menu span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #323131; z-index: 1000; }

.menu span:nth-of-type(1) { top: 0px; }
.menu span:nth-of-type(2) { top: 10px; }
.menu span:nth-of-type(3) { bottom: 0px; }

.menu.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.menu.active span:nth-of-type(2) { opacity: 0; }
.menu.active span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }



#nav { position: fixed; top: 79px; right: 0; z-index: 10; padding: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.6s ease-in-out; visibility: hidden; background: #fff;  }

#nav.active { right: 0; opacity: 1.0; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; }

#nav ul				{ margin: 0 auto 15px auto; padding: 15px 0 0 0; width: 80%; }
#nav ul li			{ position: relative; display: block; list-style-type: none; margin: 0; padding: 0; width: 100%; border: none; border-bottom: 1px solid #e4e7e4; }
#nav ul li a	{ display: block; padding: 20px 0 20px 20px; transition: all 0.6s ease-in-out; text-align: left; text-decoration: none; color: #3e3735; font-size: 14px; line-height: 1em; vertical-align: middle; }

#nav ul li::before{ left: 0; width: 6px; height: 6px; border-top: 1px solid #3eb140; border-right: 1px solid #3eb140; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#nav ul li.topi		{ position: relative; display: block; list-style-type: none; margin: 0; padding: 10px 0 10px 0; width: 100%; border: none; border-bottom: 1px solid #e4e7e4; }
#nav ul li.topi::before{ left: -28px; width: 6px; height: 6px; border-top: 1px solid #3eb140; border-right: 1px solid #3eb140; -webkit-transform: rotate(135deg); transform: rotate(135deg); }


#nav .vect { font-size: 14px; color: #f3908c; padding: 0 10px 0 0; }

}







#mainnavi 		{ margin:0 auto; padding:30px 0; width:100%; background:#fff;  border-bottom:double #666; }

.navi { margin:0 auto; padding:0; width:1000px; }
.navi:last-child {
	padding-bottom: 0;
}
.navi::after {
	content: '';
	clear: both;
	display: block;
}
.navi div {
	position: relative;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	text-align:center;
}
.navi div:first-child {
	margin-left: 0;
}
.navi div span {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: -1;
	display: block;
	width: 200px;
	margin: 0;
	padding: 0;
	color:#666;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
figure img {
	width: 100px;
}
figure:hover+span {
	bottom: -23px;
	opacity: 1;
}


@media only screen and (max-width: 800px) {
.navi		{ display:none; }
#mainnavi 	{ display:none; border-bottom:none; background:none }
}




#ftnavi			{ margin: 0 auto; padding: 0 0; width: 100%; background: #424242; }
#ftnavi ul		{ margin: 0 auto; padding: 0 0; width: 100%; display: flex; justify-content: center; align-items: center; }
#ftnavi li		{ margin: 0 0; padding: 0 0; width: 100px; }

#pagetop		{ margin:0 auto; padding:10px 0; width:100%; font-size:14px; color:#fff; background:#000; text-align:center; }

@media only screen and (max-width: 800px) {
#ftnavi			{ margin: 0 auto; padding: 0 0; width: 100%; background: #424242; border-bottom: 3px double #fff; }
#ftnavi ul		{ margin: 0 auto; padding: 0 0; width: 100%; display: flex; justify-content: center; align-items: center; }
#ftnavi li		{ margin: 0 0; padding: 0 0; width: 16%; }


#pagetop		{ margin:0 auto; padding:10px 0; width:100%; font-size:14px; color:#fff; background:#424242; text-align:center; }
}


#footer			{ margin:0 auto; padding:10px 0; width:100%; background:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1em; }






@media only screen and (max-width: 800px) {
.br:before	{ content: "\A"; white-space: pre; }
}







.inner			{ margin:0 auto 100px auto; padding:0; width:800px; }

h2				{ margin:0 0 50px 0; padding:0; font-size:22px; line-height:1.8em; }
h4				{ margin:0 0 30px 0; padding:0; font-size:22px; line-height:1.4em; }
p				{ margin:0; padding:0; font-size:15px; line-height:2em; }

@media only screen and (max-width: 800px) {
.inner			{ margin:0 auto 30px auto; padding:0; width:90%; }

h2				{ margin:0 0 20px 0; padding:0; font-size:18px; line-height:1.8em; }
h4				{ margin:0 0 20px 0; padding:0; font-size:18px; line-height:1.6em; }
p				{ margin:0 0 30px 0; padding:0; font-size:14px; line-height:1.6em; }
}



.main-title		{ margin:0 auto 40px auto; padding:0; width:267px; }

@media only screen and (max-width: 800px) {
.main-title		{ margin: 0 auto 30px auto; padding: 0; width: 60%; }
}



.wbox			{ margin:0 auto 15px auto; padding:15px 0; width:200px; font-size:16px; line-height:1.2em; text-align:center; background:#fff; }


/* ==================================================
INDEX
===================================================== */

#mainimg			{ margin:0 auto 30px auto; padding:0; width:100%; }
#mainimg-sp			{ display:none; }

@media only screen and (max-width: 800px) {
#mainimg-sp			{ display: block; margin: 0 auto 30px auto; padding: 78px 0 0 0; width: 100%; }
#mainimg			{ display: none; }
}



.mainlead		{ margin:100px auto 50px auto; padding:0; width:685px; }
.mainlead-sp	{ display:none; }

@media only screen and (max-width: 800px) {
.mainlead-sp	{ display:block; margin:0 auto 30px auto; padding:0; width:90%; }
.mainlead		{ display:none; }
}



#banner			{ overflow:hidden; margin:0 auto; padding:0; width:100%; }
#banner li		{ float:left; margin:-5px 0 0 0; padding:0; width:50%; }
#banner img		{  margin:0; padding:0; width:100%; }

@media only screen and (max-width: 800px) {
#banner			{ margin:0 auto; padding:0; width:100%; }
#banner li		{ float:none; margin:-5px 0 0 0; padding:0; width:100%; }
#banner img		{  margin:0; padding:0; width:100%; }
}



#sns			{ margin:0 auto; padding:100px 0; width:338px; background:#fefff9; text-align:center; }
#sns .sns_wrap  { display: flex; flex-flow: wrap; text-align: center; width: 200px; margin: 0 auto; }
#sns .sns_wrap li  { width: 100%; }
#sns .sns_wrap img		{ width: 60%; }

@media only screen and (max-width: 800px) {
#sns			{ margin:0 auto; padding:50px 0; width:100%; background:#fefff9; text-align:center; }
#sns .sns_wrap  { display: flex; flex-flow: wrap; text-align: center; width: 40%; margin: 0 auto; }
#sns .sns_wrap li  { width: 100%; }
#sns .sns_wrap img		{ width: 40%; }
}











/* ==================================================
COLOR THERAPY
===================================================== */


#mainimg-color			{ margin:160px auto 30px auto; padding:0; width:100%; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fecff6+50,edffb5+53 */
background: #fecff6; /* Old browsers */
background: -moz-linear-gradient(left, #fecff6 50%, #edffb5 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecff6 50%,#edffb5 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecff6 50%,#edffb5 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecff6', endColorstr='#edffb5',GradientType=1 ); /* IE6-9 */ }

#mainimg-color img		{ margin:0 auto; padding:0; width:867px; border-left:20px solid #fff; border-right:20px solid #fff; }

#mainimg-color-sp		{ display:none; }

@media only screen and (max-width: 800px) {
#mainimg-color-sp		{ display: block; margin: 0 auto 25px auto; padding:0; width:100%; text-align:center; border-top:90px solid #fff;
background: #fecff6; /* Old browsers */
background: -moz-linear-gradient(left, #fecff6 50%, #edffb5 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecff6 50%,#edffb5 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecff6 50%,#edffb5 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecff6', endColorstr='#edffb5',GradientType=1 ); /* IE6-9 */ }
#mainimg-color-sp img	{ margin:0 auto; padding:0 0 0 0; width:90%; border-left:10px solid #fff; border-right:10px solid #fff; }
#mainimg-color			{ display:none; }
}


.mainlead-color		{ margin:0 auto 40px auto; padding:0; width:562px; }

@media only screen and (max-width: 800px) {
.mainlead-color		{ margin:0 auto 40px auto; padding:0; width:100%; }
}



.point-color		{ margin:0 auto 0 auto; padding:0 0 100px 0; width:100%; border-top:10px solid #e8edf9; background:#e8edf9 url(../img/point-bg.png) top center repeat-x; background-size:160px 120px; text-align:center; }
.point-color .ttl	{ margin:0 auto 30px auto; padding:0; width:569px; }

@media only screen and (max-width: 800px) {
.point-color		{ margin:0 auto 0 auto; padding:0 0 50px 0; width:100%; border-top:10px solid #e8edf9; background:#e8edf9; text-align:center; }
.point-color .ttl	{ margin:0 auto 15px auto; padding:0; width:100%; }
}




.bx-color			{ margin:0 auto 40px auto; padding:40px 0; width:450px; background:#fff; text-align:center; }
.bx-color .icon		{ margin:0 auto 20px auto; padding:0; width:70px; }

@media only screen and (max-width: 800px) {
.bx-color			{ margin:0 auto 0 auto; padding:20px 0 1px 0; width:90%; background:#fff; text-align:center; }
.bx-color .icon		{ margin:0 auto 20px auto; padding:0; width:92px; }
}




.mailbx-color		{ margin:0 auto 50px auto; padding:15px 0; width:350px; background:#9f90e2; text-align:center; }
.mailbx-color img	{ width:114px; }

@media only screen and (max-width: 800px) {
.mailbx-color		{ margin:0 auto 50px auto; padding:15px 0; width:75%; background:#9f90e2; text-align:center; }
.mailbx-color img	{ width:114px; }
}



.mailbx-color2		{ margin:0 auto 50px auto; padding:15px 0; width:350px; background:#7bbb86; text-align:center; }
.mailbx-color2 img	{ width:114px; }

@media only screen and (max-width: 800px) {
.mailbx-color2		{ margin:0 auto 50px auto; padding:15px 0; width:75%; background:#7bbb86; text-align:center; }
.mailbx-color2 img	{ width:114px; }
}







/* ==================================================
FLOWER LESSON
===================================================== */

#mainimg-flower			{ margin:160px auto 30px auto; padding:0; width:100%; text-align:center; background: #d9e6db; }

#mainimg-flower img		{ margin:0 auto; padding:0; width:867px; border-left:20px solid #fff; border-right:20px solid #fff; }

#mainimg-flower-sp		{ display:none; }

@media only screen and (max-width: 800px) {
#mainimg-flower-sp		{ display:block; margin:0 auto 25px auto; padding:0; width:100%; text-align:center; border-top:90px solid #fff; background: #d9e6db; }
#mainimg-flower-sp img	{ margin:0 auto; padding:0 0 0 0; width:90%; border-left:10px solid #fff; border-right:10px solid #fff; }
#mainimg-flower			{ display:none; }
}


.mainlead-flower		{ margin:0 auto 40px auto; padding:0; width:609px; }

@media only screen and (max-width: 800px) {
.mainlead-flower		{ margin:0 auto 40px auto; padding:0; width:100%; }
}



.point-flower		{ margin:0 auto 0 auto; padding:0 0 100px 0; width:100%; border-top:10px solid #e5f1e7; background:#e5f1e7 url(../img/point-bg.png) top center repeat-x; background-size:160px 120px; text-align:center; }
.point-flower .ttl	{ margin:0 auto 30px auto; padding:0; width:569px; }

@media only screen and (max-width: 800px) {
.point-flower		{ margin:0 auto 0 auto; padding:0 0 50px 0; width:100%; border-top:10px solid #e5f1e7; background:#e5f1e7; text-align:center; }
.point-flower .ttl	{ margin:0 auto 15px auto; padding:0; width:100%; }
}




.bx-flower			{ margin:0 auto 40px auto; padding:40px 0; width:800px; background:#fff; text-align:left; }
.bx-flower .icon	{ margin:0 auto 20px auto; padding:0; width:70px; }
.bx-flower .inner	{ margin:0 auto 30px auto; padding:0; width:650px; }
.bx-flower p.lesson	{ margin:0 0 5px 0; padding:8px 0 8px 26px; font-size:18px; line-height:1.4em; background:url(../img/icon-maru.gif) center left no-repeat; background-size:19px 19px; }
.bx-flower p		{ margin:0 0 20px 27px; padding:0; font-size:15px; line-height:1.4em; }
.bx-flower .attbx	{ margin:0 auto; padding:20px 0; width:80%; background:#e5f1e7; text-align:center; font-size:20px; line-height:1.4em; }

@media only screen and (max-width: 800px) {
.bx-flower			{ margin:0 auto 0 auto; padding:20px 0 20px 0; width:95%; background:#fff; text-align:left; }
.bx-flower .icon		{ margin:0 auto 20px auto; padding:0; width:92px; }
.bx-flower .inner	{ margin:0 auto 30px auto; padding:0; width:90%; }
.bx-flower p.lesson	{ margin:0 0 5px 0; padding:4px 0 4px 26px; font-size:15px; line-height:1.4em; background:url(../img/icon-maru.gif) center left no-repeat; background-size:19px 19px; font-weight:bold; }
.bx-flower p		{ margin:0 0 10px 27px; padding:0; font-size:14px; line-height:1.4em; }
.bx-flower .attbx	{ margin:0 auto; padding:20px; width:80%; background:#e5f1e7; text-align:center; font-size:15px; line-height:1.4em; }
}




.mailbx-flower		{ margin:0 auto 50px auto; padding:15px 0; width:350px; background:#9f90e2; text-align:center; }
.mailbx-flower img	{ width:114px; }

@media only screen and (max-width: 800px) {
.mailbx-flower		{ margin:0 auto 50px auto; padding:15px 0; width:75%; background:#9f90e2; text-align:center; }
.mailbx-flower img	{ width:114px; }
}




#flowerimg				{ margin:0 auto 0 auto; padding:0; width:800px; }
#flowerimg a				{ text-decoration:none; color:#333; }
#flowerimg .flower		{ margin:0 auto; padding:0; width:800px; }
#flowerimg ul 			{ margin:0; padding:0 0 0 0; }
#flowerimg li			{ float:left; margin:0 15px; padding:0; width:auto; list-style:none; text-align:center; }
#flowerimg li img		{ margin:0; padding:0; width:160px; }

.flowcntr	 { position:relative; overflow:hidden; }
.flowcntr ul { position:relative; left:50%; float:left; }
.flowcntr li { position:relative; left:-50%; float:left; }

@media only screen and (max-width: 800px) {
#flowerimg				{ margin:0 0 0 0; padding:0; width:100%; height:auto; }
#flowerimg a				{ text-decoration:none; color:#333; }
#flowerimg .flower		{ margin:0 auto; padding:0; width:100%; height:auto; }
#flowerimg ul 			{ margin:0 auto; padding:20px 0; width:99%; }
#flowerimg li			{ float:left; margin:0 1px; padding:20px 0; width:32%; list-style:none; text-align:center; }
#flowerimg li img		{ margin:0; padding:0; width:100%; text-align:center; }

.flowcntr	 { position:relative; overflow:hidden; }
.flowcntr ul { position:relative; left:50%; float:left; }
.flowcntr li { position:relative; left:-50%; float:left; }
}



.yet	{ margin:0; padding:30px 0 0 0; font-size:26px; color:#06a421; line-height:1.4em; font-weight:bold; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }






/* ==================================================
PROFILE
===================================================== */

#profile			{ position:relative; margin:160px auto 30px auto; padding:0; width:1000px; }

#profile .profile-img		{ margin:0; padding:0; width:578px; }
#profile .profile-img-sp	{ display:none; }

#profile .profile-base		{ margin:0 0 0 127px; padding:30px; width:260px; background:#fbf0f2; }
#profile .profile-base p	{ margin:0 0 20px 0; padding:0; font-size:14px; line-height:1.6em; }

#profile .text		{ position:absolute; top:180px; right:0; margin:0; padding:0; width:500px; }
#profile .text p	{ margin:0 0 20px 0; padding:0; font-size:15px; line-height:2em; }


@media only screen and (max-width: 800px) {
#profile			{ margin:0 auto 30px auto; padding:110px 0 0 0; width:100%; }
#profile .text		{ position:static; margin:0 auto; padding:0; width:90%; }
#profile .text p	{ margin:0 0 20px 0; padding:0; font-size:14px; line-height:1.8em; }

#profile .profile-img-sp	{ display:block; margin:0; padding:0; width:100%; }
#profile .profile-img		{ display:none; }

#profile .profile-base		{ margin:0 auto; padding:20px 0; width:93%; background:#fbf0f2; }
#profile .profile-base p	{ margin:0 20px 10px 20px; padding:0; font-size:14px; line-height:1.6em; }

}


/* ==================================================
RESERVE
===================================================== */

#mainimg-reserve		{ margin:160px auto 40px auto; padding:20px 0 30px 0; width:800px; text-align:center; border-bottom:1px solid #dddddd; }
#mainimg-reserve img	{ margin:0 auto; padding:0; width:267px; }
.reservetxt				{ margin:0 0 50px 0; padding:0; text-align:center; }

@media only screen and (max-width: 800px) {
#mainimg-reserve		{ margin:0 auto 30px auto; padding:110px 0 20px 0; width:100%; text-align:center; }
#mainimg-reserve img	{ margin:0 auto; padding:0 0 0 0; width:55%; }
.reservetxt				{ margin:0 auto 30px auto; padding:0; text-align:center; width:90%; }
}



.point-reserve		{ margin:0 auto 0 auto; padding:0 0 0 0; width:100%; border-top:10px solid #fff; background:#fff url(../img/point-bg.png) top center repeat-x; background-size:160px 120px; text-align:center; }
.point-reserve .ttl	{ margin:0 auto 30px auto; padding:0; width:569px; }

.point-reserve .form			{ margin:0 auto 50px auto; padding:0; width:800px; }
.point-reserve .form ul			{ margin:0; padding:0; overflow:hidden; border-bottom:1px solid #ddd; }
.point-reserve .form ul.nbdr	{ margin:0; padding:0; overflow:hidden; border-bottom:none; }
.point-reserve .form li.art		{ float:left; margin:0; padding:40px 0 30px 0; width:160px; font-size:16px; line-height:1.4em; font-weight:normal; text-align:left; }
.point-reserve .form li			{ float:left; margin:0; padding:30px 0 30px 0; width:300px; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.w		{ float:left; margin:0; padding:30px 0 30px 0; width:600px; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.w2		{ float:left; margin:0; padding:30px 0 10px 0; width:600px; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.spc		{ float:left; margin:0; padding:0 0 10px 160px; width:440px; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.spc2	{ float:left; margin:0; padding:0 0 30px 160px; width:440px; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.spc3	{ float:left; margin:0; padding:30px 0 30px 160px; width:600px; font-size:15px; line-height:1.4em; text-align:left; }

@media only screen and (max-width: 800px) {
.point-reserve		{ margin:0 auto 0 auto; padding:0 0 0 0; width:100%; border-top:10px solid #fff; background:#fff; text-align:center; }
.point-reserve .ttl	{ margin:0 auto 0 auto; padding:0; width:100%; }

.point-reserve .form			{ margin:0 auto 50px auto; padding:0; width:100%; }
.point-reserve .form ul			{ margin:0; padding:0 0; overflow:hidden; border-bottom:none; }
.point-reserve .form ul.nbdr	{ margin:0; padding:0 0 0 0; overflow:hidden; border-bottom:none; }
.point-reserve .form li.art		{ float:none; margin:60px auto 20px auto; padding:10px 0; width:100%; font-size:16px; line-height:1.4em; font-weight:bold; text-align:center; border-bottom:double #414141; }
.point-reserve .form li			{ float:none; margin:0 auto; padding:10px 0; width:90%; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.w		{ float:none; margin:0 auto; padding:10px 0; width:90%; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.w2		{ float:none; margin:0 auto; padding:10px 0; width:90%; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.spc		{ float:none; margin:0 auto; padding:10px 0; width:90%; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.spc2	{ float:none; margin:0 auto; padding:10px 0; width:90%; font-size:15px; line-height:1.4em; text-align:left; }
.point-reserve .form li.spc3	{ float:none; margin:0 auto; padding:10px 0; width:90%; font-size:15px; line-height:1.4em; text-align:left; }
}


.ast	{ color:#ed2f2f; }

input.txt1	{ margin:0 0 0 15px; padding:14px 0; width:200px; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt2	{ margin:0 15px; padding:14px 0; width:70px; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt3	{ margin:0 0 0 15px; padding:14px 0; width:80px; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt4	{ margin:0 0 0 0; padding:14px 0; width:550px; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt5	{ margin:0 0 0 0; padding:14px 0; width:300px; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }

textarea	{ margin:0 0 0 0; padding:15px; width:520px; height:200px; background:#fff4f4; border:1px solid #ddd; font-size:16px; line-height:1.4em; color:#616161; }

.btn { text-align:center;
	-moz-box-shadow:inset 0px 1px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffffff;
	box-shadow:inset 0px 1px 3px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e45b5b), color-stop(1, #e45b5b));
	background:-moz-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-webkit-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-o-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-ms-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:linear-gradient(to bottom, #e45b5b 5%, #e45b5b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45b5b', endColorstr='#e45b5b',GradientType=0);
	border:1px solid #f18080;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #e45b5b;
}
.clndr			{ margin:0; padding:10px 0; }
.clndr .date	{ margin:0; padding:0 0 0 30px; font-size:20px; color:#414141; line-height:1.8em; }



.btnsend { width:230px; text-align:center;
	-moz-box-shadow:inset 0px 1px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffffff;
	box-shadow:inset 0px 1px 3px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e45b5b), color-stop(1, #e45b5b));
	background:-moz-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-webkit-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-o-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-ms-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:linear-gradient(to bottom, #e45b5b 5%, #e45b5b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45b5b', endColorstr='#e45b5b',GradientType=0);
	border:1px solid #f18080;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:24px 0;
	text-decoration:none;
	text-shadow:0px -1px 0px #e45b5b;
}
.btnedit { width:230px; text-align:center; margin:0 30px 0 0;
	-moz-box-shadow:inset 0px 1px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffffff;
	box-shadow:inset 0px 1px 3px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #47a7d9), color-stop(1, #47a7d9));
	background:-moz-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:-webkit-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:-o-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:-ms-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:linear-gradient(to bottom, #47a7d9 5%, #47a7d9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#47a7d9', endColorstr='#47a7d9',GradientType=0);
	border:1px solid #47a7d9;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:24px 0;
	text-decoration:none;
	text-shadow:0px -1px 0px #47a7d9;
}

select	{ margin:10px 0 0 0; padding:0; }

.sendwrap	{ margin:0; padding:50px 0 100px 0; width:100%; background:#f7f7f7; text-align:center; }

@media only screen and (max-width: 800px) {
input.txt1	{ margin:0 0 0 15px; padding:14px 0; width:90%; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt2	{ margin:0 15px; padding:14px 0; width:30%; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt3	{ margin:0 0 0 15px; padding:14px 0; width:40%; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt4	{ margin:0 auto; padding:14px 0; width:100%; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }
input.txt5	{ margin:0 auto; padding:14px 0; width:100%; background:#fff4f4; border:1px solid #ddd; font-size:16px; color:#616161; }

textarea	{ margin:0 auto; padding:15px; width:92%; height:100px; background:#fff4f4; border:1px solid #ddd; font-size:16px; line-height:1.4em; color:#616161; }

.btn { text-align:center; width:100%; margin:0 auto;
	-moz-box-shadow:inset 0px 1px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffffff;
	box-shadow:inset 0px 1px 3px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e45b5b), color-stop(1, #e45b5b));
	background:-moz-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-webkit-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-o-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-ms-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:linear-gradient(to bottom, #e45b5b 5%, #e45b5b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45b5b', endColorstr='#e45b5b',GradientType=0);
	border:1px solid #f18080;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:20px 0;
	text-decoration:none;
	text-shadow:0px -1px 0px #e45b5b;
}
.clndr			{ margin:0; padding:10px 0; }
.clndr .date	{ margin:0; padding:0 0 0 0; font-size:20px; color:#414141; line-height:1.8em; font-weight:bold; }




.btnsend { width:80%; text-align:center; margin:0 aut;
	-moz-box-shadow:inset 0px 1px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffffff;
	box-shadow:inset 0px 1px 3px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e45b5b), color-stop(1, #e45b5b));
	background:-moz-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-webkit-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-o-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:-ms-linear-gradient(top, #e45b5b 5%, #e45b5b 100%);
	background:linear-gradient(to bottom, #e45b5b 5%, #e45b5b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45b5b', endColorstr='#e45b5b',GradientType=0);
	border:1px solid #f18080;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:24px 0;
	text-decoration:none;
	text-shadow:0px -1px 0px #e45b5b;
}
.btnedit { width:80%; text-align:center; margin:0 auto 15px auto;
	-moz-box-shadow:inset 0px 1px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffffff;
	box-shadow:inset 0px 1px 3px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #47a7d9), color-stop(1, #47a7d9));
	background:-moz-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:-webkit-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:-o-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:-ms-linear-gradient(top, #47a7d9 5%, #47a7d9 100%);
	background:linear-gradient(to bottom, #47a7d9 5%, #47a7d9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#47a7d9', endColorstr='#47a7d9',GradientType=0);
	border:1px solid #47a7d9;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:24px 0;
	text-decoration:none;
	text-shadow:0px -1px 0px #47a7d9;
}



select	{ margin:0 0 30px 0; padding:0; width:100%; }
.sendwrap	{ margin:0; padding:30px 0 50px 0; width:100%; background:#f7f7f7; text-align:center; }
}

p.check	{ margin:0; padding:0; font-size:18px; line-height:1.4em; }
.error	{ margin:0; padding:10px 0 0 0; border:1px solid #ff0000; }
.err	{ color:#ff0000; font-size:18px; line-height:1.4em; }

@media only screen and (max-width: 800px) {
p.check	{ margin:0; padding:0; font-size:18px; line-height:1.4em; }
.error	{ position:relative; margin:0 0 10px 0; padding:0 0 0 0; background:#f6c8c8; border:none; }
.err	{ position:absolute; top:10px; left:20px; margin:0; padding:0 0 0 0; color:#ff0000; font-weight:bold; font-size:18px; line-height:1.4em; }
}

.done	{ margin:0 auto; padding:30px 0 150px 0; width:100%; }

@media only screen and (max-width: 800px) {
.done	{ margin:0 auto; padding:30px 0 50px 0; width:90%; }
}




#calendar		{ margin:0 auto; padding:0; width: 660px; }
#calendar p		{ margin:0 0 0 15px; padding:0; font-size:14px; line-height:1.4em; }
#calendar .month			{ margin:0 auto; padding:20px 0; width:98%; background:#e45b5b; text-align:center; font-size:24px; color:#fff; line-height:1em; }
#calendar .month a			{ margin:0 40px; padding:10px; color:#fff; text-decoration:none; font-size:14px; background:#414141; }
#calendar .month a:hover	{ margin:0 40px; padding:10px; color:#414141; text-decoration:none; font-size:14px; background:#fff; }
#calendar table	{ margin:0 auto 10px auto; padding:0; width:98%; border-spacing:1; }
#calendar th	{ margin:0; padding: 5px 0; width:14%; background:#414141; font-size:14px; color:#fff; line-height:1em; text-align:center; }
#calendar td	{ margin:0; padding:0; background:#fff; font-size:16px; color:#414141; line-height:1em; text-align:center; border:1px solid #414141; }
#calendar td.invalid	{ margin:0; padding:30px 0; background:#ccc; font-size:16px; color:#414141; line-height:1em; text-align:center; border:1px solid #414141; }
#calendar table a		{ margin:0; padding:30px 0; color:#414141; text-decoration:none; display:block; }
#calendar table a:hover	{ margin:0; padding:30px 0; color:#414141; text-decoration:none; display:block; background:#e45b5b; color:#fff; }


@media only screen and (max-width: 800px) {
#calendar		{ margin:0 auto; padding:0; width: 100%; background: none; }
}







/* ==================================================
COLOR THERAPY
===================================================== */


#mainimg-color			{ margin:160px auto 30px auto; padding:0; width:100%; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fecff6+50,edffb5+53 */
background: #fecff6; /* Old browsers */
background: -moz-linear-gradient(left, #fecff6 50%, #edffb5 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecff6 50%,#edffb5 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecff6 50%,#edffb5 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecff6', endColorstr='#edffb5',GradientType=1 ); /* IE6-9 */ }

#mainimg-color img		{ margin:0 auto; padding:0; width:867px; border-left:20px solid #fff; border-right:20px solid #fff; }

#mainimg-color-sp		{ display:none; }

@media only screen and (max-width: 800px) {
#mainimg-color-sp		{ display:block; margin:0 auto 25px auto; padding:0; width:100%; text-align:center; border-top:90px solid #fff;
background: #fecff6; /* Old browsers */
background: -moz-linear-gradient(left, #fecff6 50%, #edffb5 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecff6 50%,#edffb5 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecff6 50%,#edffb5 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecff6', endColorstr='#edffb5',GradientType=1 ); /* IE6-9 */ }
#mainimg-color-sp img	{ margin:0 auto; padding:0 0 0 0; width:90%; border-left:10px solid #fff; border-right:10px solid #fff; }
#mainimg-color			{ display:none; }
}


.mainlead-color		{ margin:0 auto 40px auto; padding:0; width:562px; }

@media only screen and (max-width: 800px) {
.mainlead-color		{ margin:0 auto 40px auto; padding:0; width:100%; }
}



.point-color		{ margin:0 auto 0 auto; padding:0 0 100px 0; width:100%; border-top:10px solid #e8edf9; background:#e8edf9 url(../img/point-bg.png) top center repeat-x; background-size:160px 120px; text-align:center; }
.point-color .ttl	{ margin:0 auto 30px auto; padding:0; width:569px; }

@media only screen and (max-width: 800px) {
.point-color		{ margin:0 auto 0 auto; padding:0 0 50px 0; width:100%; border-top:10px solid #e8edf9; background:#e8edf9; text-align:center; }
.point-color .ttl	{ margin:0 auto 15px auto; padding:0; width:100%; }
}




.bx-color			{ margin:0 auto 40px auto; padding:40px 0; width:450px; background:#fff; text-align:center; }
.bx-color .icon		{ margin:0 auto 20px auto; padding:0; width:70px; }

@media only screen and (max-width: 800px) {
.bx-color			{ margin:0 auto 0 auto; padding:20px 0 1px 0; width:90%; background:#fff; text-align:center; }
.bx-color .icon		{ margin:0 auto 20px auto; padding:0; width:92px; }
}




.mailbx-color		{ margin:0 auto 50px auto; padding:15px 0; width:350px; background:#9f90e2; text-align:center; }
.mailbx-color img	{ width:114px; }

@media only screen and (max-width: 800px) {
.mailbx-color		{ margin:0 auto 50px auto; padding:15px 0; width:75%; background:#9f90e2; text-align:center; }
.mailbx-color img	{ width:114px; }
}









/* ==================================================
COUNSELING
===================================================== */

#mainimg-counseling			{ margin:160px auto 30px auto; padding:0; width:100%; text-align:center; background:#f2eae4;}

#mainimg-counseling img		{ margin:0 auto; padding:0; width:867px; border-left:20px solid #fff; border-right:20px solid #fff; }

#mainimg-counseling-sp		{ display:none; }

@media only screen and (max-width: 800px) {
#mainimg-counseling-sp		{ display:block; margin:0 auto 25px auto; padding:0; width:100%; text-align:center; border-top:90px solid #fff; background: #f2eae4; }
#mainimg-counseling-sp img	{ margin:0 auto; padding:0 0 0 0; width:90%; border-left:10px solid #fff; border-right:10px solid #fff; }
#mainimg-counseling			{ display:none; }
}


.mainlead-counseling		{ margin:0 auto 40px auto; padding:0; width:612px; }

@media only screen and (max-width: 800px) {
.mainlead-counseling		{ margin:0 auto 40px auto; padding:0; width:100%; }
}



.point-counseling		{ margin:0 auto 0 auto; padding:0 0 100px 0; width:100%; border-top:10px solid #f2eae4; background:#f2eae4 url(../img/point-bg.png) top center repeat-x; background-size:160px 120px; text-align:center; }
.point-counseling .ttl	{ margin:0 auto 30px auto; padding:0; width:569px; }

@media only screen and (max-width: 800px) {
.point-counseling		{ margin:0 auto 0 auto; padding:0 0 50px 0; width:100%; border-top:10px solid #f2eae4; background:#f2eae4; text-align:center; }
.point-counseling .ttl	{ margin:0 auto 15px auto; padding:0; width:100%; }
}



.bxwrap-counseling		{ margin:0 auto; padding:0; width:860px; display: flex; flex-wrap: wrap; text-align: center;}

.bx-counseling			{ position:relative; margin:0 auto 40px auto; padding:40px 0; width:45%; min-height:250px; background:#fff; text-align:center; }
.bx-counseling .icon	{ margin:0 auto 20px auto; padding:0; width:85px; }
.bx-counseling .free	{ position:absolute; top:80px; right:20px; margin:0; padding:0; width:110px; }
.bx-counseling .free2	{ position:absolute; top:30px; right:20px; margin:0; padding:0; width:110px; }

@media only screen and (max-width: 800px) {
.bxwrap-counseling		{ margin:0 auto; padding:0; width:90%; display: inline-block; }

.bx-counseling			{ position:relative; margin:0 0 40px 0; padding:40px 0; width:100%; min-height:auto; background:#fff; text-align:center; }
.bx-counseling .icon	{ margin:0 auto 20px auto; padding:0; width:95px; }
.bx-counseling .free	{ position:absolute; top:80px; right:20px; margin:0; padding:0; width:100px; }
.bx-counseling h4		{ margin:0 0 20px 0; padding:0; font-size:18px; line-height:1em; font-weight:bold; }
.bx-counseling .mb55	{ margin-bottom:20px; }
}




.mailbx-counseling		{ margin:0 auto 50px auto; padding:15px 0; width:350px; background:#f3908c; text-align:center; }
.mailbx-counseling img	{ width:114px; }

@media only screen and (max-width: 800px) {
.mailbx-counseling		{ margin:0 auto 50px auto; padding:15px 0; width:75%; background:#f3908c; text-align:center; }
.mailbx-counseling img	{ width:114px; }
}


.stepfamily { margin: 0 auto 10px auto; padding: 0 0 60px 0; width: 910px; background: #fff;  }
.stepfamily .txt { margin: 0 auto; padding: 0; width: 85%; font-size: 15px; line-height: 1.8em; text-align: left; }
.stepfamily .txt a { color: inherit; text-decoration: underline; }
.stepfamily .pnk { font-size: 14px; color: #cf285c; line-height: 1.4em; }
.stepfamily-sp-ttl { width: 100%; }

@media only screen and (max-width: 800px) {
.stepfamily { margin: 0 0 10px 0; padding: 0 0 40px 0; width: 100%; }
.stepfamily .txt { margin: 0 auto; padding: 0; width: 80%; font-size: 14px; line-height: 1.6em; text-align: left; }
}


.piacounseling  { margin: 0 auto; padding: 0; width: 910px; }

@media only screen and (max-width: 800px) {
.piacounseling  { margin: 0 auto; padding: 0; width: 100%; }
}


.piacounseling-info  { margin: 0 auto; padding: 1em 0; width: 910px; background: #f5f7f7; font-size: 16px; line-height: 1.8em; text-align: center; }
.piacounseling-info a { color: inherit; text-decoration: underline; }

@media only screen and (max-width: 800px) {
.piacounseling-info  { margin: 0; padding: 1em 2%; width: 96%; background: #f5f7f7; font-size: 14px; line-height: 1.6em; text-align: center; }
.piacounseling-info a { color: inherit; text-decoration: underline; }
}


/* ==================================================
WORK SHOP
===================================================== */

#mainimg-workshop			{ margin:160px auto 30px auto; padding:0; width:100%; text-align:center;
background: #d7e8f7; /* Old browsers */
background: -moz-linear-gradient(left, #d7e8f7 50%, #f7f6c7 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d7e8f7 50%,#f7f6c7 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d7e8f7 50%,#f7f6c7 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e8f7', endColorstr='#f7f6c7',GradientType=1 ); /* IE6-9 */ }

#mainimg-workshop img		{ margin:0 auto; padding:0; width:867px; border-left:20px solid #fff; border-right:20px solid #fff; }

#mainimg-workshop-sp		{ display:none; }




@media only screen and (max-width: 800px) {
#mainimg-workshop-sp		{ display:block; margin:0 auto 30px auto; padding:0; width:100%; text-align:center; border-top:90px solid #fff; background: #d7e8f7; }
#mainimg-workshop-sp img	{ margin:0 auto; padding:0 0 0 0; width:90%; border-left:10px solid #fff; border-right:10px solid #fff; }
#mainimg-workshop			{ display:none; }
}




.point-workshop		{ margin:0 auto 0 auto; padding:0 0 100px 0; width:100%; border-top:10px solid #d7e8f7; background:#d7e8f7 url(../img/point-bg.png) top center repeat-x; background-size:160px 120px; text-align:center; }
.point-workshop .ttl	{ margin:0 auto 30px auto; padding:0; width:569px; }

@media only screen and (max-width: 800px) {
.point-workshop		{ margin:0 auto 0 auto; padding:0 0 50px 0; width:100%; border-top:10px solid #d7e8f7; background:#d7e8f7; text-align:center; }
.point-workshop .ttl	{ margin:0 auto 15px auto; padding:0; width:100%; }
}







.slc1{ width: 92%; margin: 0 5px 0 0; position: relative; }
.slc1:after {
  content: "";
    position: absolute;
    right: 1em;
    top: 1.6em;
    width: 7px;
    height: 7px;
    border-top: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
    transform: translateY(-50%) rotate(
-135deg
);
  font-size: 20px;
  pointer-events: none;
}

select, option{ outline: none; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; height: 3rem; font-size: 1rem; color:#616161;　
  position: relative; width: 100%; padding: 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff4f4; border:1px solid #ddd;}


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

.slc1{ width: 100%; margin: 0 5px 0 0; position: relative; }
.slc1:after {
  content: "";
    position: absolute;
    right: 1em;
    top: 1em;
    width: 7px;
    height: 7px;
    border-top: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
    transform: translateY(-50%) rotate(
-135deg
);
  font-size: 20px;
  pointer-events: none;
}
}


/* ==================================================
SPACE
===================================================== */
.mb3	{ margin-bottom:3px; }
.mb5	{ margin-bottom:5px; }
.mb10	{ margin-bottom:10px; }
.mb15	{ margin-bottom:15px; }
.mb20	{ margin-bottom:20px; }
.mb25	{ margin-bottom:25px; }
.mb30	{ margin-bottom:30px; }
.mb40	{ margin-bottom:40px; }
.mb50	{ margin-bottom:50px; }
.mb55	{ margin-bottom:55px; }
.mb60	{ margin-bottom:60px; }
.mb70	{ margin-bottom:70px; }
.mb80	{ margin-bottom:80px; }
.mb100	{ margin-bottom:100px; }

.mr110	{ margin-right:110px; }
.mr30	{ margin-right: 30px; }
.mr50	{ margin-right: 50px; }

.pt10	{ padding-top:10px }
.pt30	{ padding-top:30px }



.fnt12	{ font-size:12px }
.fnt13	{ font-size:13px }
.fnt14	{ font-size:14px }
.fnt16	{ font-size:16px }
.fnt18	{ font-size:18px }
.fnt20	{ font-size:36px }




img.sp-img { display: none; }

@media only screen and (max-width: 800px) {
img.sp-img { display: block; }
img.pc-img { display: none; }
}