@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



/* ==================================================
primary style
================================================== */



* {
	box-sizing: border-box;
}

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
		moz-box-sizing: border-box;
			box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

@media (min-width: 768px){
	.container {
	 max-width: 1140px;
	}
}

li {
	list-style-type: none;
}


img {
  transition: 0.5s;
}

a img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

a {
	color: #c52d2f;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}


a:hover,
a:focus {
	color:  #d43133;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

.btn-danger a {
	color: #FFFFFF;
	text-decoration: none;

}


body > section {
	padding: 0 0 70px;
}

ul {
	-webkit-padding-start: 15px;
}

@media (min-width: 768px){
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th,
	.table > thead > tr > td, .table > thead > tr > th {
		padding: 16px 10px;
	}
}

/* ==================================================
typography
================================================== */



body {
	background: #fff;
	color: #4e4e4e;
	font-family: 'Hiragino Kaku Gothic Pro w3 ','Noto Sans Japanese','Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 1.4;
	text-align: justify;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
dt {
	color:#7b7b7b;
	font-family: 'Hiragino Kaku Gothic Pro w6 ','Noto Sans Japanese','Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;
	font-weight: 500;
	line-height: 2.0;
}

h1{
	font-family: 'Hiragino Kaku Gothic Pro w3 ','Noto Sans Japanese','Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;
	font-size: 17px;
	font-size: 1.7rem;
	margin-bottom: 20px;
}

h2,
h3,
h4 {
	font-family: 'Hiragino Kaku Gothic Pro w3 ','Noto Sans Japanese','Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;
	font-size: 17px;
	font-size: 1.7rem;
	margin-bottom: 20px;
}

p {
	line-height: 2.0;
}

.control-label {
	font-weight: 500;
}

.checkbox label,
.radio label {
	font-weight: 200;
}


@media (min-width: 932px){
	body {
		letter-spacing: 0.02em;
		letter-spacing: 0.02rem;
	}
	
	h1 {
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 400;
	}

	h2{
		font-size: 26px;
		font-size: 2.6rem;
		font-weight: 400;
	}

	h3 {
		font-size: 20px;
		font-size: 2.0rem;
	}
	
	h4 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	p {
		font-size: 15px;
		font-size: 1.5rem;
	}
}




/* ==================================================
parts style
================================================== */



/* --Image switching-- */
.switch {
	visibility: hidden;
}

.switch2 {
	visibility: hidden;
}


.listMark li {
	position: relative;
	list-style-type: none;
}

.listMark li::after {
	display: block;
	content: '';
	position: absolute;
	top: 1.3em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.spacer {
	margin-bottom: 50px;
}

.imageBox .col-sm-3,
.imageBox .col-xs-6 {
	padding-bottom: 30px;
}


.tab-paneli a {
	line-height: 1;

}

@media (min-width: 932px){
	.listMark li::after {
		top: 0.8em;
	}

	.spacer_L {
		margin-bottom: 100px;
	}

	.spacer_all {
		padding: 30px;
	}

}

.listCustom {
	counter-reset: li;
	list-style: none;
	padding-left: 0;
}

.listCustom > li {
	position: relative;
	margin-bottom: 1.5em;
	padding-left: 2em;
}


.upper-roman > li:before {
	content: counter(li, upper-roman) ".";
	counter-increment: li;
	position: absolute;
	left: 0;
	width: 2em;
	height: 2em;
	font-weight: 500;
	text-align: center;
}

.asterisk > li:before {
	content: counter(li, none) "＊";

	position: absolute;
	left: 0;
	width: 2em;
	height: 2em;
	font-weight: 500;
	text-align: center;
}

.disc > li:before {
	content: counter(li,disc) "";
	counter-increment: li;
	position: absolute;
	left: 0;
	width: 2em;
	height: 2em;
	font-weight: 500;
	text-align: center;
}


@media only screen and (min-width: 768px) {
		.text-left-center {
		text-align: center;
	}
}

/* ==================================================
SNS　icon
================================================== */
li.snsIcon {
	margin-left: 0!important;
}
.listMark li.snsIcon::after {
	border-right: none;
	border-bottom: none;
}
.snsIcon a {
	display: inline-block!important;
}
.snsIcon .fa {
	width: 36px;
	height: 36px;
	margin: 3px;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 36px;
}
.fa-twitter {
	background: #00aced;
}
.fa-facebook {
	background: #305097;
}

.fa-instagram {
	 background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}

/* ==================================================
header style
================================================== */



#header {
	background-color: inherit;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.navbar {
	position: relative;
	font-family: 'Hiragino Kaku Gothic Pro ','Noto Sans Japanese','Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;
	font-weight: 500;
}

.navbar-default {
	background-color: inherit;
	border: none;
}

.navbar-brand {
	padding-top: 14px;
}

@media (max-width: 360px){
	.navbar-brand img {
		width: 80%;
	}
}

.headNav {
	position: absolute;
	right: 70px;
	top: 15px;
}

@media (max-width: 320px){
	.headNav {
		right: 70px;
	}
}

.headNav li {
	padding-left: 5px;
	padding-right: 5px;
	
}

.headNav li a {
	background: url(../images/bg_headNav3.png) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 26px;
}
.headNav .kf a {
	width: 22px;
	background-position: 0 0;
}
.headNav .online a {
	background-position: 0 -27px;
	width: 68px;
}

.rowNav i {
	padding: 0 10px;
	color: #CC6F71;
}

@media (max-width: 931px){
	#gnavi{
		border: 1px solid #e7e7e7;
		border-radius: 6px;
	}
	
	#gnavi a:hover {
		background: #F5F5F5;
	}
}

@media (min-width: 932px){
	.navbar-brand {
	padding-top: 18px !important;
	}
	
	#header {
		position: inherit;
		height:auto;
	}
	
	.navbar-collapse {
		padding-right: 0;
	}
	
	.headNav {
		right: 20px;
	}

	.headNav .kf a {
		background-position: -27px 0;
		width: 104px;
	}
	
	.headNav .online a {
		background-position: -74px -26px;
		width: 148px;
	}
	
	.rowNav {
		float: right;
		margin-top: 50px;
	}
	
	.rowNav span {
		display: block;
		font-size: 9px;
		text-align: center;
		font-weight: 200;
	}
	
	.rowNav .online {
		display: none;
	}

	/*.rowNav i {
		display: none;
	}*/
	
	.navbar-collapse {
		padding-right: 0;
	}

}



/* ==================================================
pageCategory breadcrumb style
================================================== */

/*.breadcrumb {
	margin-top: 50px;
}*/

#pageCategory {
	color:#5e5e5e;
	font-family: 'Hiragino Kaku Gothic Pro w6 ','Noto Sans Japanese','Yu Gothic','游ゴシック','メイリオ','Meiryo',sans-serif;
	font-weight: 500;
	line-height: 2.0;
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}

@media (min-width: 932px){
	#pageCategory {
		font-size: 23px;
		font-size: 2.3rem;
		margin-top: 20px;
		margin-bottom: 10px;
	}
}

#pageTitle {

}

.breadcrumb {
	font-size: 11px;
	margin-bottom: 0px;
	border-radius: 6px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 50px;
}

@media (min-width: 932px){
.breadcrumb {
	margin-top: inherit;
}
}

.breadcrumb>li {
	display: inline-block;
}

.breadcrumb li.active {
	width: 65%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
	line-height: 1;
}

/* ==================================================
main style
================================================== */

.middle {
	margin-bottom: 50px;
}

@media (min-width: 932px){
 .middle {
		margin-bottom:  50px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

.google-map {
 position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;
}

.google-map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



/* ==================================================
2column
================================================== */

#side-menu,
#side-menu2 {
	padding-right: 0;

}

#side-main,
#side-main2 {
	padding-right: 0;

}

/* ==================================================
ID home
================================================== */
#home .middle {
	margin-bottom:0;

}

/* ==================================================
footer style
================================================== */

#bottom {
	background: #f5f5f5;
	border-bottom: 5px solid #c52d2f;
	margin-bottom: 0;
	padding-top: 20px;
	width: 100%;
	
}

#bottom h3 a {
	color:#5e5e5e;
}

@media (max-width: 931px){
	#bottom h2 {
		display: none;
	}
}
#bottom h3 {
	font-size:13px;
	font-weight:500;
	color: #6a6a6a;
	line-height: 1.4;
}

#bottom ul {
	list-style: none;
	padding: 0;
	margin: 0;
}



#bottom ul li {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 3.0;
	margin-left: 10px;
}

#bottom ul li a {
	color: #808080;
}

#bottom ul li a:hover {
	color: #c52d2f;
}

#bottom .widget {
	margin-bottom: 0;
}

#footer {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:500;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	background: #2e2e2e;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #c52d2f;
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer ul > li {
	display: inline-block;
	margin-left: 15px;
}

  #footer .col-md-6{
      text-align:center;
  }

@media (min-width: 932px){
	.widget {
		padding-left: 40px;
	}
	
	#bottom ul li {
		line-height: 2.0;
		margin-left: 20px;
		margin-bottom: 5px;
	}
}