/* Add here all your css styles (customizations) */

/*Spaces
------------------------------------*/
.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0;
}

.no-top-space {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.no-bottom-space {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.content-ss {
	padding-top: 0px;
	padding-bottom: 0px;
}

.content-ss2 {
	padding-top: 0px;
	padding-bottom: 20px;
}

.content-ss3 {
	padding-top: 0px;
	padding-bottom: 30px;
}

.content-ss6 {
	padding-top: 0px;
	padding-bottom: 60px;
}

.content-xss {
	padding-top: 10px;
	padding-bottom: 10px;
}
.content-xs {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.content-2 {
	padding-top: 40px;
	padding-bottom: 20px;
}

.content-3 {
	padding-top: 20px;
	padding-bottom: 40px;
}

.content-sm {
	padding-top: 60px;
	padding-bottom: 60px;
}

.content-sm2 {
	padding-top: 60px;
	padding-bottom: 30px;
}

.content-md {
	padding-top: 80px;
	padding-bottom: 80px;
}

.content-lg {
	padding-top: 100px;
	padding-bottom: 100px;
}

.content-xlg {
	padding-top: 150px;
	padding-bottom: 150px;
}


.space-md-hor {
	padding-left: 40px;
	padding-right: 40px;
}

.space-lg-hor {
	padding-left: 60px;
	padding-right: 60px;
}

.space-xlg-hor {
	padding-left: 100px;
	padding-right: 100px;
}

.content-banner {
	padding-top: 60px;
	padding-bottom: 60px;
}

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60,
.margin-bottom-100 {
	 clear:both;
}
.margin-bottom-0  { margin-bottom:0px;}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-70 { margin-bottom:70px;}
.margin-bottom-80 { margin-bottom:80px;}
.margin-bottom-90 { margin-bottom:90px;}
.margin-bottom-100 { margin-bottom:100px;}

@media (max-width: 768px) {
	.sm-margin-bottom-10 {
		margin-bottom: 10px;
	}
	.sm-margin-bottom-20 {
		margin-bottom: 20px;
	}
	.sm-margin-bottom-30 {
		margin-bottom: 30px;
	}
	.sm-margin-bottom-40 {
		margin-bottom: 40px;
	}
	.sm-margin-bottom-50 {
		margin-bottom: 50px;
	}
	.sm-margin-bottom-60 {
		margin-bottom: 60px;
	}
}

@media (max-width: 992px) {
	.md-margin-bottom-10 {
		margin-bottom: 10px;
	}
	.md-margin-bottom-20 {
		margin-bottom: 20px;
	}
	.md-margin-bottom-30 {
		margin-bottom: 30px;
	}
	.md-margin-bottom-40 {
		margin-bottom: 40px;
	}
	.md-margin-bottom-50 {
		margin-bottom: 50px;
	}
	.md-margin-bottom-60 {
		margin-bottom: 60px;
	}
}

/*Other Spaces*/
.margin-top-10 { margin-top: 10px;}
.margin-top-20 { margin-top: 20px;}
.margin-top-30 { margin-top: 30px;}
.margin-top-40 { margin-top: 40px;}
.margin-top-50 { margin-top: 50px;}
.margin-top-60 { margin-top: 60px;}
.margin-left-5 { margin-left: 5px;}
.margin-left-10 { margin-left: 10px;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px;}
.margin-right-20 { margin-right: 20px;}

.padding-sm { padding: 40px 40px;}
.padding-top-5 { padding-top: 5px;}
.padding-left-5 { padding-left: 5px;}

/*追加*/
.margin-top-0 { margin-top: 0px;}
.margin-top-5 { margin-top: 5px;}
.padding-bottom-5 { padding-bottom: 5px;}
.padding-bottom-10 { padding-bottom: 10px;}
.padding-bottom-15 { padding-bottom: 15px;}
.padding-bottom-20 { padding-bottom: 20px;}
.padding-bottom-25 { padding-bottom: 25px;}
.padding-bottom-30 { padding-bottom: 30px;}
.padding-top-10 { padding-top: 10px;}
.padding-top-15 { padding-top: 15px;}
.padding-top-20 { padding-top: 20px;}
.padding-top-25 { padding-top: 25px;}
.padding-top-30 { padding-top: 30px;}
.padding-left-10 { padding-left: 10px;}
.padding-left-15 { padding-left: 15px;}
.padding-left-20 { padding-left: 20px;}
.padding-left-25 { padding-left: 25px;}
.padding-left-30 { padding-left: 30px;}
.padding-right-5 { padding-right: 5px;}
.padding-right-10 { padding-right: 10px;}
.padding-right-15 { padding-right: 15px;}
.padding-right-20 { padding-right: 20px;}
.padding-right-25 { padding-right: 25px;}
.padding-right-30 { padding-right: 30px;}

/*Text Colors
------------------------------------*/
.color-sea { color: #1abc9c;}
.color-red { color: #e74c3c;}
.color-aqua { color: #27d7e7;}
.color-blue { color: #3498db;}
.color-grey { color: #95a5a6;}
.color-dark { color: #555;}
/*.color-dark1 { color: #444;}*/
.color-darker { color: #444;}
.color-green { color: #72c02c;}
.color-brown { color: #9c8061;}
.color-light { color: #ffffff;}
.color-orange { color: #e67e22;}
.color-yellow { color: #f1c40f;}
.color-green1 { color: #2ecc71;}
.color-purple { color: #9b6bcc;}
.color-inherit { color: inherit;}
.color-dark-blue { color: #4765a0;}
.color-light-grey { color: #585f69;}
.color-light-green { color: #79d5b3;}
.color-teal { color: #18ba9b;}

/*追加*/
.color-l-blue { color: #193FD1;}
.color-black { color: #000000;}
.color-gold { color: #A9811B;}
.color-vred { color: #d1050a;}
.color-pink { color: #E61673;}
.color-white { color: #FFFFFF;}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-darker,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green,
.bg-color-primary {
	color: #fff;
}
.bg-color-white {
	color: #555;
}
.bg-color-primary { background-color: #72c02c !important;}
.bg-color-dark { background-color: #555 !important;}
.bg-color-darker { background-color: #222 !important;}
.bg-color-white { background-color: #fff !important;}
.bg-color-sea { background-color: #1abc9c !important;}
.bg-color-red { background-color: #e74c3c !important;}
.bg-color-aqua { background-color: #27d7e7 !important;}
.bg-color-blue { background-color: #3498db !important;}
.bg-color-grey { background-color: #95a5a6 !important;}
.bg-color-light { background-color: #f7f7f7 !important;}
.bg-color-green { background-color: #72c02c !important;}
.bg-color-brown { background-color: #9c8061 !important;}
.bg-color-orange { background-color: #e67e22 !important;}
.bg-color-green1 { background-color: #2ecc71 !important;}
.bg-color-purple { background-color: #9b6bcc !important;}
.bg-color-dark-blue { background-color: #4765a0 !important;}
.bg-color-light-grey { background-color: #585f69 !important;}
.bg-color-light-green { background-color: #79d5b3 !important;}
.bg-color-teal { background-color: #18ba9b !important; }

.rgba-red { background-color: rgba(231,76,60,0.8)}
.rgba-blue { background-color: rgba(52,152,219,0.8);}
.rgba-aqua { background-color: rgba(39,215,231,0.8);}
.rgba-yellow { background-color: rgba(241,196,15,0.8);}
.rgba-default { background-color: rgba(114,192,44,0.8);}
.rgba-purple { background-color: rgba(155,107,204,0.8);}

/*追加*/
.bg-color-gold {
	color: #fff;
	background-color: #A9811B !important;
}
.bg-color-black {
	color: #fff;
	background-color: #000000 !important;
}
.bg-color-o-red {
	color: #fff;
	background-color: #c30d23 !important;/*Osaka TPF*/
}
.bg-color-emerald {
	color: #fff;
	background-color: #13aa9b !important;/*Okayama TPF*/
}
.bg-color-h-blue {
	color: #fff;
	background-color: #005c97 !important;/*HONU Fes*/
}
.bg-color-m-blue {
	color: #fff;
	background-color: #107ef4 !important;/*港三昧*/
}


/*Banner
------------------------------------*/
img.img-banner {
	width: 300px;/*150px*/
	height: auto;
	margin: auto;/* 0 auto 60px*/
}

a.img-banner {
  overflow: hidden;
  position: relative;
}

a.img-banner:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
}

a.img-banner:hover:after {
  background: rgba(0,0,0,0.5);
}

a.img-banner img {
  transition: all .5s ease;
}

a.img-banner:hover img {
  transform: scale(1.1);
}

/*Footer Logo
------------------------------------*/
.footer-logo {
	margin: 17px 0 10px;/*17px 0 20px*/
}

.footer-logo2 {
	margin: 0px 0 10px;/*17px 0 20px*/
}

/*Responsive Video
------------------------------------*/
.responsive-video {
 height: 0;
 padding-top: 1px;
 position: relative;
 padding-bottom: 56.25%; /*16:9*/
}

.responsive-video iframe {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 position: absolute;
}