@charset "UTF-8";
*{
  margin: 0;
  padding: 0;
}

body {
  font-family: 'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic','ＭＳ ゴシック',sans-serif;  color:#fff;
  background-color: #000;
  width:100%;
  height:100%;
	margin:0;
	padding:0;
  box-sizing:border-box;
}

a {color: #ff0;}

.center{text-align:center;}

#header {width: 60%; margin: 0 auto;}
#header img {width: 100%;}

.info {width: 60%; margin: 0 auto 3%; font-size: 18px; text-align: center;}

#footer {width: 60%; margin: 0 auto; padding: 0 0 2%; box-sizing: border-box;}
.f_banner {width: 100%;}
.f_banner img {width: 22%; margin: 0 1%;}

/***** ▶wrap *****/
#wrap {width: 60%; margin: 2% auto; border: 5px solid #ffff00; padding: 2%; box-sizing: border-box; font-size: 21px;}
.wrap_title {font-size: 1.9vw; text-align: center;}

/***** ▶grandprix *****/
#grandprix {width: 60%; margin: 0 auto;}
.g-left {width: 48%; display: inline-block; margin-right: 2%;}
.g-right {width: 48%; display: inline-block; vertical-align: top;}

.star1 {width: 100%;}
.star1 img{width: 16%;}
.g-title1 {font-size: 2.5vw; vertical-align: text-bottom; font-weight: bold; color: #ffff00;}
.g-txt1 {font-size: 26px; font-weight: bold;}
.g-txt1-1 {font-size: 16px; margin-bottom: 2%;}
ul.att1>li {list-style: none; text-indent: -1em; margin-left: 2%; font-size: 15px; font-weight: normal;}
ul.att1>li:before {display: inline; content: "※";}

.star2 {width: 100%;}
.star2 img{width: 13%;}
.g-title2 {font-size: 2.1vw; vertical-align: text-bottom; font-weight: bold; color: #ffff00; margin-left: 1%;}
.g-txt2 {font-size: 26px; font-weight: bold; margin-bottom: 2%;}
ul.att2>li {list-style: none; text-indent: -1em; margin-left: 2%; font-size: 15px; font-weight: normal;}
ul.att2>li:before {display: inline; content: "※";}

/***** ▶entry *****/
#entry {width: 60%; margin: 3% auto 0;}
.entry-title1 {width: 30%; background-color: #ffff00; color: #000; font-size: 26px; font-weight: bold; text-align: center; padding: 1%; box-sizing: border-box;}
.t-txt {font-size: 26px; font-weight: bold; margin: 1% 0 4%;}
.att2 {font-size: 16px; font-weight: normal; margin-left: 2%;}

.t-box {background-color: #fff; color: #000; margin: 1% 0; padding: 2%; box-sizing: border-box;}
.entry-title2 {font-size: 26px; color: #ffff00; font-weight: bold;}
.entry-title2-day {font-size: 18px; color: #ffff00; font-weight: bold;}
.entry-txt1 {font-size: 26px; color: #fff; font-weight: bold;}
.entry-txt2 {font-size: 20px; color: #fff; font-weight: bold;}
.entry-txt3 {font-size: 20px; color: #fff;}
.entry-txt4 {font-size: 16px; color: #fff;}

.t-box2 {position: relative; color: #fff; margin: 0 auto 2rem; padding: 2%; border: 2px solid #ff0; box-sizing: border-box;}
.t-box2-title {position: absolute; top: -0.5em; left: 1em; background-color: #000; color: #ff0; padding: 0 2%; font-size: 26px; font-weight: bold; line-height: 1; display: inline-block; width: auto; max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.t-box2-textarea {padding: 2%;}



.btm1 {width: 320px; line-height: 50px; text-align: center; font-size: 22px; background-color: #de024a; font-weight: bold; box-sizing: border-box;margin: 0 auto;}
#entry .btm1 a {display: block; padding: 2%;}
.btm1 a:link {color: #fff; text-decoration: none;}
.btm1 a:visited {color: #fff; text-decoration: none;}

/***** ▶schedule *****/
#schedule {width: 60%; margin: 4% auto 1%;}
.s-title1 {width: 30%; background-color: #ffff00; color: #000; font-size: 26px; font-weight: bold; text-align: center; padding: 1%; box-sizing: border-box;}
.s-txt1 {font-size: 26px; font-weight: bold; margin: 1% 0 4%;  color: #ffff00;}
.s-txt2 {font-size: 26px; font-weight: bold; margin: 1% 0 4%;  color: #fff; margin-left: 2%;}
.att3 {font-size: 16px; font-weight: normal; color: #fff; display: block;}


/***** ▶大阪芸大HPボタン *****/
.btm2 {width: 60%; margin: 0 auto 5%; text-align: center; font-size: 22px; background-color: #de024a; font-weight: bold; box-sizing: border-box;}
.btm2 a {display: block; padding: 1%;}
.btm2 a:link {color: #fff; text-decoration: none;}
.btm2 a:visited {color: #fff; text-decoration: none;}



/*----------------------------------------------------*/
/*------------------ 960pxまで適応 --------------------/
/*----------------------------------------------------*/

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

#header {width: 100%; margin: 0 auto;}

.info {width: 90%; margin: 6% auto 14%; font-size: 14px; text-align: unset;}

/***** ▶wrap *****/
#wrap {
  width: 90%;
  margin: 2% auto 6%;
  border: 3px solid #ffff00;
  padding: 2%;
  box-sizing: border-box;
  font-size: 14px;
}
.wrap_title {font-size: 20px; text-align: center;}

/***** ▶grandprix *****/
#grandprix {width: 90%; margin: 0 auto 10%;}
.g-left {width: 100%; display: block; margin-right: 0%;}
.g-right {width: 100%; display: block;}

.star1 img {width: 20%;}
.star2 img {width: 18%;}
.star3 img {width: 20%;}

.g-title1 {font-size: 33px;}
.g-txt1 {font-size: 21px; margin-bottom: 10%;}

ul.att1>li {margin-left: 4%;}

.g-title2 {font-size: 33px;}
.g-txt2 {font-size: 21px;}

/***** ▶entry *****/
#entry {width: 90%; margin: 5% auto 0;}
.entry-title1 {width: 68%; background-color: #ffff00; font-size: 22px;}
.t-box {color: #000; margin: 2% 0 1%;}
.t-txt {font-size: 21px;}
.att2 {font-size: 15px; }

.entry-title2 {font-size: 21px;}
.entry-txt1 {font-size: 21px;}
.entry-txt2 {font-size: 16px;}
.entry-txt3 {font-size: 16px;}
.entry-txt4 {font-size: 12px;}
.entry-title2-day {font-size: 15px;}
	
.t-box2-title {font-size: 21px;}

.btm1 {width: 300px; font-size: 18px;}

/***** ▶schedule *****/
#schedule {width: 90%;}
.s-title1 {width: 50%; font-size: 21px;}
.s-txt1 {font-size: 21px;}
.s-txt2 {font-size: 20px; display: block; margin: 1% 0 1%; margin-left: 0%;}
.att3 {font-size: 14px;}
.btm2 {width: 90%; font-size: 18px;}

/***** ▶footer *****/
#footer {width: 100%; font-size: 14px; margin: 7% 0 2%;}
.f_banner img {width: 44%; margin: 1% 1%; vertical-align: bottom;}

}