@charset "utf-8";

body {
	background: #fff;
	color: #333;
}

input:focus {
	outline: 0;
}

/*::::::::::header::::::::::*/

header{
	margin:0;
}

nav{
	background:#fff;
	position:fixed;
	top:0;
	width:100%;
	border-bottom:1px solid #0053c9;
}
/*::::::::::header::::::::::*/

.artist{
	line-height: 0;
}

/*::::::::::form::::::::::*/

.message{
	background: #ffe519;
}

.shimekiri{
	text-align: center;
}

form{
	line-height:1.4;
	font-size:14px;
}

form span{
	color:#ff3300;
}

form span.subtext{
	color:#333;
	font-size:90%;
}

input,select,textarea {
	border:1px solid #0053c9;
}

.school{
	height:1em;
}

.notice{
	font-size:90%;
	margin:15px 0;
}

.notice p{
	font-weight:bold;
}

.notice a{
	color:#4b2c1a;
	text-decoration: underline;
}

.subBox{
	text-align: center;
}
/*::::::::::form::::::::::*/

/*::::::::::footer::::::::::*/

footer{
	background:#fff;
	border-top:1px solid #0053c9;
}

.copyright{
	font-size:9px;
	text-align: center;
}
/*::::::::::footer::::::::::*/

/*PC*/
@media screen and (min-width: 768px)
{

html,body{
	min-width: 980px;
}

.hide_pc{
	display: none;
}

a:hover{
	opacity:0.8;
}
/*::::::::::header::::::::::*/

header {
	background:url(../img/header_bg.jpg) top center no-repeat;
	background-size:2000px;
	height:557px;
	position:relative;
}

h1{
	width:100%;
	margin:0 auto;
	text-align: center;
	position:absolute;
	top:0;
}

nav article{
	width:980px;
	margin: 0 auto;
	display:table;
}

nav article p{
	padding:5px 0;
	display:table-cell;
	text-align: left;
	color:#17409c;

}

nav article p:last-child{
	text-align: right;
}

nav img{
	vertical-align: middle;
}
/*::::::::::header::::::::::*/

.artist{
	background:/*#4f4f4f*/#e9f1f8 url(../img/artist.jpg) top center no-repeat;
	background-size:1055px;
	height:474px;
	text-align: center;
}

.artist img{
	width:1055px;
}

.blue{
	background:url(../img/bluebg_pc.png) 50% -380px repeat;
	background-size:2000px;
}

.blue article{
	width:980px;
	margin: 0 auto;
	padding:50px 0;
	text-align: center;
}

.oubo{
	margin:30px 0;
}

.report_enter{
	margin:60px 0 30px;
	position: relative;
	height:620px;
}

.report_enter p.report{
	position:absolute;
	top:0;
	left:10px;
}

.report_enter p.radiko{
	position:absolute;
	top:10px;
	right:80px;
}
	
.report_enter p.link{
	position:absolute;
	bottom:0;
	right:120px;
}

/*::::::::::form::::::::::*/

.message article{
	width:980px;
	margin: 0 auto;
	padding:60px 0;
}

/*.shimekiri{
	margin-bottom: 50px;
}*/

form ul{
	display: table;
	width:100%;
	margin:0 auto;
	border-bottom:1px dotted #fff;
}

form ul li{
	display: table-cell;
	vertical-align: top;
	padding:5px 0;
}

form ul li:first-child{
	width:300px;
}

input {
	padding:3px;
}

input:focus,textarea:focus {
	outline: 0;
}

input.zip,input.telno{
	width:100px;
}

input[type="text"] {
	width:250px;
}

textarea{
	padding:3px;
	width:500px;
	height:150px;
}

input[type="image"] {
	border:0;
	width:320px;
	padding:0;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
}

input[type="image"]:hover {
	opacity:0.8;
	cursor: pointer;
}

.thanks{
	font-size:20px;
	text-align:center;
}

.backtop{
	background:#0053c9;
	width:300px;
	margin:30px auto;
}

.backtop a{
	color:#fff;
	display:block;
	text-decoration: none;
	padding:10px 0;
}
/*::::::::::form::::::::::*/

/*::::::::::footer::::::::::*/

footer article{
	width:980px;
	margin: 0 auto;
	padding:10px 0;
}

.logo{
	display:table;
	width:800px;
	margin:20px auto 50px 115px;
}

.logo p{
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	border-right:1px solid #000;
	padding:10px 50px;
}

.logo p:last-child{
	border:0;
}

.logo p img{
	height:50px;
}

.logo p img.usg{
	height:40px;
}

#pagetop{
	display:inline;
	position:fixed;
	bottom:0;
	right:20px;
	opacity:0.7;
	width:50px;
	text-align: right;
	line-height: 0;
}

#pagetop img{
	width:50px;
}

#pagetop img:hover{
	opacity:0.6;
	cursor: pointer;
}

/*::::::::::footer::::::::::*/
}

/*SP*/
@media screen and (max-width: 767px)
{

body{
	font-size:12px;
}

.hide_sp{
	display: none;
}

img {
	max-width: 100%;
}

#oubo{
  margin-top:-40px;
  padding-top:40px;
}
/*::::::::::header::::::::::*/

header{
	line-height: 0;
	position: relative;
}

header img{
	width: 100%;
}

header p{
	position: absolute;
	bottom:10px;
	width: 100%;
}

nav article{
	width:100%;
	margin: 0 auto;
	display:table;
}

nav article p{
	padding:5px;
	display:table-cell;
	text-align: left;
}

nav article p:last-child{
	text-align: right;
}

nav img{
	vertical-align: middle;
	height:30px;
}

nav a{
	margin-left:5px;
}

/*::::::::::header::::::::::*/

.blue{
	background:url(../img/bluebg_sp.png) 0 0 repeat;
	background-size:100%;
}

.blue article{
	margin: 0 auto;
	padding:30px 10px;
	text-align: center;
}

.text{
	/*border-bottom:1px solid #ffe519;*/
	padding-bottom:20px;
}

.oubo{
	padding:10px 0;
}

.report_enter{
	margin:0 ;
}

.report_enter p.report{
	text-align: center;
}
	
.report_enter p.report a img{
	width:85%;
}

.report_enter p.radiko{
	display:inline-block;
	width:45%;
	text-align: center;
}
	

.report_enter p.link{
	display:inline-block;
	width:52%;
	text-align: left;
}
	
.report_enter p.link img{
	width:95%;
	vertical-align: top;
	margin-top:30px;
}
	
.report_enter p.radiko img{
	width:95%;
	vertical-align: top;
}
/*::::::::::form::::::::::*/

.message article{
	padding:20px 10px;
}

/*.shimekiri{
	margin-bottom: 20px;
}*/

form ul{
	display:block;
	padding:5px 0;
}

input.zip,input.telno{
	width:25%;
}

textarea{
	width:97%;
	height:100px;
}

input[type="image"] {
	border:0;
	border-radius:0;
	width:100%;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
}

.thanks{
	font-size:16px;
	text-align:center;
	padding:10px;
}

.backtop{
	background:#0053c9;
	width:100%;
	margin:30px auto;
}

.backtop a{
	color:#fff;
	display:block;
	text-decoration: none;
	padding:10px 0;
	line-height: 1;
}
/*::::::::::form::::::::::*/

/*::::::::::footer::::::::::*/
footer{
	padding:30px 0 5px;
}

.logo{
	display: table;
	width:100%;
}

.logo p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.logo p:first-child img{
	width:75%;
}

.logo p:last-child img{
	width:85%;
}

.sollogo{
	margin:30px 0;
	text-align: center;
}

.sollogo img{
	width:40%;
}

#pagetop{
	display:inline;
	position:fixed;
	bottom:0;
	right:10px;
	opacity:0.7;
	width:20%;
	text-align: right;
	line-height: 0;
}

#pagetop img{
	width:70%;
}
/*::::::::::footer::::::::::*/
}