/*==================================================
	トップページＣＳＳ
==================================================*/
@import url("com.css");

/*==================================================
	スライドショー部分設定
==================================================*/


/*==================================================
	グループサムネイル部分設定
==================================================*/
ul#group_thumb {
	float:left ;
	margin-bottom:14px ;
}

ul#group_thumb li {
	float:left ;
}

/*==================================================
	リンク設定
==================================================*/
	a:link		{color:#ffffff; text-decoration:none}
	a:visited	{color:#ffffff; text-decoration:none}
	a:hover		{color:#eeeeee; text-decoration:underline}
	a:active	{color:#ffffff; text-decoration:none}

/*==================================================
	スマホ、タブレット設定
==================================================*/
//@media screen and (max-width: 768px){
//	#news_area {
//		width:96% ;
//		padding:0 2% ;
//	}
//}


/*==================================================
  スライダー・グループバナーの中央配置調整
==================================================*/
#main_box {
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

/* bxSlider本体を中央に配置 */
#main_box .bx-wrapper {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 30px !important;
    float: none;
}

#main_box ul.bxslider {
    margin: 0;
    padding: 0;
}

#main_box ul.bxslider li img {
    display: block;
    width: 100%;
    height: auto;
}

/* 下部バナーをスライダーと同じ幅・位置に配置 */
#main_box ul#group_thumb {
    float: none;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 14px;
    padding: 0;
    list-style: none;
}

#main_box ul#group_thumb li {
    float: none;
    flex: 0 1 20%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

#main_box ul#group_thumb li img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    #main_box {
        width: 96%;
        padding: 0;
    }

    #main_box .bx-wrapper,
    #main_box ul#group_thumb {
        width: 100%;
        max-width: 100%;
    }
}