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

/*ページタイトル改行調整*/
#page_cat_name .kinds_name br{display:none;}

#ps_set,
#pc_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width: calc(100% - 10px);
    max-width: 1100px;
    padding: 10px 5px;
}

#ps_set.sm,
#pc_set.sm{justify-content:space-between;}

/*「パチスロ」「パチンコ」種別タイトル*/
.category {
    width: calc(100% - 10px);
    max-width: 1100px;
    font-weight: bold;
    border-left: solid 6px #999999;
	border-bottom: solid 1px #999999;
    font-size: 18px;
    padding: 0 0 5px 5px;
	margin:20px auto;
}

#ps_set hr,
#pc_set hr{width:100%;}

/*広告素材ダウンロード***************************************************************/
.thumb{
width:calc((100% / 3) - 24px);
border:solid 2px #dddddd;
border-radius:6px;
padding:5px;
margin:0 5px 10px;
}

.thumb .set_area{
	display: flex;
}

.thumb .set_area .img_area{
width :calc((100% / 4) * 3);
padding-bottom: 5px;	
}
.thumb .set_area .info_area{
width :calc((100% / 4) - 10px);
padding-left: 10px;
}

.thumb .set_area.infonone{justify-content:center;}
.thumb .set_area.infonone .info_area{width :0px;margin:0px;}
.thumb .set_area img{width :100%;}

.thumb .title_name,
.thumb .title_copy{
	text-align: center;
}
.thumb .title_name{
	font-size:16px;
	font-weight:bold;
}
.thumb .title_copy{
	font-size:10px;	
}

/*サービスマニュアル***************************************************************/
.inner{width:calc(100% - 10px); max-width: 1100px; margin:0 auto 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
@media screen and (max-width: 979px){
.inner{width:100%; margin-bottom:20px; display: flex; flex-wrap: wrap;}
}

.smlink, .smlink_as{
width:calc(50% - 20px);
border:solid 2px #dddddd;
border-radius:6px;
margin:0 5px 10px;
}

.smlink a, .smlink_as a{
min-height:50px;	
display: flex;
justify-content:space-between;
align-items: center;	
padding:10px 5px;
}

.smlink .title_name, .smlink_as .title_name{
	width: fit-content;
	font-size:20px;
	font-weight:bold;
	display: flex;
	align-items: center;	
}

.smlink .info_area, .smlink_as .info_area{
width: fit-content;
display: flex;
justify-content:flex-end;
align-items: center;
}

.smlink .info_area div, .smlink_as .info_area div{height :50px;margin-left:5px;}
.smlink .info_area div img, .smlink_as .info_area div img{height :100%;vertical-align: bottom;}

@media screen and (max-width: 899px){

/*広告素材ダウンロード**/	
.thumb{width:calc(50% - 30px);}	
	
/*サービスマニュアル**/	
.smlink a, .smlink_as a{min-height:40px;}
.smlink .title_name, .smlink_as .title_name{font-size:18px;}
.smlink .info_area div, .smlink_as .info_area div{height :40px;}	
}

@media screen and (max-width: 639px){
#ps_set,
#pc_set{justify-content: center;}
	
/*広告素材ダウンロード**/		
.thumb{width:calc(100% - 20px);max-width:360px;margin-bottom:20px;}	

/*サービスマニュアル**/		
.smlink, .smlink_as{width:calc(100% - 20px);}
.smlink .title_name, .smlink_as .title_name{font-size:16px;}
.smlink .info_area div, .smlink_as .info_area div{height :30px;}	
}

@media screen and (max-width: 480px){
#page_cat_name .kinds_name{font-size:20px;}
#page_cat_name .kinds_name br{display:block;}
	
/*サービスマニュアル**/
.smlink a, .smlink_as a{min-height:30px;}	
.smlink .title_name, .smlink_as .title_name{font-size:14px;}	
}