@charset "utf-8";
/* CSS Document */
img {
  max-width: 100%;
  width: auto;
}
.disc{
list-style-type: disc;
}
.indent-3em{
	text-indent: -3em;
    padding-left: 3em;
}
.sp{
display:none;
}
li a.iLinkW{
display: inline-block;
}

/* table */
.scroll-box table th{
text-align: center;
}
.Linkbtn{
box-sizing: border-box;
display: inline-block;
padding: 0.5em 1.2em 0.5rem 1.7rem;
background: #005AB4;
font-weight: bold;
color: #fff !important;
text-decoration: none !important;
text-align: center;
line-height: 1.35;
width: 100%;
font-size: 0.88rem;
max-width: 400px;
background-image: url(/common/images/ico_pop_03.gif);
background-repeat: no-repeat;
background-position: 6% 50%;
}
.Linkbtn:hover{
color: #fff;
opacity: 0.7;
}

/* Youtube4カラム */
.imgList a:hover{
opacity: 0.7;
}
.imgList li{
padding-right:3.6%;
width: 22%;
}
.imgList li:last-child{
padding-right:0;
}
@media screen and (max-width: 767px) {
.sp{
display:block;
}
.Linkbtn{
background-position: 10% 50%;
}
/* table */
.scroll-box{
overflow-x: auto;
padding-bottom: 10px;
-webkit-overflow-scrolling: touch;
}
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.scroll-box table {
  width: 100%;
  min-width: 720px;
  border: 1px solid #ccc;
  margin: 0;
}
.scroll-box table th,.scroll-box table td{
padding: 12px 8px;
}


/* Youtube4カラム */
.imgList li{
padding-right:0;
width:90%;
margin:0 auto 30px;
float:none;
}

}