@charset "UTF-8";

html body .cbt-header { margin-bottom: 0; }
html body .cbt-header-heading { display: none; }

/* cbt-header
---------------------------------------------------------- */
/* ページタイトル分の余白を削除 */
html body .cbt-header { padding-top: 0; }

/* l-cbt-main
---------------------------------------------------------- */
html .l-cbt-main { margin-bottom: 0; }

/* cbt-pagetop
---------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.cbt-pagetop { display: none; }
}

/* cbt-breadcrumb
---------------------------------------------------------- */
html .cbt-breadcrumb .cbt-breadcrumb-list { display: none; }

/* cbt-footer
---------------------------------------------------------- */
html .cbt-footer { background-image: none; background-color: #f9be00; }
html .cbt-footer .cbt-footer-aside,
html .cbt-footer .cbt-footer-organization { display: none; }
html .cbt-footer .cbt-footer-sns { float: none; }
html .cbt-footer .cbt-footer-sns .cbt-footer-sns-list { margin: auto; }

/* cbt-footer-navigation
---------------------------------------------------------- */
html .cbt-footer-navigation { display: none; }

/* cbt-top-section-map-btn
---------------------------------------------------------- */
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn { position: relative; text-align: center; width: 100%; margin-top: 2rem; display: block; width: 100%; border:.5rem solid transparent; z-index: 2; text-decoration: none; }
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn::before {
	content: '\e804';
	font-family: 'official';
	display: inline-block;
	line-height: 1;
	margin-right: .5rem;
	opacity: .5;
}
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	content: '';
}
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-news { color: #fff; background-color: #ad181e; border-color: #d9a8a9; }
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-news:hover::after { background-color: #d9a8a9; }
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-facebook { color: #fff; background-color: #305097; border-color: #adb5cf; }
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-facebook:hover::after { background-color: #adb5cf; }
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-map { color: #c39811; background-color: #fff; border-color: #fce0a3; }
body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-map:hover::after { background-color: #c90070; }


@media only screen and (max-width: 767px) {
	body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn { font-size: 1.2rem; padding: 1rem 1rem; }
}
@media only screen and (min-width: 768px) {
	body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn { font-size: 1.6rem; padding: 2rem 1rem; }
	body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-facebook { display: none; }
}

/* cbt-top-section
---------------------------------------------------------- */
.cbt-top-section { position: relative; }
.cbt-top-section .cbt-top-section-title { line-height: 1; text-align: center; margin-bottom: 2.5rem; }
.cbt-top-section .cbt-top-section-title.cbt-top-section-title-white { color: #fff; }
.cbt-top-section .cbt-top-section-title > :first-child { font-family: 'Advent Pro'; display: block; font-weight: bold; }
.cbt-top-section .cbt-top-section-title > :last-child { display: block; }
.cbt-top-section .cbt-top-section-next { display: none; }

@media only screen and (max-width: 767px) {
	.cbt-top-section { padding: 4rem 0; }
	.cbt-top-section .cbt-top-section-title > :first-child { font-size: 3rem; }
	.cbt-top-section .cbt-top-section-title > :last-child { font-size: 1.2rem; }
}
@media only screen and (min-width: 768px) {
	.cbt-top-section:not(.cbt-top-section-kv) {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		padding: 5rem 0;
	}
	.cbt-top-section:not(.cbt-top-section-kv) > * { margin: auto; }
	.cbt-top-section .cbt-top-section-title > :first-child { font-size: 4rem; }
}
@media only screen and (max-width: 1039px) {
	.cbt-top-section .cbt-top-section-next { display: none; }　
	.cbt-top-section.cbt-top-section-about { width: auto !important; min-height: auto !important; }
	.cbt-top-section-height { position: relative !important; }
}
@media only screen and (min-width: 1040px) {
	.cbt-top-section .cbt-top-section-next {
		position: absolute;
		bottom: 0;
		right: 50%;
		text-decoration: none;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		outline: none;
	}
	.cbt-top-section .cbt-top-section-next::before {
		display: block;
		font-family: 'official';
		content: '\e805';
		font-size: 4.5rem;
		color: #c9c9c9;
		-webkit-animation: upAndDown 2s infinite;
		animation: upAndDown 2s infinite;
	}
}

.cbt-top-section-kv-bg { z-index: -1; background-color: #f9fcf2; display: block; }
 
/* cbt-top-section-title
---------------------------------------------------------- */
.cbt-top-section-title-text {
	width: 100%;
	text-align: center;
	text-shadow: 0 0 1rem #fff, 0 0 1rem #fff;
	-webkit-filter: drop-shadow(0 0 1rem #fff);
	filter: drop-shadow(0 0 1rem #fff);
	margin-top: 2.5rem;
}

@media only screen and (max-width: 767px) {
	.cbt-top-section-title-heading { width: 100%; height: 3.6rem; background-size: contain; }
	.cbt-top-section-title-text{ font-size: 1rem; }

}
@media only screen and (min-width: 768px) {
	.cbt-top-section-title-heading { width: 56.6rem; height: 3.6rem; }
}

@media only screen and (min-width: 1040px) {
	.cbt-top-section-title.cbt-top-section-title-first { padding-top: 15em; text-align: center; position: absolute;top: 0; z-index: 10; left: 50%; transform: translateX(-50%); }
	.cbt-top-section-title-heading { padding: 0; background: url(/application/themes/cubit/images/top/top_title.svg) center center no-repeat; margin: 0 auto; text-indent: 100%; white-space: nowrap; overflow: hidden; }
}

@media only screen and (max-width: 1039px) {
	.cbt-top-section-title-first { padding: 9rem 1rem 0; background-color: #f9fcf2; z-index: 10; }
	.cbt-top-section-title-heading { padding: 0;background: url(/application/themes/cubit/images/top/top_title.svg) center center no-repeat;margin: 0 auto;text-indent: 100%;white-space: nowrap;overflow: hidden; background-size: contain; }

}

/* cbt-top-section-kv
---------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.cbt-top-section-kv { padding-top: 0; }		
	.cbt-top-section-kv p { font-size: 1rem; }

}
@media only screen and (max-width: 1039px) {
	#cbt-top-section-kv { padding-top: 0; padding-bottom: 0; }
	.cbt-top-section-kv { padding-bottom: 0; }
	.cbt-top-section-kv-object { visibility: hidden; }
	.cbt-top-section-kv {
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
	}
}
@media only screen and (min-width: 1040px) {
	.cbt-top-section-kv {
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 5rem 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.cbt-top-section-inner { padding-top: 9rem; }
	.cbt-top-section-kv-object { display: none; }
	.cbt-top-section-kv .cbt-top-section-next { display: block; }
}

@media only screen and (max-width: 1039px) {
	.cbt-top-section-kv-img { padding-top: 24rem; height: 73vh; overflow: hidden;}
	.cbt-top-section-kv .container { padding: 0; }		
}


/* cbt-top-section-about
---------------------------------------------------------- */
.cbt-top-section-about::before,
.cbt-top-section-about::after { content: ''; display: block; height: 100%; width: 50%; position: absolute; top: 0; z-index: -1; }
.cbt-top-section-about::before { left: 0; background-image: url(/application/themes/cubit/images/top/bg_cyan.png); }
.cbt-top-section-about::after { right: 0; background-image: url(/application/themes/cubit/images/top/bg_green.png); }
.cbt-top-section-about .cbt-top-section-about-text { text-align: center; }
.cbt-top-section-about .cbt-top-section-about-text dt { color: #fff; display: block; line-height: 1.45; }
.cbt-top-section-about .cbt-top-section-about-text:first-of-type dt { background-color: rgba(8, 101, 129, .5); }
.cbt-top-section-about .cbt-top-section-about-text:last-of-type dt { background-color: rgba(105, 123, 23, .5); }
.cbt-top-section-about .cbt-top-section-about-figure img { display: block; margin: auto; }
.cbt-top-section-about .cbt-top-section-about-figure { position: relative; }

@media only screen and (max-width: 767px) {
	.cbt-top-section-about .cbt-top-section-about-figure {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 2rem;
	}
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(1),
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(3) { width: 50%; }
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(2) {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 15.333333%;
	}
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(1) { padding-right: 10.833333%; }
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(3) { padding-left: 10.833333%; }

	.cbt-top-section-about .cbt-top-section-about-text dt,
	.cbt-top-section-about .cbt-top-section-about-text dd { font-size: 1.2rem; }
	.cbt-top-section-about .cbt-top-section-about-text + .cbt-top-section-about-text { margin-top: 2rem; }
}
@media only screen and (min-width: 768px) {
	.cbt-top-section-about .cbt-top-section-about-figure,
	.cbt-top-section-about .cbt-top-section-about-inner {
		position: relative;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.cbt-top-section-about .cbt-top-section-about-inner {
		box-lines: multiple;
		-webkit-box-lines: multiple;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.cbt-top-section-about .cbt-top-section-about-text dt { font-size: 1.4rem; }
	.cbt-top-section-about .cbt-top-section-about-text,
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(1),
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(3) { width: 50%; }
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(2) {
		position: absolute;
		top: 8rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.cbt-top-section-about .cbt-top-section-about-text:first-of-type,
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(1) { padding-right: 4rem; }
	.cbt-top-section-about .cbt-top-section-about-text:last-of-type,
	.cbt-top-section-about .cbt-top-section-about-figure figure:nth-of-type(3) { padding-left: 4rem; }
	.cbt-top-section-about .cbt-top-section-about-figure figure img { display: block; margin: 0 auto 3rem; }
}

/* cbt-top-section-product
---------------------------------------------------------- */
.cbt-top-section-product { background: url(/application/themes/cubit/images/top/bg_indigo.png) 0 0; }
.cbt-top-section-product .cbt-top-section-product-list {
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	box-lines: multiple;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.cbt-top-section-product .cbt-top-section-product-item.cbt-top-section-product-item-is-shaked {
	-webkit-animation: shake .7s linear infinite;
	animation: shake .7s linear infinite;
}
.cbt-top-section-product .cbt-top-section-product-item span { text-align: center; display: block; }
.cbt-top-section-product .cbt-top-section-product-item img {
	position: relative;
	cursor: pointer;
	-webkit-transition: .6s;
	-webkit-transform-style: preserve-3d;
	transition: .6s;
	transform-style: preserve-3d;
}
/* cobitMobile */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(1) img { transform-origin: 46.58385% 50%; }
/* echiz */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(2) img { transform-origin: 42.63959% 50% }
/* デジタル顔ハメ看板 */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(3) img { transform-origin: 41.57303% 50% }
/* e Form Maker */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(4) img { transform-origin: 44.35483% 50% }
/* ポチッ投票 */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(5) img { transform-origin: 42.78606% 50% }
/* プレミアムEC */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(6) img { transform-origin: 42.48704% 50% }
/* ネッ抽選 */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(7) img { transform-origin: 42.24598% 50% }
/* Movie Reporter */
.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(8) img { transform-origin: 44.58955% 50% }

.cbt-top-section-product .cbt-top-section-product-item:hover img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

@media only screen and (max-width: 999px) {
	.cbt-top-section-product .cbt-top-section-product-item { width: 33%; }
	.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(4),
	.cbt-top-section-product .cbt-top-section-product-item:nth-of-type(5) { width: 40%; }
}
@media only screen and (min-width: 1000px) {
	.cbt-top-section-product .cbt-top-section-product-item { width: 25%; }
}

/* cbt-top-section-news
---------------------------------------------------------- */
.cbt-top-section-news { background-color: #fff; }
.cbt-top-section-news .cbt-top-section-inner { max-width: 90rem; margin:0 auto; }
.cbt-top-section-news .cbt-top-section-news-timeline-wrapper { position: relative; height: 40rem; overflow: hidden; }
.cbt-top-section-news .cbt-top-section-news-timeline-wrapper > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: right; }

@media only screen and (max-width: 767px) {
	.cbt-top-section-news .cbt-top-section-news-timeline-wrapper { display: none; }

}
@media only screen and (min-width: 768px) {
	.cbt-top-section-news .cbt-top-section-news-latest,
	.cbt-top-section-news .cbt-top-section-news-btn { width: 49%; padding-right:1%; }
	.cbt-top-section-news .cbt-top-section-news-latest { float: left; }
	.cbt-top-section-news .cbt-top-section-news-timeline { width: 49%; float: right; margin-left: 1%;  }
}
@media only screen and (max-width: 1024px) {
	.cbt-top-section-news .cbt-top-section-inner { max-width: 75rem; margin:0 auto; }
}

/* cbt-block-page-list-news
---------------------------------------------------------- */
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-wrapper { margin-bottom: 4rem; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-content { position: relative; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-content { border-color: #ccc; border-style: dashed; border-width: 0 0 1px 0; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-content:first-of-type { border-top-width: 1px; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-content::after {
	font-family: 'official';
	content: '\e804';
	position: absolute;
	top: 50%;
	right: 2rem;
	color: #ad181e;
	font-size: 4rem;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-content a { display: block; padding: .95rem 0; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-content a:hover { text-decoration: none; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-content:hover { opacity: .7; }

.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-page-entry-horizontal { display: table; width: 100%; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-page-entry-horizontal > a > div { display: table-cell; vertical-align: top; }

.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-page-entry-thumbnail { padding-right: 2rem; padding-left: 1rem; min-width: 15rem; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-page-entry-thumbnail img { width: 12rem; height: 8rem; vertical-align: bottom; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-page-entry-text { width: 100%; }

.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-date { margin-bottom: .5rem; color: #ad181e; line-height: 1; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-title { padding-right: 5rem; font-size: 1.4rem; }
.cbt-block-page-list-news.cbt-block-page-list-news-top .cbt-block-page-list-news-description { padding-right: 5rem; color: #ccc; line-height: 1.5; }

/* cbt-top-section-map
---------------------------------------------------------- */
.cbt-top-section-map {
	background-color: #f9be00;
	box-lines: multiple;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cbt-top-section-map .cbt-top-section-map-object { color: #fff; text-align: center; position: relative; }
.cbt-top-section-map .cbt-top-section-map-organization { margin: auto; color: #fff; }
.cbt-top-section-map .cbt-top-section-map-organization > address { margin-bottom: 0; }
.cbt-top-section-map .cbt-top-section-map-organization a { color: inherit; }

body[data-theme] .cbt-top-section .cbt-top-section-btn.cbt-top-section-btn-map:hover::after { background-color: #fce0a3; }

@media only screen and (max-width: 767px) {
	.cbt-top-section-map .cbt-top-section-map-inner {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		box-lines: multiple;
		-webkit-box-lines: multiple;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-direction : reverse;
		-webkit-box-orient : vertical;
		-ms-flex-direction : column-reverse;
		-webkit-flex-direction : column-reverse;
		flex-direction : column-reverse;
		overflow: hidden;
	}
	.cbt-top-section-map .cbt-top-section-map-object { width: 80%; margin-top: 2rem; margin-left: 10%; margin-right: 10%; }
	.cbt-top-section-map .cbt-top-section-map-object-inner { width: 100%; padding-bottom: 100%; }
	.cbt-top-section-map .cbt-top-section-map-organization { font-size: 1.2rem; width: 100%; }
	.cbt-top-section-map .cbt-top-section-map-heading { font-size: 1.2rem; }

	/* jsでanimation-delayを与えているがflexで逆順にしているため個別に設定 */
	.cbt-top-section-map .cbt-top-section-map-object {
		-webkit-animation-delay: .75s !important;
		animation-delay: .75s !important;
	}
	.cbt-top-section-map .cbt-top-section-map-organization {
		-webkit-animation-delay: 0s !important;
		animation-delay: 0s !important;
	}
}
@media only screen and (min-width: 768px) {
	.cbt-top-section-map .cbt-top-section-map-inner {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.cbt-top-section-map .cbt-top-section-map-heading { margin-bottom: 1rem; font-size: 1.8rem; }
	.cbt-top-section-map .cbt-top-section-map-object { width: 50%; }
	.cbt-top-section-map .cbt-top-section-map-object-inner { width: 100%; padding-bottom: 100%; }
	.cbt-top-section-map .cbt-top-section-map-organization { width: 40%; font-size: 1.8rem; }
	.gm-style,
	.cbt-top-section-map .cbt-top-section-map-object > div { border-radius: 50%; }
	/* Googleマップの範囲外がドラッグできる問題を解消するコード */
	.cbt-top-section-map .cbt-top-section-map-object {
		overflow: hidden;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.cbt-top-section-map .cbt-top-section-map-object-inner {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

/* cbt-top-section-nav
---------------------------------------------------------- */
@media only screen and (max-width: 1039px) {
	.cbt-top-section-nav { display: none; }
}
@media only screen and (min-width: 1040px) {
	.cbt-top-section-nav {
		position: fixed;
		right: 10rem;
		top: 50%;
		-webkit-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 101;
		opacity: 0;
	}
	.cbt-top-section-nav.cbt-top-section-nav-is-show { opacity: 1; }
	.cbt-top-section-nav .cbt-top-section-nav-item { width: 1.5rem; height: 1.5rem; display: block; overflow: hidden; white-space: nowrap; text-indent: 100%; background-color: #c9c9c9; border-radius: 50%; }
	.cbt-top-section-nav .cbt-top-section-nav-item.cbt-top-section-nav-item-is-current { background-color: #000; }
	.cbt-top-section-nav .cbt-top-section-nav-item + .cbt-top-section-nav-item { margin-top: 2rem; }
}

/* .cbt-ripple
---------------------------------------------------------- */
.cbt-ripple a { position: relative; z-index: 2; text-decoration: none; font-size: 1.4rem; vertical-align: middle; margin: auto;  background-color: #fff; text-align: center; border: .5rem solid rgba(255, 255, 255, .5); background-clip: padding-box; text-decoration: none; }
.cbt-ripple a:hover { text-decoration: none; color: #a3cfe2; }
.cbt-ripple a::before { content: '\e804'; font-family: 'official'; display: inline-block; line-height: 1; margin-right: .5rem; opacity: .5; }
.cbt-ripple { width: 100%; }
.cbt-ripple.cbt-ripple-about a { color: #0096c2; }
.cbt-ripple.cbt-ripple-product a { color: #002f7b; }

@media only screen and (max-width: 767px) {
	.cbt-ripple a { display: block; font-size: 1.2rem; padding: 1rem 1rem; margin-top: 2rem; }
	.cbt-ripple a::after {
		position: absolute;
		z-index: -1;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
		content: '';
	}
	.cbt-ripple a:hover::after {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.cbt-ripple.cbt-ripple-about a:hover::after { background-color: #a3cee2; }
	.cbt-ripple.cbt-ripple-product a:hover::after { background-color: #cbcfd6; }
}
@media only screen and (min-width: 768px) {
	.cbt-ripple a {
		width: 15rem;
		height: 15rem;
		border-radius: 50%;
		font-size: 1.4rem;
		vertical-align: middle;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-pack: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		margin: auto;
		background-color: #fff;
		padding: 1.9rem 1rem;
		text-align: center;
		border: .5rem solid rgba(255, 255, 255, .5);
		padding: 1.9rem 1rem;
	}
	.cbt-ripple a:hover::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, .5);
		border-radius: 50%;
		box-shadow: 0 0 .5rem rgba(255, 255, 255, .5);
		z-index: 1;
		-webkit-animation-name: ripple;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 2s;
		animation-name: ripple;
		animation-timing-function: ease-out;
		animation-iteration-count: infinite;
		animation-duration: 2s;
	}
}

/* cbt-animation
---------------------------------------------------------- */
.cbt-animation .cbt-animation-item { opacity: 0; }
.cbt-animation.cbt-animation-is-ready .cbt-animation-item {
	-webkit-animation: fadeIn 1s ease-in-out forwards;
	animation: fadeIn 1s ease-in-out forwards;
}

/* cbt-banner
---------------------------------------------------------- */
.cbt-banner:not(.cbt-banner-top) { display: none !important; }

/* ripple
---------------------------------------------------------- */
@-webkit-keyframes ripple {
	0% { -webkit-transform: scale(1, 1); opacity: 1; }
	100% { -webkit-transform: scale(1.7, 1.7); opacity: 0; }
}
@keyframes ripple {
	0% { transform: scale(1, 1); opacity: 1; }
	100% { transform: scale(1.7, 1.7); opacity: 0; }
}

/* upAndDown
---------------------------------------------------------- */
@-webkit-keyframes upAndDown {
	0% {
		-webkit-transform: translate(0, 0);
	}
	20% {
		-webkit-transform: translate(0, 1rem);
	}
	40% {
		-webkit-transform: translate(0, 0);
	}
}
@keyframes upAndDown {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(0, 1rem);
	}
	40% {
		transform: translate(0, 0);
	}
}

/* fadeIn
---------------------------------------------------------- */
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}