/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/


.mgb20 {
	margin-bottom:20px;
}

.mgb40 {
	margin-bottom:40px;
}
	


/*アイコン*/
i {
	padding-right:10px;
}

/*スライド*/
.rslides {
  position: relative;
  top:-20px;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index:-5;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*ヘッダー*/
.box {
    background:#FFF;
}
.shadow{
    -webkit-box-shadow: 0 10px 6px -6px #555;
       -moz-box-shadow: 0 10px 6px -6px #555;
            box-shadow: 0 10px 6px -6px #555;
}


header {
	margin-bottom:20px;
}
h1 {
	font-size:10px;
	padding:10px 0;
	color:#fff;
	background-color:#231815;
	}

.title_area {
	margin-bottom:20px;
	padding:20px 0;
}

.title {
	padding:0;
}

.tel_box {
	padding:10px 20px;
	border-radius:7px;
	color:#ffffff;
	background-color:#00a0e9;
	text-align:center;
}

.tel_box p {
	margin:0;
	text-align:center;
}

.tel_box p:first-child {
	border-bottom:solid 1px #fff;
	padding-bottom:5px;
	font-size:14px;
}
	
.tel {
	font-size:28px;
	font-weight:bold;
	text-shadow:1px 1px #007CBA;
}

nav a {
	background-color:#fff;
	color:#231815;
}

nav ul {
	font-size:16px;
	font-weight:bold;	
}

nav li {
	padding:15px 0;
	position: relative;
	z-index: 2;
	background-color: transparent;
	overflow: hidden;
}

nav li a:hover {
	color:#e4007f;
}


nav li a::before,
nav li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
nav li a,
nav li a::before,
nav li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

nav li a::after {
	top:0;
	left: -100%;
	width: 100%;
	height: 100%;
}
nav li a:hover::after {
	left: 0;
	background-color: #fff;
	border-bottom:3px solid #e4007f;
}




/*main*/
article {
	margin-bottom:40px;
}


h3 {
	font-size:20px;
	border-bottom:dotted 1px #555;
	margin-bottom:20px;
}

h3:before {
	content:url(../../images/icon.png);
	margin-right:10px;
}



/*新着情報*/

.news li {
	padding:10px 0;
	border-bottom:solid 1px #e5e5e5;
}

.news li:first-child {
	padding-top:0;
}

.news li span {
	margin-right:60px;
}

/*ボタン*/
.btn_fx a {
	border:1px solid #aaa;
	border-radius:4px;
	background-color:#fff;
	color:#aaa;
	font-size:14px;
	position: relative;
	z-index: 2;
	background-color: transparent;
	overflow: hidden;
}

.btn_fx a:hover {
	border:1px solid #e4007f;
	color:#fff;
}


.btn_fx a::before,
.btn_fx a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn_fx a,
.btn_fx a::before,
.btn_fx a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn_fx a::after {
	top:0;
	left: -100%;
	width: 100%;
	height: 100%;
}
.btn_fx a:hover::after {
	left: 0;
	background-color: #e4007f;
}




table {
	border:none;
}

table tr:first-child td {
	border-top:none;
}


/*コンタクトフォーム*/
.contact_form td {
	border-top:none;
}

.alert {
	margin:10px 0;
}

.field.danger:after {
	content:" ";
}

input::-webkit-input-placeholder {
  font-size:12px;
}
input:-moz-placeholder {
  font-size:12px;
}

.sbm_btn {
	text-align:center;
}

.sbm_btn input.primary {
	color:#fff;
}

/*メール*/
.mail_box {
	padding:10px 20px;
	border-radius:7px;
	background-color:#231815;
	text-align:center;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.mail_box a {
	color:#fff;
}

.mail_box a:hover {
	color:#555;
}


.mail_box a::before,
.mail_box a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.mail_box a,
.mail_box a::before,
.mail_box a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.mail_box a::after {
	top:0;
	left: -100%;
	width: 100%;
	height: 100%;
}
.mail_box a:hover::after {
	left: 0;
	background-color: #fff100;
}

/*map*/

.map {
	padding:10px;
	border:solid 1px #e5e5e5;
}



/*footer*/
footer {
	background-color:#231815;
	padding:20px 0;
}

.footer_nav {
	padding-bottom:40px;
	border-bottom:dotted 1px #fff;
}

.footer_nav li {
	font-size:14px;
	text-align:center;
	color:#fff;
	position:relative;
	left:0;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
}

.footer_nav li:hover {
	left:10px;
}

.footer_nav li a {
	color:#fff;
}



.copyright p {
	text-align:center;
	font-size:10px;
	color:#fff;
}



@media only screen and (max-width: 768px) {
	.tel_box {
		text-align:center;
	}
	
	.tel {
	font-size:20px;
	}
	
	nav ul {
	font-size:14px	
}
}


@media only screen and (max-width: 375px) {
	nav ul li {
		@include fancytiles(4,2,1);
  min-height: 40px;
  height: auto;
		}
}