@charset "utf-8";
/* CSS Document */

.ec-layoutRole__main{
	background-image: url(https://www.dirtbikeplus.jp/html/user_data/assets/img/common/beginner/boots/p_new0425_l_new04251.jpg);
}


.toplinkbar{
	width: 100%;
	background-color: #BB0003;
	color: #FFF;
	align-content: center;
	padding: .3rem;
	font-size: 1.2rem;
}

.toplinkbar a{
	color: #FFF;
}

.toplinkbar a:link{
	color: #FFF;
	text-decoration: underline;
}

.toplinkbar a:hover{
	color: #FFF;
	text-decoration: none;
}


a:link img {
			transition: 0.3s ;
		}

a:hover img{
	opacity: 0.7;
}


.ec-topicpath-wrap{
	max-width: 800px;
	text-align: center;
}



.title{
	max-width: 800px;
	margin-top: 3rem;
	margin-right: auto;
	margin-left: auto;
}

.imgbox img{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.textbox{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 1rem;
	padding: 2rem;
	background: rgba(255,255,255,0.9);
	font-weight: bold;
}

.textbox2{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 1rem;
	padding: 1rem;
	background: rgba(255,255,255,0.9);
}

.btnbox{
	max-width:250px;
	display: table-cell;
}

.container-fluid{
	max-width: 1000px;
	margin: 0 auto;
}

.col-md-6{
	padding-right: 0!important;
	padding-left: 0!important;
}


.mini-title2 {
    z-index: 2;
    background-color: #BC0003;
    font-weight: 900;
	color: #FFF;
    text-shadow: 2px 2px rgb(0 0 0);
    padding: 0.7rem 4rem 0.7rem 4rem;
    box-shadow: 3px 3px rgb(0 0 0 / 10%);
    margin: 0rem auto 1rem auto;
    display: table;
    font-size: 3rem;
    border-radius: 30px;
    position: relative;
	
}


.mini-text {
	max-width: 900px;
	width: 90%;
    padding: 4.5rem 2.2rem 2.8rem 2.2rem;
    box-shadow: 3px 3px rgb(0 0 0 / 10%);
    margin: 1rem auto;
    font-size: 1.6rem;
	font-weight: 900;
    border-radius: 30px;
    border-style: solid;
    border-color: #8F0002;
    border-width: 1px;
	background: rgba(230,230,230,0.9);
	top: -4rem;
    position: relative;
}



@media screen and (min-width:1100px) {
 
	/*　画面サイズが1100px以上の場合ここの記述が適用される　*/
	.imgbox img{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
 
}


@media screen and (max-width:680px) {
 
	/*　画面サイズが680px以下の場合ここの記述が適用される　*/
	.mini-title2 {
    z-index: 2;
    background-color: #BC0003;
    font-weight: 900;
    color: #FFF;
    text-shadow: 2px 2px rgb(0 0 0);
    padding: 0.5rem 4rem 0.5rem 4rem;
    box-shadow: 3px 3px rgb(0 0 0 / 10%);
    margin: 0rem auto 2rem auto;
    display: table;
    font-size: 1.5rem;
    border-radius: 30px;
    position: relative;
}

	.mini-text {
    max-width: 900px;
    width: 90%;
    padding: 3.5rem 1.2rem 0.8rem 1.2rem;
    box-shadow: 3px 3px rgb(0 0 0 / 10%);
    margin: 1rem auto;
    font-size: 1rem;
    font-weight: 900;
    border-radius: 30px;
    border-style: solid;
    border-color: #8F0002;
    border-width: 1px;
    background: rgba(230,230,230,0.9);
    top: -4rem;
    position: relative;
 
}}