<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.sphone-oubo,
#sphone-header,
#sphone-footer {
  display: none;
}

a:link {
  color: orange;
}

a:hover {
  color: orange;
  text-decoration: none;
}

a:visited {
  color: #ffc31e;
}

a:active {
  color: #ffe13c;
}

#wrapper {
  font-size: 16px;
  line-height: 1.8em;
}

#container {
  width: 100%;
  background: #fffefd;
}
#container h1 {
  background: url(../img/bg.jpg) center;
  background-size: auto 100%;
  width: 100%;
  max-height: 350px;
  padding: 0;
  margin: 0;
  text-align: center;
}
#container h1 img {
  width: 100%;
  max-width: 800px;
  height: auto;
  width: auto;
  /*IE8*/
}

.main {
  margin: 0 auto;
  padding-bottom: 20px;
  color: black;
  max-width: 800px;
}

.main p {
  padding: 10px 20px;
}
.main p.str {
  font-size: 110%;
  color: red;
  font-weight: bold;
}
.main p.image {
  text-align: center;
}
.main p.image img {
  width: 90%;
  max-width: 580px;
  height: auto;
  width: auto;
  /*IE8*/
}
.main p.oubo {
  float: right;
  width: 250px;
  text-align: center;
  background: white;
  border: 5px solid white;
  margin-right: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid #cccccc;
  margin-left: 10px;
}
.main p.oubo img {
  padding: 3px;
}
.main ul {
  padding: 10px 20px 10px 40px;
  list-style-type: circle;
}

.main ul li.prerequisite{
	list-style:none;
	text-align:center;
	font-weight: bold;
	margin-left: -20px;
}

.main .att {
  font-size: 80%;
}

.main .att span.tit {
  text-align: center;
  font-weight: normal;
  font-size: 120%;
  display: block;
  background: #EDC28C;
  padding: 5px;
  margin: 10px 0;
}

.main .line_att {
  font-size: 100%;
}

.main .line_att span.line_tit {
  text-align: center;
  font-weight: normal;
  font-size: 120%;
  display: block;
  background: #5AE628;
  padding: 5px;
  margin: 10px 0;
  color: #fff;
}

.main .sns {
  float: right;
  padding: 20px 20px 0 0;
}
.main .sns li {
  list-style-type: none;
}
.main .present {
  clear: both;
  text-align: center;
  width: 100%;
  background-color: #FFFCEA;
  border: 5px #FFE16B solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main .present h2 {
  background-color: #FFE16B;
  font-size: 120%;
  color: #662602;
  padding: 3px;
  text-align: center;
}
.main .present h2 span {
  color: #FF8044;
}
.main .present ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
.main .present ul li {
  width: 40%;
  display: inline-block;
  list-style-type: none;
  font-size: 90%;
  line-height: 1.5em;
  padding: 2%;
}
.main .present ul li .tit {
  display: block;
  text-align: center;
  font-size: 120%;
  color: #ff0000;
  font-weight: bold;
}
.main .present ul li img {
  width: 100%;
}

.main .present ul li:nth-last-child(1) {
  border-right: none;
}

/*clearfix*/
.main .clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.main .clearfix {
  display: inline-block;
  clear: both;
}

.pc-footer {
  text-align: center;
  background: #fff;
  font-weight: bold;
}
.pc-footer img {
	width: 100%;
  border: 1px solid #cccccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  vertical-align: middle;
  padding: 0.5em;
}

@media screen and (max-width: 770px) {
  #common-header,
  .init-ad-wrapper,
  .oubo,
  .pc-footer,
  #footer {
    display: none;
  }

  .sphone-oubo,
  #sphone-header,
  #sphone-footer {
    display: block;
  }

  #wrapper {
    font-size: 14px;
    line-height: 1.7em;
  }

  #container h1 img, .main p.image img {
    width: 100%;
	vertical-align: bottom;
  }

  .att {
    line-height: 1.7em;
  }

  .sns {
    float: left;
    position: relative;
    text-align: left;
    padding-top: 0px;
    padding-left: 10px;
    top: 0;
  }
  .sns li#tweet_btn, .sns li#facebook_btn {
    width: 37%;
  }

  .present {
    text-align: center;
    width: 84%;
    background: #ffffff;
    border: 2px #7e5012 solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: 7%;
  }
  .present h2 {
    background: #7e5012;
    font-size: 120%!important;
    color: #ffffff;
    padding: 3px;
    font-weight: bold;
  }
  .present ul {
    width: 100%;
    padding: 10px;
  }
  .present ul li {
    width: 90%!important;
    margin: 0 auto;
    padding: 5%;
    display: block;
    float: none!important;
    border-right: 0!important;
    list-style-type: none;
  }
  .present ul li .tit {
    display: block;
    font-size: 140%;
    color: #ff0000;
    font-weight: bold;
  }
  .present ul li img {
    width: 80%!important;
  }
  .present ul li:nth-last-child(1) {
    border-bottom: none;
  }



	
	.main { padding: 0.5em;}
	.main .clearfix{ display: block; clear: none;}
	.main .present{ width: auto; margin: 0 auto;}
	.main .present h2{ padding-top: 0;}
	.main .present &gt; p{ padding: 0.5em;}
	.main .present ul li{ padding: 0.5em;}
	.main .sphone-oubo{ margin: 0 auto; padding: 0;}
	.main ul{ list-style-type: disc; padding: 0.5em 0.5em 0.5em 1.5em;}
	.main p{ padding: 0;}
	.main .att span.tit{ margin: 0 0 0.5em 0;}
	.main #sns{ margin-top: 0.5em;}
	.main .sns{ padding: 0; float: none;}
	.main .sns ul{ margin: 0.5em; padding: 0;}









}
/* sphone head foot default css */
#sphone-header {
  height: 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.4, #f7f7f7));
  background-image: -moz-linear-gradient(-90deg, white 0%, #f7f7f7 40%);
  background-image: linear-gradient(-90deg, #ffffff 0%, #f7f7f7 40%);
  border-bottom: 1pa solid #979797;
  width: 100%;
}

#tvasahiLogo a {
  display: block;
  width: 114px;
  height: 40px;
  text-indent: -9999px;
  -moz-background-size: 114px 24px;
  -webkit-background-size: 114px 24px;
  -o-background-size: 114px 24px;
  -ms-background-size: 114px 24px;
  background-image: url(/sphone/images/logo_tvasahi_x2.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  float: left;
  margin-left: 5px;
}

#search {
  margin: 6px 5px 0 0;
  float: right;
}

#search #inputKeyword {
  width: 100px;
}

#inputKeyword {
  height: 25px;
  padding: 0 5px;
  border: 0;
  -webkit-box-shadow: inset 1px 1px 2px 0px #b2b2b2;
  -moz-box-shadow: inset 1px 1px 2px 0px #b2b2b2;
  box-shadow: inset 1px 1px 2px 0px #b2b2b2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #dfdede));
  background-image: -moz-linear-gradient(-90deg, #fbfbfb 0%, #dfdede 100%);
  background-image: linear-gradient(-90deg, #fbfbfb 0%, #dfdede 100%);
  float: left;
}

#submitKeyword {
  width: 25px;
  height: 25px;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
  background-image: url(/sphone/common_program/images/btn_submit.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #656d77), color-stop(1, #3a3e44));
  background-image: url(/sphone/common_program/images/btn_submit.png), -moz-linear-gradient(-90deg, #656d77 0%, #3a3e44 100%);
  background-image: url(/sphone/common_program/images/btn_submit.png), linear-gradient(-90deg, #656d77 0%, #3a3e44 100%);
  background-repeat: no-repeat, repeat;
  background-position: 50% 50%, 0 0;
  float: right;
}

#sphone-footer {
  background-color: #ffffff;
}

#sphone-footer p.txt {
  margin-top: 20px;
  text-align: center;
  font-size: 80%;
  line-height: 1.2em;
  color: #3b3b3b;
}

#globalNavi {
  background-color: #b0b4b5;
  padding: 2px 3px;
}

#globalNavi li {
  float: left;
  width: 25%;
}

#globalNavi li a {
  display: block;
  height: 44px;
  text-indent: -9999px;
  margin: 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 6px 0px #555555;
  -moz-box-shadow: inset 0px 0px 6px 0px #555555;
  box-shadow: inset 0px 0px 6px 0px #555555;
  border-top: solid 1px #505151;
  border-right: solid 1px #c8cbcb;
  border-bottom: solid 1px #d2d4d4;
  border-left: solid 1px #747777;
  background-repeat: no-repeat, repeat;
  -moz-background-size: 100px 400px, auto;
  -webkit-background-size: 100px 400px, auto;
  -o-background-size: 100px 400px, auto;
  -ms-background-size: 100px 400px, auto;
  background-image: url(/sphone/images/btn_global_navi_x2.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #a5a4a4), color-stop(1, #787777));
  background-image: url(/sphone/images/btn_global_navi_x2.png), -moz-linear-gradient(-90deg, #a5a4a4 0%, #787777 100%);
  background-image: url(/sphone/images/btn_global_navi_x2.png), linear-gradient(-90deg, #a5a4a4 0%, #787777 100%);
}

#globalNavi li a:hover,
#globalNavi li a:active {
  background-image: url(/sphone/images/btn_global_navi_x2.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #1ea1b5), color-stop(1, #147190));
  background-image: url(/sphone/images/btn_global_navi_x2.png), -moz-linear-gradient(-90deg, #1ea1b5 0%, #147190 100%);
  background-image: url(/sphone/images/btn_global_navi_x2.png), linear-gradient(-90deg, #1ea1b5 0%, #147190 100%);
}

a.gNaviBangumi {
  background-position: 50% -3px, top left;
}

a.gNaviNews {
  background-position: 50% -53px, top left;
}

a.gNaviDrama {
  background-position: 50% -103px, top left;
}

a.gNaviVariety {
  background-position: 50% -153px, top left;
}

a.gNaviMusic {
  background-position: 50% -203px, top left;
}

a.gNaviSports {
  background-position: 50% -253px, top left;
}

a.gNaviAnime {
  background-position: 50% -303px, top left;
}

a.gNaviCooking {
  background-position: 50% -353px, top left;
}

#toRoot {
  text-align: center;
}

#toRoot a:link,
#toRoot a:visited {
  width: 80%;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  padding: 0.5em;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, lightgrey));
  background-image: -moz-linear-gradient(top, white 0%, lightgrey 100%);
  background-image: linear-gradient(top, #ffffff 0%, #d3d3d3 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0px 1px 0px white;
  -ms-box-shadow: -2px -2px 2px rgba(51, 51, 51, 0.5);
  color: #4c4c4c;
  border: solid 1px #a6a6a6;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  display: block;
}

#copyright {
  margin-top: 10px;
  text-align: center;
  font-size: 0.5em;
  background: #434343;
  padding: 10px;
  color: #fff;
}


/* sp_footer footer_contents */

#sphone-footer .divider h2{
	padding: 8px;
	border-radius: 4px 4px 0 0;
	background-color: #F00480;
	color: white;
	font-weight: bold;
}
#sphone-footer .sphone-fotter-h3 { 
	font-size: 0.8em;
	font-weight: bold;
	margin-left: 0.5em;
}

#sphone-footer .content-unit {
	font: 13px Arial,Helvetica,sans-serif;
	padding: 0.5em 0.5em 0;
}

#sphone-footer .content-unit a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-decoration: none;
	color: inherit;
}

#sphone-footer .content-unit .wrapper {
	background-color: white;
	border: 1px solid;
	border-color: #e5e5e5 #dbdbdb #d2d2d2;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
	box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
}

#sphone-footer .content-unit li { border-bottom: 1px solid #ccc; background-color: white;}
#sphone-footer .content-unit li:last-child { border-bottom: none; -webkit-border-radius: 5px; border-radius: 5px;}
#sphone-footer .content-unit li a { padding: 0.5em; display: block;}


#sphone-footer  #topics .content-list a { padding: 8px;}


#sphone-footer .table-cell-wrap { display: table; width: 100%;}
#sphone-footer .table-cell-wrap&gt;* {
	display: table-cell;
	vertical-align: middle;
	max-width: 1px;
}

#sphone-footer .table-cell-wrap h3 {
	font-weight: bold;
}

#sphone-footer .content-list .thumb { width: 88px; vertical-align: top;}

#sphone-footer .alignleft { float: left;}

#sphone-footer .content-list .thumb img { width: 80px; height: auto;}

#sphone-footer p.subtext { font-size: 12px; line-height: 1.3em; color: #777; }

#sphone-footer .arrow-cell { width: 18px; text-align: right;}

#sphone-footer .icon-arrow { height: 11px; width: 10px; background-position: 0 -2509px;}

#sphone-footer .sprite {
	background-image: url('/sphone/images/common_footer/sprite.png');
	background-repeat: no-repeat;
	-webkit-background-size: 114px auto;
	-moz-background-size: 114px auto;
	-o-background-size: 114px auto;
	background-size: 114px auto;
	display: inline-block;
	text-indent: -9999px;
	vertical-align: middle;
}


#sphone-footer .footer_contents{ font-size: 12pt; padding: 0.5em 8px 0; border-top: solid 2px #B0B4B5;}
#sphone-footer .footer_contents_field{
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
#sphone-footer .footer_contents_field &gt; p:first-child{
	color: white;
	font-weight: bold;
	background-color: #F00480;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding: 10px 8px;
}

#sphone-footer .intro_field a{ color: #4c4c4c; padding: 8px; display: block;}
#sphone-footer .intro_field a:hover{ text-decoration: none;}

#sphone-footer .contents_img{ float: left;}
#sphone-footer .contents_img img{ width: 80px; height: auto;}

#sphone-footer .contents_text{ margin-left: 88px;}
</pre></body></html>