@charset "utf-8";


/*==================================================
	style.css
==================================================*/

/*--------------------------------------------------
	link
--------------------------------------------------*/
a:link {color:#ea0090;text-decoration:none;}
a:visited {color:#333333;text-decoration:none;}

/*--------------------------------------------------
	font
--------------------------------------------------*/

.bold {/*font-weight: bold;*/}
.fontRed {color:#ff1f00;}
.fontGreen {color:#4fb58e;}
a,input.btn,#btnMore,.click,#btnNavClose {-webkit-transition: opacity 0.2s linear;}
a:hover,input.btn:hover,#btnMore:hover,.click:hover,#btnNavClose:hover {filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

/*--------------------------------------------------
	float
--------------------------------------------------*/
.clearfix:after {content: ""; display: block; clear: both;}
.clearfix {display: inline-block;}
/*\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**/



/*--------------------------------------------------
	common
--------------------------------------------------*/
html, body, {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: #ffffff;
	font-family: "Fjalla One", sans-serif;
	color: #000000;
}

.clear{
clear:both;
}

hr.style-two {
border: 0;
height: 1px;
margin:2px 0;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


hr.style-three {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
margin-bottom:0;
}


/*--------------------------------------------------
	main-menu
--------------------------------------------------*/

#page-flame{
margin:0 3%;
}

#header{
background-color: rgba(255, 255, 255, 0.75);
position: fixed;
top: 0;
left: 0;
width:100%;
z-index:1;
}

#top-flame {
padding:15px 0 0 0;
display:inline;
margin-right:3%;
float:right;
}

#main-menu {
font-family: 'Fjalla One', sans-serif;
display:inline;
line-height:1.2em;
color:#333;
}

#main-menu li, #main-menu ul, #main-menu li a:link, #main-menu li a:visited{
list-style-type:none;
display:inline;
margin:5px 3px 0 0;
font-size: 95%;
color:#333;
}

#main-menu li a:hover{
text-decoration:underline;
display:inline;
color:#333;
}

a.mbfc {
position: relative;
display: block;
width: 150px;
padding: 1.5em 0.8em 0.8em 0.8em;
text-align: center;
text-decoration: none;
font-size: 50%;
color: #FFF;
background: #ea0090;
border-radius: 0 0 15px 15px;
}

a.mbfc:active {
}


H1{
font-size: 150%;
margin-left:3%;
display:inline;
float:left;
}

H2{
font-family: 'Playball', cursive;
font-size: 130%;
padding:0 0 1% 0;
border-bottom:1px solid #000000;
margin:5px 0;
}

H3{
font-family: 'Fjalla One', sans-serif;
margin:5px 0;
}



/*--------------------------------------------------
	blog
--------------------------------------------------*/

.content{
font-size:110%;
line-height:1.2;
padding:5px 0px;
border-bottom:1px dotted #aaa;
}


.content img{
margin:5px 0;
}


.content h2{
color:#ea0090;
text-align:left;
margin:1em 0 0 0;
}

.content blockquote{
font-size:90%;
padding: 1em;
margin:1em 0;
border-left:3px solid #cccccc;
background: #fcfcfc;
}

.content ul, .news ol {
padding: 0.5em 0.5em 0.5em 2em;
}

.content ul li, .content ol li {
  line-height: 1;
  padding: 0.3em 0;
}

.content p{
line-height:1.5;
margin-top:2.5em 0;
}


.content br{
line-height:1;
margin-top:20px 0;
}

/*--------------------------------------------------
	info
--------------------------------------------------*/

#top-info{
width: 100%;
padding: 30px 10px;
}

#top-info a:link, #top-info a:visited{
color:#000000;
}

.top-news{
width: 32%;
float:left;
margin:5px 3px ;
}

.top-news ul{
margin:0 ;
padding:0;
}


.top-news li{
padding:8px 12px;
border-bottom:1px solid #eeeeee;
}

.top-news li span{
display:block;
margin-top:2px;
line-height:1em;
}


span.top-date, span.top-date a:link{
font-size: 70%;
color:#701f5f;
}

.top-date a:link, .top-news a:link{
font-size: 70%;
color:#701f5f;
}


span.top-place, span.top-place a:link {
font-size: 70%;
}


span.top-place a:link, span.top-place a:visited {
color:#333333;
}

span.top-title, span.top-title a, span.top-title a:link, span.top-title a:visited {
font-size: 100%;
font-weight:bold;
color:#4B75A7;
}

p.btnMore{
font-family: 'Playball', cursive;
font-size: 100%;
margin-top:1em;
float:right;
}


/*--------------------------------------------------
	index
--------------------------------------------------*/

.mainphoto{
width: 100%;
margin-top:33px;
background-color:#ffffff;
}


#top-MV{
width: 100%;
max-width: 100%;
background-color:#000000;
}

#top-MV iframe {
width: 33.3%;
padding: 0;
margin: 0;
float:left;
}

/*--------------------------------------------------
	disc
--------------------------------------------------*/

#top-disc {
width:100%;
text-align:center;
}

#top-disc ul {
width: 100%;
}

#top-disc ul li {
margin:8% 0 ;
width: 25%;
float: left;
}

#top-disc ul li .inner {
padding: 20px;
}

#top-disc ul li img{
width: 185px;
height: 185px;
}

#top-disc p.discDetial{
margin-top: 15px;
font-size: 60%;
}

#top-disc ul li .inner p.sttl {
line-height: 30px;
text-align: center;
font-size: 87.5%;
font-weight:bold;
overflow:hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;
display: block;
}

#top-disc ul li .inner p.discDeta {
font-size: 60%;
line-height: 1.5;
text-align: center;
height: 62px;
padding-top: 6px;
}

#top-disc ul li .inner a {
display: block;
height:42px;
border: 1px solid #eee;
line-height: 42px;
color: #ddd;
font-size: 75%;
text-align: center;
}

#top-disc ul li .inner a:hover{
display: block;
height:42px;
border: 1px solid #000000;
line-height: 42px;
color: #000000;
font-size: 75%;
text-align: center;
}

/*--------------------------------------------------
	main-contents
--------------------------------------------------*/

#main-contents{
width:100%;
padding:0 5% 0 5% ;
margin-top:80px;
margin-bottom:80px;
}

#main-contents h2{
font-size: 180%;
margin-top:15px;
text-align:center;
border:none;
text-transform:lowercase;
}

#main-contents h2::first-letter{
text-transform:uppercase;
}


/*--------------------------------------------------
	news
--------------------------------------------------*/

#news-flame{
width:70%;
float:left;
}

#sidebar{
width:28%;
padding-right:2%;
float:right;
}

.twitter-timeline{
border-left:1px solid #eeeeee;
}

.news{
padding:20px 5%;
}


.title, .title a:link , .title a:visited{
margin-bottom:10px;
font-size: 130%;
color:#4B75A7;
}

.date{
font-size: 70%;
float:left;
padding:5px 10px 5px 0 ;
color:#aaa;
}

.share{
font-size: 70%;
float:right;
padding:5px 10px 80px 10px;
color:#aaa;
}

.share2{
border:1px solid #eeeeee;
font-size: 60%;
color:#ccc;
width: 60px;
height: 60px;
padding:8px 2px 2px 2px;
text-align:center;
margin:0 0 0 50px;
border-radius: 50px;
float:right;
background-color:#000000;
}

.news li{
display:block;
}

.postsnav{
font-size: 120%;
width:94%;
padding:0 3% 0 3% ;
text-align:center;
font-family: 'Playball', cursive;
}

.postsnav a{
color:#333;
}

.postsnav .next{
float:right;
}

.postsnav .prev{
float:left;
}

ul.news-side{
margin-bottom:3em;
padding-bottom:1em;
}

#sidebar h2{
font-size: 150%;
margin-top:5px;
margin-bottom:5px;
text-align:left;
color:#ccc;
border:none;
}

ul.news-side li{
padding:10px 3px;
border-bottom:1px solid #eee;
display:block;
}

ul.news-side span{
padding:4px 0;
display:block;
}

/*--------------------------------------------------
	schedule
--------------------------------------------------*/

.schedule{
padding:20px 3%;
border-bottom:1px solid #eee;
display: block;
}

.schedule a{
color:#000000;
top: 0;
left: 0;
}



.schedule a:hover{
color:#ea0090;
background-color:#000000;
text-decoration: none;
opacity: 0.25;
}

.schedule .date, .schedule .date a:link, .schedule .date a:visited{
font-size:100%;
min-width:20%;
color:#333333;
display:block;
width:14%;
}

.schedule .eventtitle{
font-size:150%;
}

.schedule .eventplace{
font-size:100%;
margin-top:3px;
margin-left:0.3%;
}

.schedule-single{
font-size: 120%;
line-height:1.7em;
padding:0px 0px 30px 0px;
}

.schedule-single-top{
background-color:#ffffff;
padding:2.5em 1em;
border-bottom:double 4px #cccccc;
}

.schedule-single-date{
font-size:150%;
padding:0;
display: block;
line-height:0.9em;
}

.schedule-single-eventtitle{
font-size:300%;
margin:20px 0;
display: block;
line-height:0.9em;
}

.schedule-single-eventplace{
font-size:120%;
margin:10px 0 0 0;
display: block;
line-height:0.9em;
}

.schedule-single-info p{
	padding:2px 3px;
	margin:0;
}

.schedule-single-info p a:link, .schedule-single-info p a:visited, .content p a:link, .content p a:visited{
font-size: 80%;
color:#ea0090;
}

.schedule-single-info br{
	line-height:0;
}


.schedule-single-info{
margin:50px 20px;
}

.schedule-single-info2{
margin:40px 0;
padding:15px;
border:2px solid #ea0090;
color:#ea0090;
}

.schedule-single-info2 a:link, .schedule-single-info2 a:visited, .schedule-single-info2 a:hover{
color:#ea0090;
}

.schedule-single-info h3{
padding:5px 3px 10px 3px;
border-bottom:1px solid #eee;
color:#bbbbbb;
}

.schedule span{
width:65px;
height:65px;
display:block;
float:left;
z-index:-1;
}
.schedule span.kanto  {
background: url(../images/schedule/icon_kanto.png) no-repeat;
}
.schedule span.kansai  {
background: url(../images/schedule/icon_kansai.png) no-repeat;
}
.schedule span.chugokushikoku  {
background: url(../images/schedule/icon_chugokushikoku.png) no-repeat;
}
.schedule span.hokkaido  {
background: url(../images/schedule/icon_hokkaido.png) no-repeat;
}
.schedule span.chubu  {
background: url(../images/schedule/icon_chubu.png) no-repeat;
}
.schedule span.kyushuokinawa  {
background: url(../images/schedule/icon_kyushuokinawa.png) no-repeat;
}
.schedule span.tohoku  {
background: url(../images/schedule/icon_tohoku.png) no-repeat;
}
.schedule span.instore  {
background: url(../images/schedule/icon_instore.png) no-repeat;
}
.schedule span.event  {
background: url(../images/schedule/icon_event.png) no-repeat;
}



/*--------------------------------------------------
	media
--------------------------------------------------*/

.media{
table-layout: fixed;
}

table.brwsr2 {
margin: 0 auto;
border: none;
border-collapse: separate;
border-spacing: 0 10px;
}

table.brwsr2 th {
vertical-align: middle;
border-right: solid 1px #666;
margin: 0;
color:#ea0090;
font-size: 16px;
font-weight: bold;
padding:0 30px;
}

table.brwsr2 td.data {
border: none;
text-align: center;
vertical-align: middle;
overflow: hidden;
padding:0 30px 0 15px;
text-align:left;
height:60px;
}

table.brwsr2 td:fst-child {
vertical-align: middle;
}

table.brwsr2 td.bar {
border-top: solid 1px #eeeeee;
}

.fst{
font-size: 100%;
min-width:220px;
color:#000000;
}

.snd{
font-size: 85%;
color: #888888;
}

.trd{
font-size: 70%;
color: #888888;
}

/*--------------------------------------------------

	prof

--------------------------------------------------*/

#prof-name-flame{
width:100%;
text-align:center;
margin:1em 0;
}

li.prof-name{
list-style-type:none;
display:block;
padding:0 5px;
float:left;
width:15%;
line-height:1.3em;
}

li.prof-name span{
font-size:80%;
font-family: Helvetica, Arial, sans-serif;
}

.prof, .prof2{
margin:0 0 1em 0;
padding:1em 3em ;
line-height:2em;
font-size:80%;
}

.prof2{
background-color:#eeeeee;
}

.prof h3, .prof2 h3{
width:100%;
font-size:150%;
padding:5px 0 5px 3px;
margin-bottom:3px;
border-bottom:1px solid #cccccc;
}

.altitle{
color:#904071;
font-size:100%;
}

.booktitle{
color:#407190;
font-size:100%;
}



/*--------------------------------------------------
	video
--------------------------------------------------*/

.video2{
width: 100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
display:block;
}

.video2 iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.video{
width:33%;
height:33% !important;
padding-bottom: 18%;
height:0px;
position: relative;
display:block;
float:left;
}

.video iframe{
position: absolute;
padding:3px;
top: 0;
left: 0;
width:100% !important;
height:100% !important;
}


/*--------------------------------------------------
	disc
--------------------------------------------------*/

#main-contents #sort {
height: 60px;
}

h3.title {
letter-spacing: 0.2em;
margin:2em 0 0 0 ;
padding:5px 1em;
color:#000000;
}

#main-contents #sort li.active {
}

#main-contents #sort li:last-child {
border-right: none;
}

#main-contents .itemList {
margin-top: 20px;
border-bottom:1px dotted #cccccc;
}

#main-contents .itemList img{
width: 90px;
height: 90px;
object-fit: cover; /* この一行を追加するだけ！ */
}

.disc{
width:16%;
height:140px;
text-align:center;
float: left;
display: block;
}

.disc-cap{
font-family: 'Playball', cursive;
font-size: 60%;
margin:1em 0 0 0;
}
.disc-ttl{
font-size: 60%;
margin:0.2em 0 0 0;
}

.disc a:link, .disc a:hover, .disc a:visited{
color:333333;
}

.disc-image{
width:400px;
}

/*--------------------------------------------------
	footer
--------------------------------------------------*/

#footer {
text-align:center;
}

#footer-inner {
font-family: 'Fjalla One', sans-serif;
display:inline;
line-height:1.8em;
}

#footer li, #footer ul, #footer li a:link, #footer li a:visited{
list-style-type:none;
display:inline;
margin:5px 5px 5px 0;
color:#000;
}

#footer li a:hover{
text-decoration:underline;
display:inline;
color:#000;
}

#footer 
a.mbfc {
width: 200px;
border-radius: 0 0 15px 15px;
border-top: 1px solid;
}

#footer a.mbfc:active {
}

#footer .snsicon{
margin:0.8em 0;
}

#footer p{
margin-top:30px;
margin-bottom:30px;
font-size: 65%;
}



/*--------------------------------------------------
	contact
--------------------------------------------------*/

.must {
background: #ea0090;
}


.free {
background: #999;
}

.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 margin-bottom: 18px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}


input.wpcf7-submit {
	width: 250px;
	height: 50px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

input.wpcf7-submit:hover{
background: #FFF;
color: #F90;  
}

.your-message {
text-align:center;
}

.caption, .pcform{line-height:1.5em; margin-bottom:1em;}
.hissu{color:#ea0090;}
.table_area{margin:2em 0;}


.youtube {
  position:relative;
  width: 100%;
  max-width: 560px;
}

.youtube::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}