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

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

a:hover{
	opacity:0.8;
}

img{
	max-width:100%;
}

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

header {
	margin:0;
	background:#fff;
	line-height: 1.0;
}

header article{
	width:100%;
	margin: 0 auto;
	padding:0 0 15px;
}

h1{
	width:100%;
	margin:0 auto;
	text-align: center;
	line-height: 0;
}

h1 img{
	width:100%;
}

.credit{
	text-align: right;
	font-size:3.0vw;
	margin:5px 0;
	color:#0053c9;
	padding: 0 10px;
}

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

/*::::::::::nav::::::::::*/

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

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;
}

/*::::::::::nav::::::::::*/

/*::::::::::line::::::::::*/

p.line {
	display:table;
	width:100%;
}

p.line span {
	display: table-cell;
}

p.line span:first-child {
	white-space: nowrap;
	width: 20px;
	padding:0 10px 0 0;
	font-size:4.0vw;
	font-weight:700;
}

p.line span:last-child {
    line-height: 1;
}

p.line span.text_blue{
	color:#014099;
}

p.line span.bg_blue{
	background: url(../img/report/line_blue.png) 100% 50% no-repeat;
    background-size: 100% 1px;
}

p.line span.text_white{
	color:#fff;
}

p.line span.bg_white{
	background: url(../img/report/line_white.png) 100% 50% no-repeat;
    background-size: 100% 1px;
}

/*::::::::::line::::::::::*/

.photo_max{
	margin:10px 0;
	text-align: center;
}

img.height{
	width:80%;
}

/*::::::::::prologue::::::::::*/

.prologue{
	margin:0;
	background:#fff;
	line-height: 1.0;
}

.prologue article {
	padding: 0 10px;
}

/*text*/

.prologue article div.text{
	padding:20px 0 10px;
	font-size:3.6vw;
	line-height: 1.6;
	letter-spacing: 0.04em;
	font-weight:400;
}

.prologue article div.text ul {
	display:table;
	width:100%;
}

.prologue article div.text ul li {
	display:table-cell;
	vertical-align: top;
}

.prologue article div.text ul.photo{
	margin: 0 0 10px 0;
}

.prologue article div.text ul.photo  li:last-child{
	text-align: right;
}

.prologue article div.text ul.photo li img{
	width:97%;
}

/*::::::::::prologue::::::::::*/

/*::::::::::event::::::::::*/
.event{
	margin:0;
	background:#39a0ed url(../img/bluebg_sp.png) 50% 0 repeat;
	background-size:100%;
	line-height: 1.0;
}

.event article {
	margin: 0 auto;
	padding:20px 10px;
}

/*text*/

.event article div.text{
	padding:10px 0 ;
	font-size:3.6vw;
	line-height: 1.6;
	letter-spacing: 0.04em;
	font-weight:400;
	color:#fff;
}

.event article div.text ul {
	display:table;
	width:100%;
}

.event article div.text ul li {
	display:table-cell;
	vertical-align: top;
}

.event article div.text ul.photo{
	margin: 10px 0 ;
}

.event article div.text ul.setlist{
	margin: 10px 0 0;
}

.event article div.text ul.photo  li:last-child{
	text-align: right;
}

.event article div.text ul.photo_small{
	margin: 0 0 10px;
}

.event article div.text ul.photo_small li{
	text-align: center;
}

.event article div.text ul.photo li img{
	width:97%;
}

.event article div.text p.text_most{
	padding:30px 0 0;
	font-size:5.0vw;
	font-weight: 700;
}

.radiko{
	margin-top:20px;
	line-height: 0;
}

.radiko img{
	width:100%;
}
/*::::::::::event::::::::::*/

/*::::::::::navy::::::::::*/

.navy{
	margin:0;
	background:#07182f;
	line-height: 1.0;
}

.navy article {
	margin: 0 auto;
	padding:20px 10px;
}
/*text*/

.navy article div.text{
	padding:10px 0;
	font-size:4.6vw;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-weight:400;
	color:#fff;
}

.navy article div.text ul {
	display:table;
	width:100%;
}

.navy article div.text ul li {
	display:table-cell;
	vertical-align: top;
}

.navy article div.text ul.photo{
	margin: 10px 0 ;
}

.navy article div.text ul.photo  li:last-child{
	text-align: right;
}

.navy article div.text ul.photo li img{
	width:97%;
}

.navy article div.text p.text_most{
	padding:20px 0;
	font-size:7.2vw;
	font-weight: 700;
}
/*::::::::::navy::::::::::*/

/*::::::::::after::::::::::*/

.after{
	margin:0;
	background:#ffe519;
	line-height: 1.0;
}

.after article {
	margin: 0 auto;
	padding:20px 10px;
}
/*text*/

.after article div.text{
	padding:10px 0;
	font-size:3.6vw;
	line-height: 1.6;
	letter-spacing: 0.04em;
	font-weight:400;
	color:#333;
}

.after article div.text span{
	color:#39a0ed;
}

.after article div.text ul {
	display:table;
	width:100%;
}

.after article div.text ul li {
	display:table-cell;
	vertical-align: top;
}

.after article div.text ul.photo{
	margin: 10px 0 ;
}

.after article div.text ul.photo  li:last-child{
	text-align: right;
}

.after article div.text ul.photo li img{
	width:97%;
}

.video{
	padding:10px 0;
}

.video iframe{
	width:100%;
	height:30vh;
}

.backtop{
	background:#000;
	margin:20px auto;
	text-align: center;
}

.backtop a{
	display:block;
	padding:10px 0;
	color:#fff;
	text-decoration: none;
	font-size:5.0vw;
}

/*::::::::::after::::::::::*/

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

footer{
	border-top:1px solid #0053c9;
	border-bottom:1px solid #0053c9;
	margin-bottom: 2px;
	padding:30px 0 5px;
}

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

.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%;
}

.copyright{
	font-weight:700;
	font-size:3.0vw;
	text-align: center;
}

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

#pagetop img{
	width:70%;
}