/* カスタマイズ用CSS */
.ec-headerTitle .ec-headerTitle__title {
    text-align: left;
}

/* ハンバーガーメニュー */
.ec-headerNavSP {
    left: auto;
    right: 10px;
    top: 8px;
}
/* ドロワー */
.ec-drawerRole {
    left: auto;
    right: 0;
    transform: translateX(100%);
}
.ec-drawerRole.is-active {
    transform: translateX(0);
}
/* 閉じるボタン */
.ec-drawerRoleClose {
    left: 10px;
}

@media only screen and (min-width: 768px) {
    .ec-headerNaviRole {
         padding: 0; 
    }
}

header {
    background-color: #BDBDBD !important;
    color: #eee !important;
}

.ec-categoryNaviRole{
    padding: 0;
    max-width: 100%;
}
.ec-itemNav,
.ec-itemNav__nav li a {
    background-color: #222;
    color: #9d9d9d;
    font-weight: normal!important;
}
.ec-itemNav__nav li{
    white-space: nowrap;
}

.ec-itemNav__nav  li:hover > a {
    background: inherit;
    color: #fff;
}
.ec-layoutRole .ec-layoutRole__contents{
    padding-top: 30px;
}
.ec-layoutRole .ec-layoutRole__contents,
.ec-sliderRole{
    max-width: 100%;
}

.ec-layoutRole__mainBottom{
    max-width: 1300px;
    
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

main .container-fluid{
    max-width: 1300px;
}

h3.bg_black {
	text-align:center;
	font-size:1.5em;
	line-height:1.5;
	background-color:#000;
	margin-bottom:25px;
	color:#fff;
}
h3.bg_white {
	text-align:center;
	font-size:1.2em;
	line-height:1.5;
	background-color:#fff;
	border:1px solid #000;
	margin-bottom:25px;
	color:#000;
}
h4 {
	background-color:#B3B3FF;
	padding:5px 10px;
	border-left:10px solid #0000FF;
}
h5.h5 {
	font-size:1.3em;
}
h5 {
	font-size:1.2em;
}

.pink {
    color: #FF007D;
}