@charset "utf-8";
/* CSS Document */
 @media screen and (min-width : 901px) {/* large */
 #main {
background:url(../img/topbg.jpg) center no-repeat;
text-align: center;
background-size: cover;
width: 100%;
min-width:700px;
padding: 0 0 3% 0;
}
.txt_ttl {
font-size: 130%;
margin: 0 0 0.5em 0;
font-weight: bold;
}
.txt_intro {
font-size: 100%;
margin: 0.5em auto 0 auto;
text-align: center;
}
/*--- 配信ガイドライン  ---*/
#guideline {
background: #f9f9f9;
opacity: 0.8;
padding: 0.5em 2em 0.5em 2em;
color: #333;
text-align: left;
max-width: 55%;
margin: 0 auto 0 auto;
font-size: 90%;
border: 2px solid #da8241;

}

#guideline p{
line-height: 1.5;
}

#guideline h4 {
margin: 0 0 -0.5em 0;

}

#guideline h3 {
font-size: 150%;
text-align:  center;
line-height: 1.3;
margin: 1em 0 0.5em 0;
}

#guideline img {
text-align: center;
max-width: 15%;
}

.guideline_btnbox {
margin: 1em auto 1em auto;
text-align: center;
}

#guideline a:link {
color: #e46600;
text-decoration: underline;
}

#guideline ul {
padding: 0 0 0 1em;
}

#guideline li {
list-style-position: outside;
padding-top:0.5em;
padding-bottom:0.5em;
list-style: none;
line-height: 1.3;
}

.disc{
list-style: disc !important;
list-style-position: inside;
margin: 0 0 0 1em;
}
/*--- 配信ガイドライン  ---*/
 }
  @media screen and (max-width : 900px) {/* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small */
   #main {
background:url(../img/topbg.jpg) center no-repeat;
text-align: center;
background-size: cover;
width: 100%;
min-width:700px;
padding: 0 0 10% 0;
}
.txt_ttl {
font-size: 200%;
margin: 0 0 0.5em 0;
font-weight: bold;
}
.txt_intro {
font-size: 170%;
margin: 0.5em auto 2em auto;
max-width: 560px;
line-height: 150%
}
/*--- 配信ガイドライン  ---*/
#guideline {
background: #f9f9f9;
opacity: 0.8;
padding: 0.5em 1.5em 0.5em 1.5em;
color: #333;
text-align: left;
max-width: 90%;
margin: 0 auto 0 auto;
font-size: 130%;
border: 2px solid #da8241;

}

#guideline p{
line-height: 1.5;
}

#guideline h4 {
margin: 0 0 -0.5em 0;

}

#guideline h3 {
font-size: 120%;
text-align:  center;
line-height: 1.3;
margin: 1em 0 0.5em 0;
}

#guideline img {
text-align: center;
max-width: 50%;
}

.guideline_btnbox {
margin: 1em auto 1em auto;
text-align: center;
}

#guideline a:link {
color: #e46600;
text-decoration: underline;
}

#guideline ul {
padding: 0 0 0 1em;
}

#guideline li {
list-style-position: outside;
padding-top:0.5em;
padding-bottom:0.5em;
list-style: none;
line-height: 1.3;
}

.disc{
list-style: disc !important;
list-style-position: inside;
margin: 0 0 0 1em;
}
/*--- 配信ガイドライン  ---*/
 }


#main_ttl {
margin:  1em auto 0.5em auto;
}

#main_catch {
margin:  1em auto 1em auto;
display: block;
text-align: center;
}

.main_bana {
margin: 0 auto 0 auto;
max-width: 95%;
}


#list {
background:url(../img/bg.gif) repeat;
text-align: center;
width: 100%;
min-width:700px;
padding: 3% 0 0 0;
}

.txt {
margin: 1em 0 2em 0 ;
}

.box_ttl {
margin: 0 auto 2em auto;
}




.txt_copy {
margin: 5em auto 0 auto;
padding: 0 0 1em 0;
}