@charset "UTF-8";

.accbox label  {
display: block;
margin-top: 10px;
margin-right: 0;
margin-left: 0;
/* [disabled]margin-bottom: 20px; */
padding : 30px 12px;
color: #fff;
font-weight: bold;
background: #cccccc;
cursor : pointer;
transition: all 0.5s;
text-align: center;
font-size: 1.5em;
line-height: 1em;
position: relative;
}


/*アイコンを表示*/
.accbox label::after {
content: "\f054";
font-family: 'Font Awesome 5 Free';
padding-left: 10px;
font-weight: 900;  /**/
position: absolute;
right: 10px;
}







/*ラベルホバー時*/
.accbox label:hover {
 filter: alpha(opacity=70);
-ms-filter: ""alpha(opacity=70)"";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
text-decoration: none;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}


/*中身を非表示にしておく*/
.accbox .accshow {
height: 0;
overflow: hidden;

}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: url(../common/img/contents_bg.gif) center repeat-y;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label::after {
content: '\f107';


}



/*-----------------------*/



/*
#wrapper {
width: 960px;
padding: 0 10px;
margin-left: auto;
margin-right: auto;
}
*/

#wrapper {
width: 960px;
padding: 0 10px;
border-top: #ffc600 10px solid;
border-bottom: #e53030 10px solid;
background: url(../common/img/contents_bg.gif) center repeat-y;
margin-left: auto;
margin-right: auto;
}





.slider {

padding-bottom: 60px;
}


/**/

.content-IN {
display: flex;
flex-wrap: wrap;
/* [disabled]justify-content: flex-end; */
}

.content-IN::after{
  content:"";
  display: block;
  width:50%;
}


.box-item {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 45%;
padding-top: 15px;
}

.box-item img:hover {
filter: alpha(opacity=70);
-ms-filter: ""alpha(opacity=70)"";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
text-decoration: none;
}




.box-pic img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-left-color: #DBDBDB;
border-right-color: #DBDBDB;
/* [disabled]border-bottom-color: #DBDBDB; */
border-top-color: #DBDBDB;
border-left-style: solid;
border-right-style: solid;
/* [disabled]border-bottom-style: solid; */
border-top-style: solid;
border-left-width: 1px;
border-right-width: 1px;
/* [disabled]border-bottom-width: 1px; */
border-top-width: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.box-title {
font-size: 1.5em;
margin-bottom: 5px;
padding-bottom: 15px;
text-align: center;
background-color: #ccc;
color: #FFFFFF;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



/**/



.Mn-wrapper {
width: 900px;
margin-left: auto;
margin-right: auto;
}


.runking {
margin-bottom: 20px;
position: relative;
}



/*バーとタイトルの色*/

.accbox label.BG-01 {
background: #2979FF;

}
.box-title.BG-01 {
background: #2979FF;

}


.accbox label.BG-02 {
background: #00AEFF;

 }
.box-title.BG-02 {
background: #00AEFF;

}


.accbox label.BG-03 {
background: #00E5FF;

}
.box-title.BG-03 {
background: #00E5FF;

}



.accbox label.BG-04 {
background: #00EAB5;

}
.box-title.BG-04 {
background: #00EAB5;

}



.accbox label.BG-05 {
background: #00E871;

}
.box-title.BG-05 {
background: #00E871;

}


.accbox label.BG-06 {
background: #64DD17;

}
.box-title.BG-06 {
background: #64DD17;

}


.accbox label.BG-07 {
background: #A8E500;

}
.box-title.BG-07 {
background: #A8E500;

}


.accbox label.BG-08 {
background: #FFD700;

}
.box-title.BG-08 {
background: #FFD700;

}


.accbox label.BG-09 {
background: #FFC500;

}
.box-title.BG-09 {
background: #FFC500;

}


.accbox label.BG-10 {
background: #FF9100;

}
.box-title.BG-10 {
background: #FF9100;

}


.accbox label.BG-11 {
background: #FF3B00;

}
.box-title.BG-11 {
background: #FF3B00;

}

.accbox label.BG-12 {
background: #f44336;

}
.box-title.BG-12 {
background: #f44336;

}



/**/




.Mtitle-con  {
text-align: center;
margin-bottom: 20px;
padding-top: 20px;
}
.okan   {
width: 76px;
position: absolute;
left: -28px;
top: -22px;
}
.Con-BG {
background-image: url(../img/mv_bg.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin-bottom: 30px;
background-size: contain;
}
.top-main-logo {
text-align: center;
padding-top: 20px;
margin-bottom: 20px;
}
.bxslider {

padding-top: 30px;
}
.btn_top {
text-align: center;
margin-bottom: 20px;
}