@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


/* base
--------------------------------------------------------------------*/
* { 
	margin: 0px;
	padding: 0px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
html {
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}

body {
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;

	background: linear-gradient(-45deg, #CDF832, #32F8DD, #7832F8, #F832CD);
	background-size: 400% 400%;
	animation: Gradient 20s ease infinite;

	line-height:1.8;
}
 
@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

header {
	line-height:1.2;
}
.wrapper {
	position:relative;
	color:#fff;
 	background: linear-gradient(to top, rgba(0,0,0,0), #000 70%);
	margin-top:5px;
	height: 100vh;
}
.container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
#Main {
	position:relative;
}
div, p {
	margin:0;padding:0;
}
a {
	color:#FFF;
}
a:hover {
	color:#a3d6cc;
	text-decoration:none;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.hide-sh {
	display:block;
}
.hide-pc {
	display:none;
}
.type-none {
		list-style-type:none;
}
/* menu
--------------------------------------------------------------------*/
h1 {
	margin:0.5rem 0 1rem 0.5rem;;
	width:100px;
	height:auto;
}
nav {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#mb-menu {
	width:100%;
	list-style-type:none;

}
#mb-menu li {
	background:#000;
	padding:1rem 0.3rem;
	text-align:center;
}

.h2-large {
	padding:0.5rem 1rem ;
	font-size:1.4em;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom:1px solid #CCC;
}
.h2-release {
	padding:0.5rem 1rem ;
	font-size:1.4em;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background:rgba(255,255,255,0.3);
}
.h3-top {
	font-size:1rem;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
}

#top-img {
	position:relative;
	font-size:0.8rem;
}
.t-img {
	max-width:70%;
	height:auto;
}
#top-info {
	position:absolute;
	left:0;
	bottom:1rem;
	width:45%;
}

#live-info {
	position:absolute;
	right:0;
	top:4rem;
	width:45%;
}

.info-box,
.blog-box,
.live-box {
	background:rgba(0,0,0,0.7);
	position:relative;
	margin-top:1rem;
}
.box-inner {
	font-size:0.8rem;
	padding:1rem;
}
a.more {
	display:block;
	bottom:0;
	background:#000;
	font-size:0.8rem;
	padding:3px 10px;
	width:100%;
	text-align:center;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.more:hover {
	background:#383c3c;
	font-size:0.8rem;
	padding:3px 10px;
}
footer {
	margin:3rem 0 1rem 0;
	color:#FFF;
	width:100%;
	font-size:0.8rem;
	text-align:center;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.privacy {
	margin-right:10px;
}
.contact a {
	display:block;
}
.contact img {
	width:50px;
	padding:10px;
}
#silver {
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:0.8rem;
	width:95%;
	margin:1rem auto;
}
#silver .title {
	text-align:center;
	font-size:1.6rem;
}
.top-blog-title {
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:0.9rem;
}

/* page,single,archive
--------------------------------------------------------------------*/
.single-box {
	padding:0.2rem;
	background:rgba(0,0,0,0.5);
	padding:1rem;
}
.cat,
.day {
	font-size:small;
}
.day {
	color:#CCC;
}
.cat-tag {
	padding:2px 5px;
	background:rgba(255,255,255,0.3);
}
.post-body {
	padding:1rem;
}
.post-body img {
max-width:100%;
height:auto;
}
.widgettitle {
	padding:0.5rem 1rem;
	font-size:1rem;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom:1px solid #CCC;
}
#menu-sidebar li {
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:1rem;
	margin-left:2rem;
}
.list-box {
	font-size:0.8rem;
	border-bottom:1px dotted #ededed;
	padding:1rem 0;
	margin:bottom:0;
}
.list-box-img{
	padding-right:1rem;
}
.list-box img {
	max-width:100px;
	height:auto;
}
.tile {
}
.tile img {
	width:200px;
	height:200px;
	object-fit: cover;
}
.tile a:hover {
  opacity: 0.7;
}
.single-box .attachment {
	margin:1rem 0;
}
.mincho {
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.btn-outline-light:hover {
	color:#FFF;
	background-color:rgba(255,255,255,0.3);
}
.post-body img {
	margin:1rem 0;
}
.setlist {
	width:50%;
}
/* breadcrumb & pagenation
--------------------------------------------------------------------*/
.breadcrumb {
	padding:1.4rem 0 0 0;
	font-size:0.9rem;
	background:none;
}
.breadcrumb li {
	padding:0 0 0 1rem;
	background:url(images/arrow-right-gy.png) no-repeat;
	background-size: 5px;
	background-position:7px 7px;
	opacity:0.5;
}

.breadcrumb li:first-child{
	padding:0 0 0 0;
	background:none;
}
.pagination {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.pagination li {
	margin:2px;
	font-size:0.8rem;
	width:30px;
	height:30px;
	white-space: nowrap;
}
.pagination li a {
	width:100%;
	height:100%;
	border-radius: 50%;
	padding:5px 10px;
}

.pagination li a:hover {
	background:rgba(0,0,0,0.5);
	border-radius: 50%;
}
.pagination li.current a {
	background:rgba(0,0,0,0.5);
}
ul.page-numbers {
	list-style-type:none;
}
.previous a,
.next a {
	display:block;
	font-size:0.8rem;
	border-radius: 5px;
	padding:3px 7px;
	border:1px solid #FFF;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.previous a:hover,
.next a:hover {
	background-color:rgba(255,255,255,0.3);
	color:#FFF;
}
/* commnet
--------------------------------------------------------------------*/
#comment_area {
	width:95%;
	padding:1rem;
	margin:0 auto;
	font-size:0.8rem;
	line-height:1.2;
	background-color:rgba(0,0,0,0.3);
	margin-top:1rem;
}
#comment_area ol {
	list-style-type:none;
	font-size:0.8rem;
}
.commets-list li {
	margin:1rem 0;
}
#comment_area label {
	margin-top:0.5rem;
}
.form-submit {
	text-align:center;
}
.submit {
margin:0.5rem;
width:100px;
cursor: pointer;
color:#f8f9fa;
-webkit-appearance: button;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #FFF;
padding: .375rem .75rem;
line-height: 1.5;
border-radius: .25rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
overflow: visible;
background:none;
}
.submit:hover {
	background-color:rgba(255,255,255,0.3);
}
.comment-form-cookies-consent{
	display:flex;
	align-self: start;
}
.comment-form-cookies-consent input {
	margin-right:0.5rem;
}
.comment-respond p {
	margin-top:0.2rem;
}
.comment-body p {
	padding:0.5rem;
	background-color:rgba(0,0,0,0.3);
	margin-bottom:1rem;
}
.commentmetadata{
	margin:0.4rem 0 0.2rem 0;
}

.h4-pp {
	font-size:0.9rem;
	font-weight:bold;
}
.pp {
	font-size:0.9rem;
	padding:1rem;
	background-color:rgba(0,0,0,0.3);
}

/* Breakpoint & responsible
--------------------------------------------------------------------*/
@media (min-width: 1200px) {
}
@media screen and (max-width:1199px){
}
@media screen and (max-width:991px){

.t-img {
	height:700px;
	object-fit: cover;
}
.setlist {
	width:100%;
}
}
@media screen and (max-width:767px){
body {
	font-size:13px;
}
.t-img {
	max-width:100%;
	height:auto;
}
#live-info {
	position:static;
	width:100%;
}
#top-info {
	position:static;
	width:100%;
}
.info-box,
.blog-box,
.live-box {
	background:rgba(0,0,0,0.7);
	position:relative;
	bottom:100px;
}
#mb-menu li {
	padding:1rem 0.3rem 0 0.3rem;
}
}
@media screen and (max-width:575px){
h1 {
	margin-top:10px;
}
#comment_area {
	width:100%;
	padding:0.5rem;
	border-radius:0px;
	font-size:0.8rem;
}
.wrapper {
	background: linear-gradient(to top, rgba(0,0,0,0), #000 85%);
	height: 100vh;
}
}