@charset "utf-8";
/* CSS Document */
@media screen and (min-width:481px) {
    /*　画面サイズが480pxからはここを読み込む　*/
.pc_none{display:none;}
.sp_none{display:block;}

.pc_no{display:block;}
.sp_no{display:none;}
img.schedule-main{width:737px;}
p.schedule-title{width:737px; text-align:center; margin:0 auto 3% auto; background:#000; display:block; padding:3% 0;}
p.schedule-title span{background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  color: transparent; font-size:26px; font-weight:bold;}

table{width:737px; margin:0 auto 3%;}
table th{width:10%; vertical-align:middle; font-size:26px; padding:2.5% 0; font-weight:bold; color:#fff;
	text-shadow: 2px 1px 5px #000;
}
/*
table.first th{background:-webkit-gradient(linear, left top, right top, from(#f3e18b), to(#d18e04));
    background:-webkit-linear-gradient(left, #f3e18b, #d18e04);
    background:-moz-linear-gradient(left, #f3e18b, #d18e04);
    background:-o-linear-gradient(left, #f3e18b, #d18e04);
    background:linear-gradient(to right, #f3e18b, #d18e04);}

table.second th{background:-webkit-gradient(linear, left top, right top, from(#2ea7e0), to(#171c61));
    background:-webkit-linear-gradient(left, #2ea7e0, #171c61);
    background:-moz-linear-gradient(left, #2ea7e0, #171c61);
    background:-o-linear-gradient(left, #2ea7e0, #171c61);
    background:linear-gradient(to right, #2ea7e0, #171c61);}

table.third th{background:-webkit-gradient(linear, left top, right top, from(#13ae67), to(#004b29));
    background:-webkit-linear-gradient(left, #13ae67, #004b29);
    background:-moz-linear-gradient(left, #13ae67, #004b29);
    background:-o-linear-gradient(left, #13ae67, #004b29);
    background:linear-gradient(to right, #13ae67, #004b29);}
*/

table{background-image:url("22schedule-img/ichimatsu.jpg"); background-size:12%;}
table td{background:#fff;}

table th span{font-size:20px; font-weight:bold;}

table td{width:75%; padding:1.5% 0 1.5% 5%;}
table td div p{line-height:1.5;}

table td.sale div{width:100%; position:relative; padding:2%; height:auto; box-sizing:border-box;}
table td.sale div p{font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size:22px; font-weight:bold; color:#fff; position:absolute; top:5.6%; left:2%; width:27%; padding:0.5% 3%; z-index:999;}

table td.sale div p span{font-size:18px; margin:0 3px;}
table td.sale div:after{content:"";/*何も入れない*/
  display: inline-block;/*忘れずに！*/
position:absolute;
	top:-10px;
	right:-10px;
  width: 100px;/*画像の幅*/
  height: 101px;/*画像の高さ*/
  background-image: url("22schedule-img/sale.png");
  background-size: contain;
  vertical-align: middle;}


table td.sale div img{width:100%; height:100%; display:block;}


table td.es div{width:100%; position:relative; padding:2%; height:auto; box-sizing:border-box;}
table td.es div p{font-size:22px; font-weight:bold; color:#fff; position:absolute; top:5.5%; left:2%; width:27%; padding:0.5% 3%; z-index:999;}
table td.es div p span{font-size:18px; margin:0 3px;}
table td.es div:after{content:"";/*何も入れない*/
  display: inline-block;/*忘れずに！*/
position:absolute;
	top:-10px;
	right:-10px;
  width: 100px;/*画像の幅*/
  height: 101px;/*画像の高さ*/
  background-image: url("22schedule-img/end-soon.png");
  background-size: contain;
  vertical-align: middle;}

table td.es div img{width:100%;}


table td.cs div{width:100%; position:relative; padding:1%; height:auto; background:#FF5F00; box-sizing:border-box; display:flex;}
table td.cs div p:nth-child(1){font-size:16px; font-weight:bold; color:#fff; top:0; left:0; background:#FF5F00; padding:3.5% 2.5% 2%; width:13%; z-index:999;}
table td.cs div p:nth-child(2){font-size:22px; font-weight:bold; color:#000; top:0; left:0; background:#fff; padding:3.5% 2.5% 2%; width:90%;}
table td.cs div p:nth-child(3){font-size:16px; font-weight:bold; color:#fff; top:0; left:0; background:#FF5F00; padding:3.5% 2.5% 2%; width:13%; z-index:999;}
table td.cs div p:nth-child(4){font-size:22px; font-weight:bold; color:#000; top:0; left:0; background:#fff; padding:3.5% 2.5% 2%; width:90%;}

table td.cs div p span{font-size:14px; margin:0 3px;}
table td.cs div p span{font-size:14px; margin:0 3px;}
table td.cs div a{width:100%; opacity:1.0; position: relative;}
table td.cs div a:before{content:""; background:rgba(0,0,0,0.4); display:block; position: absolute; height:100%; width:100%;}
table td.cs div a:hover:before{background:none;}
table td div a:hover > img{opacity: 1.0;}

/*table td.cs div a:hover{opacity:1.0;}
table td.cs div a img:hover{opacity:1.0;}*/
table td.cs div a img{width:100%; height:100%; display:block;}



table td.end div{width:100%; position:relative; padding:1%; height:auto; background:#333; box-sizing:border-box; display:flex;}
table td.end div p:nth-child(1){font-size:14px; font-weight:bold; color:#fff; top:0; left:0; background:#333; padding:1.5% 2.5% 0%; /*width:28%;*/}
table td.end div p:nth-child(3){font-size:14px; font-weight:bold; color:#fff; top:0; left:0; background:#333; padding:1.5% 2.5% 0%; /*width:28%;*/}
table td.end div p span{font-size:14px; margin:0 3px;}
table td.end div a:before{content:""; background:rgba(0,0,0,0.4); display:block; position: absolute; height:100%; width:100%;}
table td.end div a:hover:before{background:none;}
table td.end div a{position:relative;}
table td.end div a img{width:100%; height:100%; display:block;}

td{position:relative;}
td.es:before,td.sale:before{
	content:"";
	display:block;
	position:absolute;
	left:-2%;
	top:43%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
}

td.end:before{
	content:"";
	display:block;
	position:absolute;
	left:-2%;
	top:32%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right: 35px solid #333;}

td.cs:before{
	content:"";
	display:block;
	position:absolute;
	left:-2%;
	top:32%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right: 35px solid #FF5F00;}


td.bg-yellow div{background:#b1a300;}
td.bg-yellow div p{background:#b1a300;}
td.bg-yellow:before{border-right: 35px solid #b1a300;}

td.bg-red div{background:linear-gradient(-90deg, #b8751e 5%,#ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%)}
td.bg-red div p{background:linear-gradient(-90deg, #e1ce08 1%, #b8751e 100%);}
td.bg-red:before{border-right: 35px solid #b8751e;}

td.bg-blue div{background:linear-gradient(-90deg, #757575 5%, #9E9E9E 37%, #E8E8E8 50%, #9E9E9E 63%, #757575 100%);}
td.bg-blue div p{background:linear-gradient(-90deg, #9E9E9E 20%, #757575 90%);}
td.bg-blue:before{border-right: 35px solid #757575;}
}

/*---------- フッター ----------*/
#under-content {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#under-content ol>li {
	float: left;
	margin-right: 6px;
	line-height: 20px;
	width: 240px;
	background-image: url(../w980images/bg_footer.gif);
	background-repeat: repeat;
	height: 160px;
}

#under-content ol>li>ul {
	margin-top: 5px;
	margin-left: 20px;
}

#footer ol>li>ul>li {
	line-height: 1.7;
}

#under-content a:link,
#under-content a:visited {
	color: #333;
	text-decoration: none;
}
#under-content a:hover {
	color: #F60;
	text-decoration: underline;
}
.foot_navi {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: #fff;
	position: relative;
}
#under-content .foot_navi ul li a:link,
#under-content .foot_navi ul li a:visited {
	color: #333;
	background-color:#FFF;
	text-decoration: none;
}
#under-content .foot_navi ul li a:hover {
	color: #F60;
	text-decoration: underline;
}
.title_foot_01 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_01.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.title_foot_02 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_02.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.title_foot_03 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_03.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.title_foot_04 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_04.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.foot_navi ul {
	float: left;
	margin-top: 17px;
	margin-left: 25px;
}
.foot_navi ul li {
	display: inline;
}
#under-content .foot_navi .logo_gbj_footer {
	width:215px;
	height:33px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 8px;
	text-indent: -9999px;
	display: block;
	background-image: url(../w980images/logo_gbj.png);
	background-repeat: no-repeat;
	float: left;
}


/*---------- フッター ----------*/
#footer {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer ol>li {
	float: left;
	margin-right: 6px;
	line-height: 20px;
	width: 240px;
	background-image: url(../w980images/bg_footer.gif);
	background-repeat: repeat;
	height: 160px;
}

#footer ol>li>ul {
	margin-top: 5px;
	margin-left: 20px;
}

#footer ol>li>ul>li {
	line-height: 1.7;
}

#footer a:link,
#footer a:visited {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #F60;
	text-decoration: underline;
}
.foot_navi {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: #fff;
	position: relative;
}
#footer .foot_navi ul li a:link,
#footer .foot_navi ul li a:visited {
	color: #333;
	background-color:#FFF;
	text-decoration: none;
}
#footer .foot_navi ul li a:hover {
	color: #F60;
	text-decoration: underline;
}
.title_foot_01 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_01.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.title_foot_02 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_02.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.title_foot_03 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_03.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.title_foot_04 {
	width:240px;
	height:30px;
	background:url(../w980images/title_foot_04.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
}
.foot_navi ul {
	float: left;
	margin-top: 17px;
	margin-left: 25px;
}
.foot_navi ul li {
	display: inline;
}



@media screen and (max-width:480px) {
    /*　画面サイズが480pxまではここを読み込む　*/
footer{background:#000; padding-top:0;}
body{overflow-x: hidden !important;}
div#maincontent{width:100%; margin-top:2.5%;}
.sp_none{display:none;}
.pc_none{display:block;}

.pc_no{display:none;}
.sp_no{display:block;}
#wrapper{width:100%;}

img.schedule-main{width:95%;}
p.schedule-title{width:95%; text-align:center; margin:2.5% auto 3% auto; background:#000; display:block; padding:3% 0;}
p.schedule-title span{background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  color: transparent; font-size:26px; font-weight:bold;}

table{width:95%; margin:0 auto 3%;}
table th{width:12%; vertical-align:middle; font-size:18px; padding:2.5% 0; font-weight:bold; color:#fff; text-align:center; text-shadow: 2px 1px 5px #000;
}
/*
table.first th{background:-webkit-gradient(linear, left top, right top, from(#f3e18b), to(#d18e04));
    background:-webkit-linear-gradient(left, #f3e18b, #d18e04);
    background:-moz-linear-gradient(left, #f3e18b, #d18e04);
    background:-o-linear-gradient(left, #f3e18b, #d18e04);
    background:linear-gradient(to right, #f3e18b, #d18e04);}

table.second th{background:-webkit-gradient(linear, left top, right top, from(#2ea7e0), to(#171c61));
    background:-webkit-linear-gradient(left, #2ea7e0, #171c61);
    background:-moz-linear-gradient(left, #2ea7e0, #171c61);
    background:-o-linear-gradient(left, #2ea7e0, #171c61);
    background:linear-gradient(to right, #2ea7e0, #171c61);}

table.third th{background:-webkit-gradient(linear, left top, right top, from(#13ae67), to(#004b29));
    background:-webkit-linear-gradient(left, #13ae67, #004b29);
    background:-moz-linear-gradient(left, #13ae67, #004b29);
    background:-o-linear-gradient(left, #13ae67, #004b29);
    background:linear-gradient(to right, #13ae67, #004b29);}
*/

table{background-image:url("22schedule-img/ichimatsu.jpg"); background-size:14%; border-collapse:collapse;}
table td{background:#fff;}

table th span{font-size:14px; font-weight:bold;}

table td{width:75%; padding:1.5% 0 1.5% 5%;}
table td div p{line-height:1.5;}

table td.sale div{width:100%; position:relative; padding:2%; height:auto; box-sizing:border-box;}
table td.sale div p{font-size:13px; font-weight:bold; color:#fff; position:absolute; top:5.6%; left:2%; width:auto; padding:0.5% 3% 1% 2%; z-index:999; margin:0;}
table td.sale div p span{font-size:9px; margin:0 3px;}
table td.sale div:after{content:"";/*何も入れない*/
  display: inline-block;/*忘れずに！*/
position:absolute;
	top:-10px;
	right:-10px;
  width: 50px;/*画像の幅*/
  height: 51px;/*画像の高さ*/
  background-image: url("22schedule-img/sale.png");
  background-size: contain;
  vertical-align: middle;}

table td.sale div img{width:100%; display:block;}


table td.es div{width:100%; position:relative; padding:2%; height:auto; box-sizing:border-box;}
table td.es div p{font-size:13px; font-weight:bold; color:#fff; position:absolute; top:5.6%; left:2%; width:auto; padding:0.5% 3% 1% 2%; z-index:999; margin:0;}
table td.es div p span{font-size:9px; margin:0 3px;}

table td.es div:after{content:"";/*何も入れない*/
  display: inline-block;/*忘れずに！*/
position:absolute;
	top:-10px;
	right:-10px;
  width: 50px;/*画像の幅*/
  height: 51px;/*画像の高さ*/
  background-image: url("22schedule-img/end-soon.png");
  background-size: contain;
  vertical-align: middle;}


table td.es div img{width:100%;}


table td.cs div{width:100%; position:relative; padding:1%; height:auto; background:#FF5F00; box-sizing:border-box; display:block;}
table td.cs div p:nth-child(1){font-size:13px; font-weight:bold; color:#fff; top:0; left:0; background:#FF5F00; padding:1.5% 2.5% 1.5%; width:100%; z-index:999; box-sizing:border-box; margin:0;}
table td.cs div p:nth-child(2){font-size:15px; font-weight:bold; color:#000; top:0; left:0; background:#fff; padding:1.5% 2.5% 1.5%; width:100%; margin:0; box-sizing:border-box;}
table td.cs div p:nth-child(3){font-size:13px; font-weight:bold; color:#fff; top:0; left:0; background:#FF5F00; padding:1.5% 2.5% 1.5%; width:100%; z-index:999; box-sizing:border-box; margin:0;}
table td.cs div p:nth-child(4){font-size:15px; font-weight:bold; color:#000; top:0; left:0; background:#fff; padding:1.5% 2.5% 1.5%; width:100%; margin:0; box-sizing:border-box;}
table td.cs div p span{font-size:14px; margin:0 3px;}
table td.cs div p span{font-size:14px; margin:0 3px;}
table td.cs div a{opacity:1.0; display:block; position: relative;}
table td.cs div a:hover{opacity:1.0;}
table td.cs div a img:hover{opacity:1.0;}
table td.cs div a img{width:100%; display:block;}

table td.cs div a:before{content:""; background:rgba(0,0,0,0.4); display:block; position: absolute; height:100%; width:100%;}
table td.cs div a:hover:before{background:none;}
a:hover > img{opacity: 1.0;}


table td.end div{width:100%; position:relative; padding:1%; height:auto; background:#333; box-sizing:border-box; display:block;}
	table td.end div br{display:none;}
table td.end div p:nth-child(1){font-size:13px; font-weight:bold; color:#fff; top:0; left:0; background:#333; padding:1.5% 2.5% 1.5%; width:100%; z-index:999; box-sizing:border-box; margin:0;}
table td.end div p:nth-child(2){font-size:15px; font-weight:bold; color:#000; top:0; left:0; background:#fff; padding:1.5% 2.5% 1.5%; width:100%; margin:0; box-sizing:border-box;}
table td.end div p:nth-child(3){font-size:13px; font-weight:bold; color:#fff; top:0; left:0; background:#333; padding:1.5% 2.5% 1.5%; width:100%; z-index:999; box-sizing:border-box; margin:0;}
table td.end div p:nth-child(4){font-size:15px; font-weight:bold; color:#000; top:0; left:0; background:#fff; padding:1.5% 2.5% 1.5%; width:100%; margin:0; box-sizing:border-box;}
table td.end div p span{font-size:14px; margin:0 3px;}
table td.end div p span{font-size:14px; margin:0 3px;}
table td.end div a{opacity:1.0; display:block; position: relative;}
table td.end div a:hover{opacity:1.0;}
table td.end div a img:hover{opacity:1.0;}
table td.end div a img{width:100%; display:block;}
table td.end div a:before{content:""; background:rgba(0,0,0,0.4); display:block; position: absolute; height:100%; width:100%;}
table td.end div a:hover:before{background:none;}
a:hover > img{opacity: 1.0;}

/*
table td.end div{width:100%; position:relative; padding:1%; height:auto; background:#333; box-sizing:border-box; display:flex;}
table td.end div p:nth-child(1){font-size:16px; font-weight:bold; color:#fff; top:0; left:0; background:#333; padding:1.5% 2.5% 0%; width:28%;}
table td.end div p span{font-size:14px; margin:0 3px;}
table td.end div a{width:72%; opacity:0.6;}
table td.end div a:hover{opacity:1.0;}
table td.end div a img{width:100%;}
*/

td{position:relative;}
td.es:before,td.sale:before{
	content:"";
	display:block;
	position:absolute;
	left:-5%;
	top:35%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
}

td.end:before{
	content:"";
	display:block;
	position:absolute;
	left:-5%;
	top:35%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right: 20px solid #333;}

td.cs:before{
	content:"";
	display:block;
	position:absolute;
	left:-5%;
	top:35%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right: 20px solid #FF5F00;}


td.bg-yellow div{background:#b1a300;}
td.bg-yellow div p{background:#b1a300;}
td.bg-yellow:before{border-right: 35px solid #b1a300;}

td.bg-red div{background:linear-gradient(-90deg, #b8751e 5%,#ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);}
td.bg-red div p{background:linear-gradient(-90deg, #e1ce08 1%, #b8751e 100%);}
td.bg-red:before{border-right: 20px solid #b8751e;}

td.bg-blue div{background:linear-gradient(-90deg, #757575 5%, #9E9E9E 37%, #E8E8E8 50%, #9E9E9E 63%, #757575 100%);}
td.bg-blue div p{background:linear-gradient(-90deg, #9E9E9E 20%, #757575 90%);}
td.bg-blue div img{display:block;}
td.bg-blue:before{border-right: 35px solid #757575;}
}