@charset "utf-8";
/* CSS Document */
/*2021.11.05のみのスタイル*/
table.result {
  border-collapse: collapse;
  margin: 0 auto 15px;
  padding: 0;
  width:98%;
  max-width: 700px;
  table-layout: fixed;
}

table.result tr {
  background-color: #fff;
  border: 1px solid #bbb;
}
table.result th,
table.result td {
  padding:5px;
  border-right: 1px solid #bbb;
}
table.result th {
background-color: rgb(29, 155, 240);
color:#FFF;
}
table.result tr.win{
font-weight:bold;
	color: #ff6907;
}
table.result td.per{
   text-align: right;
}

/*2021.1.1日-1.7のみのスタイル*/
.content_head#newyear{
border-top: #b93524 2px solid;
}
.content_head#newyear ul#series_logobox li:nth-child(odd) {
    background-color:#e60418;
}
.content_head#newyear ul#series_logobox li:nth-child(even) {
    background-color:#FFF;
}
.content_head#newyear #title_logo{
   background-image: url("../img/newyear/title_logo.png");
}
.content_head#newyear #sub_title{
	 background-color:#e60418;
}
#Gmenu_area.newyear #pc_menu_area{
	 background-color:#FFF;
}
#Gmenu_area.newyear #pc_menu_area ul#g_menu li,
#Gmenu_area.newyear #pc_menu_area ul#g_menu li a{
	 color:#e60418;
}
#Gmenu_area.newyear #pc_menu_area ul#g_menu li:hover,
#Gmenu_area.newyear #pc_menu_area ul#g_menu li.active{
	background-color: #ff6672;
}

#Gmenu_area.newyear #spg_menu {
    background-color:#ff0959;
}
#Gmenu_area.newyear #sp_menu_area #sp_opcl_mark .bg {
   background-image: url(../img/newyear/btn_SPmenu_bg.png);
}
.barba-container.newyear #PREV a,
.barba-container.newyear #NEXT a {
    background-color:#fe9d21;
}
.barba-container.newyear #PREV a:hover,
.barba-container.newyear #NEXT a:hover {
	background-color:#6c3f05;
}


.barba-container.newyear #date_area {
    color: #6c3f05;
}


/*2020.10.23日-10.31のみのスタイル*/
.content_head#hallo2020{
border-top: #b93524 2px solid;
}
.content_head#hallo2020 ul#series_logobox li:nth-child(odd) {
    background-color: rgba(185,52,36,0.40);
}
.content_head #title_hallo2020_logo{
	position:relative;
	z-index: 2;
	clear: both;
	float:left;
	width:69%;
   background-image: url(../img/hallo2020/title_logo.png);
	background-repeat: no-repeat;
	background-position:left 10px center;
	background-size:60%;
}
.content_head #title_hallo2020_pre {/*メイン、かぼちゃんとぶーもり*/
    position: absolute;
    width: 60.3%;
    left: 40%;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 50%;
	background-image: url('../img/hallo2020/img_mainpre.png');
}
.content_head #title_hallo2020 {
    position: absolute;
    width: 60.3%;
    left: 40%;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
	background-image: url('../img/hallo2020/img_main.png');
}
.content_head #title_hallo2020_logo img,
.content_head #title_hallo2020_pre img,
.content_head #title_hallo2020 img{
	width:100%;
	height:auto;
	vertical-align: bottom;
}

@media screen and (max-width:799px){
.content_head #title_hallo2020_logo{
    position: absolute;
    z-index: 2;
    clear: both;
    float: left;	
    width: 110%;
    top: -5px;
    background-position: left 5px center;
    background-size: calc(58% - 0px);
	    background-repeat: no-repeat;
}
.content_head #title_hallo2020_pre{
    position: static;
    float: right;
    width: 40%;
    background-position: right center;
    background-size: auto 108%;
	background-image:url('../img/hallo2020/img_mainpre.png');
}
	.content_head #title_hallo2020{
    position: static;
    float: right;
    width: 45%;
    background-position: right center;
    background-size: auto 108%;
	background-image:url('../img/hallo2020/img_main_sp.png');
}
}
	
/*2019.10.31日のみのスタイル*/
	#hallobox{
	position: relative;
	background-image:  url(../img/photo/2019_halloween_kabo2.png) , url(../img/photo/2019_halloween_kabo1.png);
	background-repeat:no-repeat;
	background-position:left top,right top;
	}
	@media screen and (max-width:639px){
		#hallobox{background-size:120px auto;}	
	}	
	@media screen and (max-width:479px){
		#hallobox{background-size:90px auto;}	
	}

/*2019.12.26日のみのスタイル*/
.pop_win{
 position: relative;
  width:96%;
  max-width: 1200px;
  margin:auto;
}
.pop_win img{width:100%;height:auto;}


/*
================================================================================================================
 wp-popup
================================================================================================================
*/
.wp_center{
width:96%;
height:100%;
display: table;
top:0;
bottom:0;
left:0;
right:0;
margin:0 1.5%;
background-color: rgba(32,251,247,0.00);}
#inline-wp01{
width:90%;
max-width:640px;
margin:auto;
display: table-cell;
vertical-align: middle;
flex-direction:row;
align-items:center;}
#wp_link{
width:100%;
max-width:640px;
background-image:url(../img/wp/bg_wp01.png);
background-repeat: repeat;
background-size:;
background-position: center top;
text-align:center;
margin:auto;
border: 4px solid #FFFFFF;
border-radius: 12px;
}
#wp_link.noir{background-image:url(../img/wp/bg_wp03.png);}

#wp_link:after{ content: ""; display: block; clear: both; }
#wp_link img{width:100%; height: auto;}
#wp_link .wp_title{width:96%;max-width:700px; margin:20px auto 10px;text-align: center;}

.notice{
width:calc(96% - 20px);
margin:2%;
padding: 10px;
border-radius: 6px;
text-align: left;
font-size: 11px;
line-height: 18px;
color: #333;
background-color: rgba(255,255,255,0.80);
}
.notice_01{
width:calc(98% - 20px);
margin:0% auto 5% auto;
padding: 10px;
border-radius: 6px;
text-align: left;
font-size: 11px;
line-height: 18px;
color: #366;
background-color: rgba(200,255,255,0.80);
}



#dl_title{
	text-align:center;
width:calc(100% - 10px);
	margin-top:15px;
}
.dl_title{
	text-align:center;
width:calc(100% - 10px);
	margin-top:15px;
}
#c_navi{
width:calc(100% - 10px);
	margin-top:10px;
	margin-bottom:20px;
	padding-left:24px;
	text-align:left;
	font-size:16px;
	color:#333;
	line-height:18px;
}
#c_navi span{
	font-weight:bold;
	letter-spacing:1px;
	color:#FF0000;
}

#all_date{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
width:calc(100% - 10px);
}
#all_date span{
	margin-right:5px;
	text-align:center;
}

ul.group:after{visibility:hidden; display:block; content:" "; clear:both; height:0;}

ul.group{
	list-style:none;
width:calc(100% - 10px);
	min-height:10vw;
	margin:0 auto;
	padding-bottom:40px;
}
ul.group li{
	float:left;
	width:20%;
	display:block;
	/*
	margin-right:10px;
	margin-left:10px;*/
	text-align:center;
	font-weight:bold;
	color: #FFFBCF;
	font-size:10px;
	line-height:12px;
	margin-top: 15px;
}
@media screen and (max-width:680px){
ul.group li{
	float:left;
	width:33%;
}
ul.group li div.navi{
	font-size:12px;
	padding-top:3px;
	font-weight:normal;
}

ul.group li .datename_s{
	padding-top:12px;
	padding-bottom:2px;
	position:relative;
	width:100%;
	text-align:center;
}
ul.group li .datename_l{
	padding-bottom:2px;
	position:relative;
	width:100%;
	text-align:center;
}
ul.group li .button{
	position:relative;
	width:100%;
	text-align:center;
	margin-top:2px;
}


/*広告素材一覧　新CSS（12.04.03）---------------------*/

ul.group_new{
	list-style:none;
width:calc(100% - 10px);
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
ul.group_new li{
	width:20%;
	float:left;
	display:block;
	margin-right:10px;
	margin-left:10px;
	margin-top:5px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	padding-bottom:25px;
}

ul.group_new li .button{
	position:relative;
	width:100%;
	text-align:center;
	margin-top:5px;
}
ul.group_new li .datename{
	padding-bottom:2px;
	width:100%;
	vertical-align:bottom;
	text-align:center;
}
.c{
	font-size:19px;
}

#tei_download{
	padding-top:20px;
	height: 350px;
}
#all_thum{
	position:absolute;
	left:390px;
	width:572px;
}
#tei_titleifo{
	float:left;
	padding-left:24px;
	margin-right:15px;
}
#l_button{
	text-align:center;
	z-index: 1000;
}
#l_button img{
	margin-top:5px;
}

#tei_c_navi{
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	font-size:12px;
	color:#333;
	line-height:18px;
}
#tei_c_navi span{
	font-weight:bold;
	font-size:12px;
	color:#FF0000;
}
#tei_c_navi span.c{
	font-size:18px;
}


#back{
	position:absolute;
	left:900px;
}
#back_tei{
	width:960px;
	text-align:right;
	padding-bottom:5px;
}

div.list_title{
	width:100%;
	max-width:700px;
	font-weight:bold;
	border-left:solid 6px #999999;
	font-size:18px;
	padding-left:5px;
	margin-left:20px;
}

div.bottom_line{
	width:96%;
	border-bottom:solid 1px #DDDDDD;
	margin-top:5px;
	margin-bottom:12px;
	margin-left:20px;
}