@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	background: #231815;
	color: #000000;
	font-family: Helvetica, ArialMT,"Noto Sans Japanese","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	line-height: 1;
	width: 100%;
}

a:link {
	color:#ffcc00;
	text-decoration: underline;
}
a:visited {
	color:#ffcc00;
	text-decoration: underline;
}

img{
	max-width:100%;
}

/***********************************************/

header {
	text-align: center;
}

header img{
	width:100%;
}

header p.mail{
	padding:20px 10px 5px;
}

header p a{
	font-size:12px;
}
/***********************************************/

nav {
	background: rgba(255,168,0,0.5);
	position: fixed;
	top: 0;
	right: 0;
	display:table;
	width:100%;
	padding:5px 0;
	z-index: 1;
}

nav p {
	display:table-cell;
}

nav p.radiko{
	padding-left:5px;
}

nav p.social{
	padding-right:3px;
	text-align: right;
}

nav p.social a img{
	margin-right:2px;
}
/***********************************************/

form{
	padding:40px 0 10px;
	text-align: center;
	color:#fff;
}

form input[type="image"]{
	width:15%;
}

form p{
	font-size:10px;
	padding:5px 0 20px;
}

.photo{
	padding:0 5px;
}

.photo ul{
	text-align: left;
	margin:0;
}

.photo ul li{
	display:inline-block;
	width:32%;
	margin:2px 0.5px;
	text-align: center;
}

.photo ul li img{
	width:100%;
}

.mail{
	padding:20px 10px 50px;
}

.mail img{
	max-width: 100%;
	display:block;
	margin:0 auto;
}

.message{
	padding:10px 0;
	line-height: 1.4;
	font-size:12px;
}

.name{
	font-weight:700;
	text-align: right;
	font-size:12px;
	line-height: 1.4;
	color:#ffcc00;
}

/***********************************************/
footer {
	margin:0;
	padding: 50px 0 20px;
}

.sollogo {
	text-align: center;
}

.sollogo img {
	width:28%;
}

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

#pagetop img{
	width:70%;
}

#CopyRight {
	background:#000;
    color: #fff;
    font-size: 9px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

/***********************************************/