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


/*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}

.area-block{
	
	overflow: hidden;
	
}

.area-name{
	
	font-size: 24px;
	
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro","Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	
	margin: 48px 0 16px 0;
	
}

.col-460{	
	width: 416px;	
	height: 250px;	
	margin: 10px;	
	padding: 20px;	
	border: solid 2px #E6E6E6;	
	font-size: 14px;	
	background: #F2F2F2;	
	float: left;	
	line-height: 1.8;	
}

.col-460_2{	
	width: 416px;	
	height: 280px;	
	margin: 10px;	
	padding: 20px;	
	border: solid 2px #E6E6E6;	
	font-size: 14px;	
	background: #F2F2F2;	
	float: left;	
	line-height: 1.8;	
}

a.shop-name{	
	font-size: 18px;	
	font-weight: bold;	
	text-decoration: none;	
	border-left: solid 5px #C00;	
	padding-left: 5px; 	
	color: #C00;
	
}

.course-list-title{	
	margin: 16px 0;	
	font-weight: bold;	
	display: block;	
	position: relative;
	
}

.course-list-title:after{	
	content: " ";	
	width: 80%;	
	border-bottom: dotted 1px #000;	
	height: 0.6em;	
	display: inline-block;	
	position: absolute;	
	top: 0;	
	right: 0;
	z-index: 0;
}

.course-list-title2{	
	margin: 8px 0;	
	font-weight: bold;	
	display: block;	
	position: relative;
	
}

.course-list-title2:after{	
	content: " ";	
	width: 80%;	
	border-bottom: dotted 1px #000;	
	height: 0.6em;	
	display: inline-block;	
	position: absolute;	
	top: 0;	
	right: 0;
	z-index: 0;
}

.course-list{	
	font-size: 12px;	
}




.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:3px 40px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background-color:#d34639;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

.button_area a{
	float: right;
}

/**/
.translate{
    transition: all 1s ease;
}

.translate:hover{
    transform: translateX(-170px) translateY(-170px);
}

@keyframes slide {
    0% {
        transform: translateX(-100px);
    }
    100% {
        transform: translateX(0px);
    }
}

.slide {
    animation-name: slide;
    animation-duration: 1s;
    animation-timing-function: ease;
}
/**/