/* -------------------------------- */
/* Override color
/* -------------------------------- */
/* Aussie Palette */
:root {
	--bs-primary: #f9ca24;
	--bs-secondary: #130f40;
}
/* -------------------------------- */
/* 商品種類用カスタムカラー
/* -------------------------------- */
:root {
/* Aussie Palette */
	--my-product-type1 : #f6e58d;
	--my-product-type2 : #ffbe76;
	--my-product-type3 : #ff7979;
	--my-product-type4 : #badc58;
	--my-product-type5 : #d1a3ff;
	--my-product-type6 : #7ed6df;
	--my-product-type7 : #9999ff; /* #686de0;*/
}
.bg-my-product-type1 { background-color: var(--my-product-type1); }
.bg-my-product-type2 { background-color: var(--my-product-type2); }
.bg-my-product-type3 { background-color: var(--my-product-type3); }
.bg-my-product-type4 { background-color: var(--my-product-type4); }
.bg-my-product-type5 { background-color: var(--my-product-type5); }
.bg-my-product-type6 { background-color: var(--my-product-type6); }
.bg-my-product-type7 { background-color: var(--my-product-type7); }

/* -------------------------------- */
/* メールアドレス登録用ボーダー
/* -------------------------------- */
.registmail-border{
		 border:20px solid var(--bs-info);
}
/* -------------------------------- */
/* 隙間空きすぎに対応
/* -------------------------------- */
section {
    padding-top: 7.5rem;
    padding-bottom: 5.5rem !important;
}
/* -------------------------------- */
/* CARD シャドー
/* -------------------------------- */
.card-trans:hover {
		box-shadow: 5px 5px 10px #666666;
		transform: translate(0, -10px);
		/*
		transform:scale(1.1);
		*/
		transition:0.7s;
}
/* -------------------------------- */
/* ボタンの動き
/* -------------------------------- */
.btn-trans:hover {
		box-shadow: 5px 5px 10px #666666;
		transform: translate(0, -10px);
		/*
		transform:scale(1.1);
		*/
		transition:0.7s;
}
/* -------------------------------- */
/* youtubeフレーム
/* -------------------------------- */
.youtube{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
/* タブ色 */
.nav-pills .nav-link.active{
	background-color: #002147;
	border-color: #002147;
}
/* -------------------------------- */
/* 商談用のチャットフレーム
/* -------------------------------- */
.chatframe {
	position: relative;
	padding-bottom: 56.25%;
	height: 720px;
	overflow:hidden;
}
.chatframe iframe {
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -------------------------------- */
/*  スライドテキスト 
/* -------------------------------- */
.slide_text{
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	padding: 10px;
	background: #f2f2f2;
	text-align:center;
	--bs-gutter-x:0rem;
}
.slide_text a{
		text-decoration:none;
		color:#402B2B;
}
/* -------------------------------- */
/*  イメージをヌルっとフェード
/* -------------------------------- */
/*
*/
.carousel-item {
	transition: transform 4.0s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
	transition: opacity 0s 4.0s;
} 

/* -------------------------------- */
/*  TOPに戻るボタン
/* -------------------------------- */
html{
	scroll-behavior: smooth;
}
.gotop{
	display: block;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	background: #FFF;
	border: 1px solid #999;
	padding-top: 30px;
	text-align: center;
	letter-spacing: -1px;
	font-size: 85%;
	text-decoration: none;
	color: #333;
	opacity: 0.5;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}
.gotop::before{
	content: "";
	display: block;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	width: 25%;
	height: 25%;
	top: 25%;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	transform: rotate(-45deg);
}
.gotop:hover{
	opacity: 1;
}
@media(max-width:750px){
	.gotop{
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		opacity: 1;
		border: none;
		background: none;
		bottom: 10px;
		right: 10px;
	}
	.gotop::before{
		bottom: 0;
	}
}