@import url('https://fonts.googleapis.com/css?family=Muli:400,600,700');

body {
	background: url(../../s3-ap-northeast-1.amazonaws.com/fans-contents/resources/004/316/615/processed_media/4316615-haikei11.jpg) left top / 100% auto  no-repeat;
	background-attachment: fixed;
	color: #000000;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width: 100%;
	margin: auto;
	font-size: 100%;
	line-height: 1.5;
}

.f-biography body{
	background: url(../../img.futureartist.net_443/img/mucc/bio_bk.jpg) left top / 100% auto  no-repeat;
	background-attachment: fixed;
}

.f-biography .content-wrap {
    background: rgba(255,255,255,0.3);
}

ul li,
ol li {
	list-style: none;
}

a {
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold !important;
}




.global-header {
	background: rgba(255,255,255,0);
	position: fixed;
}


.global-header-ghost {
	display: none;
}

.column_widget_menu ul {
	text-align: left;
	margin: 10px 0 15px;
}

.top-bar-section {
	position: fixed;
	right: 0;
	height: 0;
}

.top-bar-section ul li {
    float: none !important;
}

.top-bar ul.right li > a,
.column_widget_menu ul li > a {
	font-family:'Muli',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.1rem;
	color: #000000;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 0.2rem 1rem !important;
}

.top-bar-section ul li > a:hover {
	color: #000000 !important;
	opacity: .4 !important;
}

.top-bar-section ul li:hover:not(.has-form) > a {
	color: #000000;
}

.global-header .top-bar-section .has-dropdown > a::after {
	content: none;
}

.top-bar ul.right {
	margin:4px 0 0 0 ;
	float: none;
	text-align:right;
	vertical-align: top;
	/*width: 790px;*/
	width: 0;
	opacity: 0;

}
/*
.menu-pc + ul.on {
	margin-top:81px;
	opacity: 1;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	width: 200px;
	padding: 5px;
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, rgba(255, 255, 255 , 0)),
	color-stop(0.35, rgba(255, 255, 255 , .7))
);
background-image: -webkit-linear-gradient(right, rgba(255, 255, 255 , 0) 0%, rgba(255, 255, 255 , .7) 35%);
background-image: linear-gradient(to right, rgba(255, 255, 255 , 0) 0%, rgba(255, 255, 255 , .7) 35%);


}

.menu-pc + ul li {
	height: 0;
}

.menu-pc + ul.on li {
	height: 30px;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
}

*/

.menu-pc + ul {
    margin-top:81px !important;
	opacity: 0;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	width: 0 ;
  /*  background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, rgba(255, 255, 255 , 0)),
	color-stop(0.35, rgba(255, 255, 255 , .7))
);
background-image: -webkit-linear-gradient(right, rgba(255, 255, 255 , 0) 0%, rgba(255, 255, 255 , .7) 35%);
background-image: linear-gradient(to right, rgba(255, 255, 255 , 0) 0%, rgba(255, 255, 255 , .7) 35%);*/
background:rgba(255, 255, 255 , .6);
z-index: 100;

}

.menu-pc + ul.on {
	opacity: 1;
	width: 200px;
    padding: 10px 0;
}

.menu-pc + ul li {
	height: 0;
    -webkit-transition: .3s ease all;
	transition: .3s ease all;
}

.menu-pc + ul.on li {
	height: 30px;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
}

.top-bar-section .dropdown {
    margin-top: 0 !important;
}

.global-header .dropdown li:not(.has-form) a:not(.button) {
    background: #c7c7c7;
    padding: .5rem !important;
    width: 100% !important;
    display: inline-block !important;
    text-align: right !important;
    height: 30px;
}

.global-header .dropdown li:not(.has-form) a:not(.button):hover {
    opacity: 1 !important;
    background: #c7c7c7;
    color: #666666 !important;
}

.menu-pc {
  width: 40px;
  height: 40px;
  display: block;
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  position: fixed;
  top: 27px;
  right: 20px;
  z-index: 1;
}

.menu-pc.no {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.put,
.middle {
  display: block;
  width: 100%;
  background: #000000;
  height: 15%;
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  border-radius: 50px;
}

.no .top {
  height: 40%;
  width: 15%;
  margin-left: 42%;
  border-radius: 50px 50px 0 0;
}

.no .bottom {
  height: 40%;
  width: 15%;
  margin-left: 42%;
  border-radius: 0 0 50px 50px;
}

.middle {
  margin: 20% 0;
}
.no .middle {
  margin: 2% 0;
}


.global-header .top-bar-section ul a.thin.dropdown-trigger {
    background: none;
    border: none;
    font-size: 16px;
	text-transform: uppercase;
}

.top-bar-section .right li .dropdown {
	text-align: right;
}

.menu-pc2 {
	position: fixed;
	right: 70px;
	top:32px;
}

.menu-pc2 li {
	display: inline-block;
	padding: 0 15px;
	font-family:'Muli',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
}

.billboard .slick-carousel .slick-arrow,
.billboard .tablet-slick-carousel .slick-arrow, 
.billboard .mobile-slick-carousel .slick-arrow,
.billboard .xpc-slick-carousel .slick-arrow {
	z-index: 98 !important;
}


.top-bar-section ul li.fanclub a {
	font-weight: normal;
}

.top-bar ul.right li > a:hover,
.column_widget_menu ul li > a:hover {
	opacity: 0.6 !important;
	color: #000000;
}

.title-area h1.site_title a {
	background: url(../../img.futureartist.net_443/img/mucc/mucc_logo.png) left top / 100% auto  no-repeat;
	width: 140px !important;
	height: 44px !important;
	text-indent: -9999px;
	display: block;
	margin: 15px 10px;
}

.title-area h1.site_title a:hover {
	opacity: 0.6;
}

.dropdown li a {
	color: #000000 !important;
	text-align: center !important;
	display: inline-block!important;
	width: 100px !important;
	margin-right: 10px;
}

.global-header .top-bar-section ul a.thin.dropdown-trigger:hover {
    background: none !important;
}

.global-header .top-bar-section ul li.cart {
	display: none;
}

/*main*/
.content-wrap {
	background:rgba(255,255,255,0.8);
}

.contents{
	background:rgba(255,255,255,0);
	width: 100%;
	padding: 0;
}


body.template .content_body {
	background:rgba(255,255,255,0) !important;
	max-width: 840px;
	width: 100%;
	margin: auto;
	padding:50px 10px 20px !important;
	position: relative;
}

.f-home body.template .column_widget {
	height: auto !important;
}

body.template header,
.widget.content header,
.widget.content,
h2.widget_header,
.settings_header .settings_title,
.widget_header .header_title,
.widget_header .widget_title,
.widget_title .widget_title{
	text-align: center;
}

body.template header h2 > a,
.widget.content header h2,
.widget.content h2 a,
h2.widget_header,
.settings_header .settings_title,
.widget_header .header_title,
.widget_header .widget_title,
.widget_header .widget_title a,
.widget_title .widget_title,
.widget_title .widget_title a{
	text-decoration: none;
	font-size: 2rem !important;
	font-family: 'Muli', sans-serif;
	text-align: center;
	float: none !important;
	font-weight: 700 !important;
	letter-spacing: 2px;
}


.f-show.f-video body.template header h2 {
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.6rem !important;
}

.billboard {
	margin-top: 88px;
}

.billboard #down_anchor {
	display: none !important;
}

.slick-dots li button {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.slick-dots li button::before {
	font-size: 13px !important;
	text-shadow: 1px 1px 1px #ffffff,
             -1px 1px 1px #ffffff,
             1px -1px 1px #ffffff,
             -1px -1px 1px #ffffff;
}

.content_body .no-bullet li,
.widget-item-thumbnail-list .vertical-list-item {
    border-bottom:#666666 dashed 1px;
    padding: 1em 0;
	margin-bottom: 0;
	word-wrap : break-word;
}

.content_body .no-bullet li:last-child {
	border: none;
}

.f-home .content_body .no-bullet li:first-child,
.f-home .widget-item-thumbnail-list .vertical-list-item:first-chil {
	padding-top: 0;
}

.widget-item-thumbnail-list .widget-item-list-table .widget-item-list-right.widget-item-list-cell {
	padding-left: 0;
}

body.template .content_body header {
	margin-bottom: 0;
}

body.template .content_body h3.subheader {
	margin-bottom: 0;
}

.content_body .no-bullet li h3 {
	margin-top: 0;
}

button, .button,
button.secondary, .button.secondary{
    background-color: #ffffff;
    border: #000000 solid 1px;
    color: #000000;
	border-radius: 0 !important;
}

button, .button:hover,
button.secondary:hover,
.button.secondary:hover{
    background-color: #000000;
	color: #ffffff;
}


.horizontal-groups-and-tags.tag-menu.mobile .tag-item.label.secondary.label {
	border-radius: 0;
	display: block;
	width: 100%;
}

.horizontal-groups-and-tags.tag-menu.mobile li {
	float: none !important;
	margin-right: 0;
}


.f-home .column_widget_store,
.f-home .column_widget_event {
	padding: 0;
	background: rgba(255,255,255,0.7);
}

.f-home .column_widget_video {
	padding: 0;
}

.f-home .widget_news,
.f-home .widget_store,
.f-home .widget_video {
	max-width: 620px;
	width: 100%;
	margin: auto;
	padding:20px 10px !important;
}


.f-home .widget_store {
	max-width: 840px;
}

.widget_options .ion-ios7-arrow-right {
	display: none;
}

body.template header .right > a {
	background: #ffffff;
	border: #000000 solid 1px;
	color: #000000;
	border-radius: 0;
	font-family: 'Muli', sans-serif;
	padding: 3px 30px !important;
	letter-spacing: 2px;
	font-size: 1.3rem !important;
}

body.template .label.secondary {
	background-color: rgba(255,255,255,0);
	color: #000000;
	font-family: 'Muli', sans-serif;
	margin-right: 0;
	margin-bottom: 5px;
	font-size: 0.9rem;
	border-radius: 0;
	float: none !important;
	font-weight: 700;
	letter-spacing: 1px;
}

body.template a.label.secondary:hover {
	opacity: 0.4;
}
/*
.f-video body.template .label.secondary {
	font-weight: 400 !important;
}
*/
.tag-menu.right a.label.secondary{
	margin-bottom: 0;
}

body.template .subheader time {
	color: #000000;
	font-weight: 400;
}

.f-home .widget_news .widget_options.right,
.f-home .widget_store .widget_options.right,
.f-home .widget_video .widget_options.right,
.f-home .widget_event .widget_options.right,
.f-home .widget_music .widget_options.right{
	position: absolute;
	top: 45px;
	right:10px;
}

.tag-menu.mobile .tag-item.label.secondary a {
	display: block;
}

.tag-menu.mobile .tag-item.label.secondary {
	color: #ffffff;
	text-align: center;
}

.tag-menu.mobile .tag-item.label.secondary span {
	font-size: 1rem;
}


.horizontal-groups-and-tags {
	width: 20%;
	float: left;
}

.widget_jscroll {
	width: 80%;
	float: left;
}

.horizontal-groups-and-tags ul{
	margin-bottom: 0;
}

.horizontal-groups-and-tags ul li {
	float: none !important;
}

.f-diary.f-show .header-group-list {
	display: none;
}

.content_body .item_title .subheader {
	display: inline-block;
	margin-left: 10px !important;
}

.content_body .item_title .subheader + a {
	display: block;
}

/*news*/

.widget_news .item_title a {
	font-weight: 700 !important;
}

body.template .widget_news h3.item_title a {
	font-weight: 400;
	font-size: 1rem !important;
	display: block;
}

.content_body .tag-menu.right {
	background: #ffffff;
}

.content_body .tag-menu.right a {
	padding: 8px 30px !important;
}

.f-news.f-show .widget_news h3.subheader {
	display: none;
}

/*videos*/
.widget_video .row .container .item_title {
	margin-top: 0 !important;
}

body.template .widget_video .label.secondary {
	display: inline-block;
	text-align: center;
	padding: 5px;
}

.f-home .widget_video article > .row .column {
	width: calc(100% / 3);
	display: inline-block;
}


.f-show.f-video body.template header h2,
.f-show.f-video body.template header h2 + .widget_options{
	margin-bottom: 15px;
}


.f-show.f-video body.template .video-title,
.f-show.f-video body.template h2.artist-name {
	display: none;
} 

/*live*/
.widget_event .bottom-label {
	margin-bottom: 0 !important;
}

.widget_event .vertical-list-item .title {
	font-size: 1rem;
	font-weight: 700;
}

.widget_event .bottom-label + .layout-widget-thumbnail-max {
	display: none;
}

.widget_event .widget-item-list-cell time {
	margin-left: 10px;
}

.f-event.f-show .widget_event time {
	display: none;
}

.widget_event .widget-item-list-cell .bottom-label {
	display: none;
}

.f-event.f-show .widget_event h3.item_title,
.f-event.f-show .widget_event h3.subheader {
	margin-bottom: 10px;
	display: inline-block;
}

.f-event.f-show .widget_event h3.subheader {
	margin-right: 8px;
}

.f-event.f-show .widget_event dd.markdown img {
	padding: 8px 0;
}

.f-event.f-show .widget_event .complement dl [class*="event-"] {
	display: none;
}
.f-event.f-show .widget_event .complement dl .event-description-description.markdown {
	display: block;
	margin-left: 0;
}

/*mediainfo*/

.f-mediainfo.f-show .widget_mediainfo h3.subheader {
	display: none;
}

.f-mediainfo.f-show .widget_mediainfo .markdown {
	margin-top: 20px;
}

/*music*/


.f-home .widget_music article > .row .column {
    width: calc(100% / 3);
    display: inline-block;
}

.widget_music .container > h3:nth-child(1){
	float: right;
	width: calc(100% - 85px);	
}

.f-home .widget_music .container > h3:nth-child(1) {
	margin-top: 5px;
	text-align: left;
}

.widget_music .container > h3.subheader{
	float: left;
}

.f-music body.template .content_body h3 {
	text-align: left;
}

.f-music body.template .tag-menu .label.secondary {
	text-align: center !important;
}

.f-music body.template .content_body h3 {
	margin-top: 0.8rem !important;
	font-size: 1rem !important;
}

.f-music body.template .content_body h3 span.label {
	margin-right: 10px;
}

.f-music body.template .content_body .introduct > .column.medium-9 {
	width: 100%;
}

.f-music.f-show .introduct .item_title + h4 {
	display: none;
}

.f-music.f-show .column.medium-4 .complement {
	display: none;
}

.f-music.f-show .widget_music img.th {
	border: none;
	box-shadow: none;
}

.f-music.f-show .widget_music .th:hover, 
.f-music.f-show .widget_music .th:focus {
	box-shadow: none;
}


/*diary (BIOGRAPHY)*/

.f-wid-62218.f-index .item-date,
.f-wid-62218.f-show .item_title + .subheader,
.f-wid-62218 .label.secondary {
	display: none;
}

.f-wid-62218.f-index .widget-item-list-cell .title {
	font-size: 2rem;
	font-family: 'Muli', sans-serif;
}


.f-wid-62218.f-show .item_title {
	font-size: 1.7rem;
}

.f-wid-62218.f-show .markdown {
	margin-top: 30px;
}

.f-diary.f-show .year {
	width: 80px;
	display: inline-block;
	margin:75px 0 0 0;
	vertical-align: top;
}

.f-diary.f-show article {
	width: calc(100% - 85px);
	display: inline-block;
	vertical-align: top;
}

.f-diary.f-show article .subheader {
	display: none;
}

.f-diary .widget_diary .item_title {
	font-size: 1.5rem !important;
	font-family: 'Muli', sans-serif;
	border-bottom: #000 double 3px;
	padding-bottom: 5px;
}

.f-diary .widget_diary .item_title span.label {
	display: none;
}

.f-diary.f-show .markdown  {
	margin: 15px 0;
}

.f-diary.f-show .markdown ul {
	margin: 0;
}

.f-diary.f-show .markdown + .tag-list {
	display: none;
}

.f-diary.f-show .markdown .accordion {
	margin: 10px 0;
	text-decoration: underline;
}

.f-diary.f-show .markdown .accordion::before {
	content: "●";
	padding-right: 5px;
	vertical-align: middle;
	display: inline-block;
}
.f-diary.f-show .markdown .a-contents {
	line-height: 1.3;
	padding: 5px 5px 10px 5px;
}


/*store*/


.f-store body.template .content_body.widget_store {
    width: 100%;
	max-width: none !important;
}

.f-store body.template .content_body.widget_store .store_image_p {
	height: auto;
}

.f-store.f-show body.template .content_body.widget_store .column.medium-8 .row.introduct {
	margin: 0 !important;
}


.widget_store article > .row .column {
	width: calc(100% / 3);
	display: inline-block;
}

.f-show.f-store .widget_store .label.secondary {
	margin-right: 8px;
}

.widget_store a.tag-categories,
.widget_store a.group-categories {
	font-weight: 600;
	/*display: block;*/
}
/*
.widget_store .tag-menu.right.pc {
	display: none;
}*/

.widget_store .label.secondary {
	white-space: normal;
	word-break: break-all;
}

.f-store .widget_store .medium-8 .complement h4:nth-of-type(2) {
	display: none;	
}

/*enquete*/

.f-enquete.f-show .content_body.widget_enquete h2.widget_title.left {
	display: none;
}


/*profile*/

.f-biography .item_title {
	display: none;
}

.f-biography .prof figure {
	margin: 0;
}

.f-biography .prof > figure {
	padding:10px 3px;
	box-sizing: border-box;
}

.f-biography .prof .member {
	letter-spacing: -1em;
	margin: 0;
}

.f-biography .prof .member > li {
	width: calc(100% / 3 );
	display: inline-block;
	letter-spacing: normal;
	padding: 3px;
	box-sizing: border-box;
	margin: 0;
	vertical-align: top;
}

.f-biography .prof .member > li ul {
	margin-top: 10px;
}

.f-biography .prof .member > li ul span {
	font-weight: bold;
}


.f-biography .prof .member > li ul span span{
	color: #777777;
}

/*fanclub*/


.f-fanclub h3.item_title {
	display: none;
}

.f-fanclub .price_plan_form table tr th {
	padding: 0.3rem 0 0 0;
	text-align: left;
}
.f-fanclub .price_plan_form table th:nth-child(2) {
	padding: 5px 0 5px 15px;
	color: #ffffff;
	text-align: left;
	background: #000000;
	width: 100%;
}
.f-fanclub .price_plan_form table th:nth-child(2) label {
	color: #ffffff;
	font-weight: bold;
}

.f-fanclub .price_plan_form table td label dl {
	display: none;
}

.f-fanclub .price_plan_form table th {
	vertical-align: top;
	width: 1.5%;
}

body.template .widget_fanclub .price_plan_form .markdown p {
	line-height: 1.5rem;
}

body.template .widget_fanclub h3 {
	margin-bottom: 20px;
}
#signup_page #signup_term {
	border: #eeeeee solid 1px;
}

.f-fanclub.f-subscribe .columns.medium-centered {
	margin-bottom: 25px;
}

.f-fanclub.f-subscribe .columns.medium-centered > p.text-center {
	font-weight: bold;
}

.f-fanclub.f-subscribe .medium-10.medium-centered {
	width: 100%;
}

#officialsupporter_registration_message {
	margin-top: 15px;
}

.f-fanclub.f-subscribe .content {
	background: none !important;
}

/**/

.f-members_card .card_img .mt-10 {
	display: none !important;
}

.f-members_card .card_img {
	margin-top: 15px;
}

.f-members_card .card_img img{
	mix-blend-mode: overlay;

}

.f-members_card .card_img a{
	 background: linear-gradient(340deg, #ffffff, #000000);
	background-size: 400% 400%;
	-webkit-animation: animation 20s ease infinite;
	-moz-animation: animation 20s ease infinite;
	animation: animation 20s ease infinite;
	display: inline-block;
	border-radius: 20px;
}

@-webkit-keyframes animation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes animation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes animation{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


/*footer*/

.column_footer {
   background: #ffffff;
}

.column_footer img:hover {
	opacity: 0.6;
}

.global-footer {
	text-align: center;
	margin-top: 30px;
}

.global-footer p {
	margin-bottom: 0;
}

.global-footer p img {
	width: 130px;
}

.global-footer small img{
	width: 1em;
}

.global-footer small,
.global-footer nav a {
	color: #666666;
}

.bottombar ul {
	margin: 30px 0;
}

.bottombar ul[class*="footer_menu"] li {
	margin-right: 0;
	padding: 0 18px;
	letter-spacing: 2px;
}

.bottombar ul[class*="footer_menu"] a{
	font-size: 1.05rem !important;
}

.bottombar ul[class*="footer_icon"] li {
	margin-right: 0;
	padding: 0 10px;	
}

.bottombar ul[class*="footer_icon"] img.nav-icon-image {
	height: 40px;
}


/*お問い合わせ*/

.f-inquiry .large-text-area {
    max-width: 650px;
	width: 100%;
}

.f-inquiry .widget-inquiry .widget_title.left {
    float: none !important;
    font-weight: bold;
}

#new_artist_data_inquiry_item .row .small-12.medium-8.columns {
    float: none;
    margin: auto;
    text-align: center;
    max-width: 650px;
    width: 100%;
}


/*bannerArchive*/

.bannerArchive ul {
	letter-spacing: -1em;
	margin: 0;
}

.bannerArchive li {
	display: inline-block;
	width: calc(100% / 3);
	text-align: center;
	margin: 10px 0;
	letter-spacing: normal;
}

.bannerArchive li img {
	max-width: 219px;
	width: 100%;
	padding: 0 5px;
	box-sizing: border-box;
}

/*my page*/


.settings_form {
	padding-top: 0;
}

.contents_settings #settings_nav i {
	float: none;
	vertical-align: middle;
}

.contents_settings #settings_nav i.ion-ios7-person {
	margin-top: -15px;
	color: #000000;
}

.profile_index br {
	display: none;
}

.mypage_title {
	font-size: 35px;
	word-wrap: break-word;
}

.contents_settings .settings .column.medium-10.small-12,
.contents_settings .settings .show-for-medium-up {
	width: 100%;
	float: none;
}

.contents_settings #settings_nav .main_nav {
	letter-spacing: -1em;
}

.contents_settings #settings_nav .main_nav li {
	display: inline-block;
    padding: 0.3rem;
    margin: 0.5% !important;
    border: 1px #000000 solid !important;
    text-align: center !important;
    width: 24% !important;
	letter-spacing: normal;
	background: #ffffff;
}

.settings_form .table_form th {
	background-color: #ffebe6;
	color:  #000000;
}

.settings_form .table_form td {
	background-color: #fffbfa;
	color:  #000000;
}

table tr th,
table tr td {
	color: #000000;
}


/*TAB*/
@media only screen and (min-width: 40em) and (max-width: 64em) {

body {
	background: url(../../s3-ap-northeast-1.amazonaws.com/fans-contents/resources/004/316/615/processed_media/4316615-haikei11.jpg) left top / auto 150%  no-repeat;

	background-attachment: fixed;
}

.f-index.f-video #webstream_video_source_play .tile .column {
	width: calc(100% / 2 - 20px);
}


.top-bar ul.right {
	width: 400px;
}

.top-bar ul.right li > a,
.column_widget_menu ul li > a {
	padding: 0.2rem 0.5rem !important;
	font-size: 0.9rem;
}

}

/*SP*/
@media only screen and (max-width: 40em) {

body {
	background: url(../../s3-ap-northeast-1.amazonaws.com/fans-contents/resources/004/316/615/processed_media/4316615-haikei11.jpg) left top /  contain  repeat;
	background-attachment: fixed;
}

/*header*/
.title-area h1.site_title a {
    background: url(../../img.futureartist.net_443/img/mucc/mucc_logo.png) left top / 100% auto no-repeat;
    width: 100px !important;
    height: 31px !important;
    text-indent: -9999px;
    display: block;
    margin: 8px 0 10px;
}

.menu-pc,
.menu-pc2 {
	display: none;
} 

.billboard {
    margin-top: 60px;
}

/*menu*/

.off-canvas {
	background: rgba(255,255,255,0);
}


.top-bar .toggle-topbar.menu-icon a::after {
    -webkit-box-shadow: 0 10px 1px 1px #000000, 0 16px 1px 1px #000000, 0 22px 1px 1px #000000;
    box-shadow: 0 10px 0 1px #000000, 0 16px 0 1px #000000, 0 22px 0 1px #000000;
    left: 5px;
}
.off-canvas .right-menu .off-canvas-list {
	background: #000000;
}

ul.off-canvas-list li a .row .column:last-child {
	border-bottom: none;
}

ul.off-canvas-list li a {
	font-family: 'Muli', sans-serif;
	color: #ffffff;
	background: #000000;
}

ul.off-canvas-list li label {
	display: none;
}

ul.off-canvas-list li a:hover {
    background: #666666;
}

ul.off-canvas-list li a .row .column.small-2 {
	display: none;
}

ul.off-canvas-list li a .row .column.small-10 {
	width: 100%;
}

ul.off-canvas-list li a[href*="cart"] {
	display: none; 
}

/*main*/

body.template .content_body{
	padding: 0 10px 20px !important;
}

body.template header .right > a {
	padding: 3px 10px !important;
}

.tag-menu.mobile.reveal-modal, 
.group-menu.mobile.reveal-modal {
	left: 10%;
	width: 80%;
}


body.template header h2 > a,
.widget.content header h2, 
.widget.content h2 a,
h2.widget_header,
.settings_header .settings_title,
.widget_header .header_title,
.widget_header .widget_title, 
.widget_header .widget_title a, 
.widget_title .widget_title,
.widget_title .widget_title a {
	font-size: 1.5rem !important;
}

.horizontal-groups-and-tags ,
.widget_jscroll {
    width: auto;

    float: none;
	margin-bottom: 0;
}

.horizontal-groups-and-tags ul li {
	float: left !important;
}

.f-home .widget_video .widget_header,
.f-home .widget_store .widget_header,
.f-home .widget_event .widget_header,
.f-home .widget_news .widget_header,
.f-home .widget_music .widget_header{
	margin-top: 20px;
}

.f-home body.template .content_body.widget_video,
.f-home body.template .content_body.widget_store,
.f-home body.template .content_body.widget_event,
.f-home body.template .content_body.widget_news,
.f-home body.template .content_body.widget_music{
	padding-top: 20px !important;
}

.f-home body.template .content_body.widget_video article,
.f-home body.template .content_body.widget_store article,
.f-home body.template .content_body.widget_event article,
.f-home body.template .content_body.widget_news article,
.f-home body.template .content_body.widget_music article{
	margin-top: 35px;
}
.f-home .widget_news .widget_options.right,
.f-home .widget_store .widget_options.right, 
.f-home .widget_video .widget_options.right,
.f-home .widget_event .widget_options.right, 
.f-home .widget_music .widget_options.right {
    position: absolute;
    top: 75px;
    right: 10px;
}

/*event*/

body.template .content_body .complement dl dt {
	float: none !important;

}

body.template .content_body .complement dl dd {
	margin:0 0 15px;
}


/*video*/

#webstream_video_source_play {
	margin-top: 15px;
}

.f-home .widget_video article > .row .column {
    width:100%;
    display: block;
}

/*store*/

.widget_store article > .row .column {
    width:100%;
    display: block;
}


.f-diary.f-show .year {
	width: 60px;
}

.f-diary.f-show article {
	width: calc(100% - 65px);
}

.widget_store a.group-categories {
	margin-right: 5px;
}


/*music*/

.f-home .widget_music article > .row .column {
    width:100%;
    display:block;
}

/*bannerArchive*/
.bannerArchive li {
	display: block;
	width: 100%;
}

/*profile*/


.f-biography .prof .member > li {
	width: calc(100% / 2 );
}

/*footer*/

.global-footer {
	padding: 0;
}

.global-footer nav ul li {
	display: inline-block;
	margin: 10px 15px !important;
	padding: 0 !important;
}

/*store*/

.clearing-thumbs li {
	margin: 0;
}

.store_image_p {
	max-width: 90%;
	height: auto;
	margin: auto;
}

.f-show.f-store .content_body.widget_store .container > .row > .column.medium-4:nth-of-type(1),
.f-show.f-store .content_body.widget_store .container > .row > .column.medium-4:nth-of-type(1) + .column.medium-8{
    width: 100%;
	float: none;
}

.f-show.f-store .content_body.widget_store .container > .row > .column.medium-4:nth-of-type(1) + .column.medium-8 .row {
	margin: 0;
}

.f-show.f-store .content_body.widget_store .container > .row > .column.medium-4:nth-of-type(1) + .column.medium-8 .item_title {
	margin-top:0; 
}


.clearing-thumbs li {
    margin: 0 auto 20px !important;
    float: none !important;
}

.f-show.f-store .content_body h2.subheader {
	position: absolute;
	top: 15px;
	left:10px;
	color: #4a4323;
	font-size: 0.8rem;
}

#div_for_add_to_cart {
	text-align: center;
}

/*banner*/
.widget_banner div[class*="banner-"] {
	height: auto !important;
	text-align: center;
	    width: 49%;
    display: inline-block;
    float: none;
}

.widget_banner div[class*="banner-"]  img{
    max-width: none;
    width: 100%;
}

/*fc_cart*/
.f-cart .cart.content_body.ng-scope {
	padding: 2rem !important;	
}


}




/* アコーディオン */
.list6 dl.acordion{
 margin: 0 10px 0 10px;
 }
 .list6 dt.trigger {
 background: #9bd8ff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9e4ff), to(#62b5ea));
 background: #9bd8ff linear-gradient(#b9e4ff, #62b5ea);
 border-radius: 10px;
 text-align: left;
 border: 1px solid #ccc;
 color: #000;
 margin-bottom: 0;
 padding: 8px;
 }
 .list6 dt.active{
 border-radius: 10px 10px 0 0;
 }
 .list6 dt.trigger span.open-close {
 background: url(point_plus.html) no-repeat right top;
 float: right;
 width: 20px;
 height: 20px;
 text-indent: -9999em;
 }
 .list6 dt.active span.open-close {
 background: url(point_none.html) no-repeat right top;
 float: right;
 width: 20px;
 height: 20px;
 }   
 .list6 dd.acordion_tree{
 padding: 10px;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: #9bd8ff linear-gradient(#fff, #f0f0f0);
 border: 1px solid #ccc;
 border-top: none;
 }
 
 
 /*youtube*/
 .youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
 
 
 /*ロケーションページ*/
 
 html[class*="locations"] body {
	background: url(../../img.futureartist.net_443/img/mucc/locations/bg.jpg) left top / 100% auto ;
	background-attachment: fixed;
	color: #000000;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width: 100%;
	margin: auto;
	font-size: 100%;
	line-height: 1.5;
}

html[class*="locations"] .content-wrap {
    background: rgba(255,255,255,0);
}

html[class*="locations"]  body.template .content_body {
	max-width: 960px;
}

html[class*="locations"] .markdown a {
	color: royalblue;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

html[class*="locations"] .markdown a:hover {
	text-decoration: underline;
}

html[class*="locations"] .icon {
	font-size: 1.5em;
	vertical-align: middle;
}

html[class*="locations"] body.template .content_body header.widget_header {
	display: none;
}

html[class*="locations"] h3 {
    display: inline-block;
    color: white;
    background: #dc143c;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: bold;
}

html[class*="locations"] #contents {
	padding-bottom:40px;
	text-align:center;
	background:rgba(255,255,255,0.6);
}

#contents > h2 {
    padding-top: 30px;
}

.backtoindex {
	width:120px;
	margin:40px auto 0;
}
.backtoindex a {
	display:block;
	color:#dc143c;
	background:white;
	padding:10px;
	text-decoration:none;
}
.backtoindex a:hover {
	display:block;
	color:white;
	background:#dc143c;
	padding:10px;
	text-decoration:none;
}


/* =======================================
	toppage
======================================= */
.txtLead {
	max-width:640px;
	margin:20px auto;
	text-align:left;
}

.topMap {
	max-width:800px;
	margin:0 auto;
	border:1px solid silver;
}

.topMapList {
	width:100%;
	margin:0 auto 20px;
	font-size:0;
}
.topMapListL {
	width:40%;
	text-align:right;
	display:inline-block;
	vertical-align:middle;
}
.topMapListL img {
	max-width:240px;
}
.topMapListR {
	width:60%;
	text-align:left;
	display:inline-block;
	padding-left:20px;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}

.topDownloadWrap {
	max-width:600px;
	margin:20px auto;
	background:rgba(255,255,255,0.8);
}
.topDownloadHere {
	color:white;
	background:#dc143c;
	font-size:14px;
	padding:5px;
}

ul.topDownload {
	margin-top:10px;
	font-size:0;
}
ul.topDownload li {
	display:inline-block;
	max-width:150px;
	padding:0 10px;
	font-size:16px;
	font-weight:bold;
	text-align:middle;
	vertical-align:middle;
}
ul.topDownload li a {
	display:block;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-decoration:none;
}

.dlNotice {
	max-width:600px;
	margin:0 auto;
	padding:15px;
	text-align:left;
	font-size:12px;
	line-height:15px;
}

.topBanner {}
.topBanner ul {width:720px;margin:0 auto;text-align:center;font-size:0;}
.topBanner ul li {display:inline-block;width:50%;vertical-align:top;}
.topBanner ul li img:hover {}


/* =======================================
	tabmenu
======================================= */
html[class*="locations"] .tab {
	width:90%;
	font-size:0;
	margin:40px auto 0;
}
html[class*="locations"] .tab ul {
	width:90%;
}
html[class*="locations"] .tab li {
	width:50%;
	font-size:28px;
	font-weight:bold;
	display:inline-block;
	padding: 10px 20px;
	border: 4px solid #dc143c;
	cursor: pointer;
	list-style: none;
	transition: .3s;
}
html[class*="locations"] .tab li.active {
	color: #fff;
	background: #dc143c;
	cursor: auto;
}

.area {
	width:90%;
	margin:0 auto;
	background:white;
	border-left:4px solid #fb4343;
	border-right:4px solid #fb4343;
	border-bottom:4px solid #fb4343;
}
.area ul {
	padding-top:20px;
	display: none;
}
.area ul.show {
	display: block;
}

.area ul li dl {
	width:90%;
	margin:0 auto 10px;
	padding:10px;
	display:table;
	table-layout:fixed;
}
.area ul li dt {
	display:table-cell !important;
	width:160px;
	padding:15px;
	vertical-align:middle;
	background:#dc143c;
}
.area ul li dd {
	text-align:left;
	display:table-cell !important;
	vertical-align:top;
	padding-left:15px;
}
.access {
	width:80px;
	text-align:center;
	display:block;
	border:1px solid #dc143c;
	padding:2px 5px;
}

.notice {
	max-width:600px;
	margin:60px auto 20px;
	text-align:left;
	font-size:14px;
	color:#999;
}


/* =======================================
	gallery
======================================= */
ul.photoList {
	font-size:0;
	margin: 0;
}

ul.photoList li {
	width:200px;
	display:inline-block;
	margin: 0 20px 32px;
}

.polaroid {
	position:relative;
	max-width:200px;
}

.polaroid img {
	border:10px solid #fff;
	border-bottom:100px solid #fff;
	-webkit-box-shadow: 3px 3px 3px #777;
	-moz-box-shadow: 3px 3px 3px #777;
	box-shadow: 3px 3px 3px #777;
}

.polaroid p {
	position:absolute;
	top:190px;
	width:100%;


	text-align:left;
	padding:10px 10px 0 10px;
	font-size:14px;
	line-height:18px;
	color:#888;
}

.polaroid span {
	display:block;
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#888;
}


/* =======================================
	twitter
======================================= */
ul.photoListTwitter {
	max-width:800px;
	margin:0 auto 20px;
	font-size:0;
	text-align:center;
}

ul.photoListTwitter li {
	max-width:160px;

	display:inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

table.ruleTwitter {
	max-width: 700px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:0px 15px;
	font-size:14px;
}

table.ruleTwitter th,
table.ruleTwitter td {
	padding:10px;
}

table.ruleTwitter th {
	background:#dc143c;
	vertical-align:middle;
	text-align:center;
	width:120px;
	overflow:visible;
	position:relative;
	color:#fff;
	font-size:16px;
}

table.ruleTwitter th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #dc143c;
	border-width: 10px;
	margin-top: -10px;
}
@-moz-document url-prefix() {
	table.ruleTwitter th::after {
		float: right;
		padding: 0;
		left: 30px;
		top: 10px;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
		border: 10px solid transparent;
		border-left: #295890 10px solid;
		margin-top: -10px;
	}
}
 
table.ruleTwitter td {
	background: #f8f8f8;
	max-width: 360px;
	padding-left: 20px;
	text-align:left;
}

.shopsTwitter {
	color:black;
	max-width:400px;
	margin:0 auto 20px;
	padding:15px;
	border:1px dotted #dc143c;
}

.oubokigen {
	font-size:24px;
	font-weight:bold;
}

.gototwitter {
	max-width:480px;
	margin:20px auto 0;
}
.gototwitter a {
	font-size:24px;
	font-weight:bold;
	display:block;
	color:white;
	background:#00aced;
	padding:10px;
	text-decoration:none;
	border-radius:10px;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.gototwitter a:hover {
	display:block;
	color:#00aced ;
	background:white;
	padding:10px;
	text-decoration:none;
}

@media only screen and (max-width: 40em) {
html[class*="locations"] body{
	background: url("../../img.futureartist.net_443/img/mucc/locations/bg.jpg") center center / cover no-repeat fixed;
}

html[class*="locations"] h3 {
    display: block;
    text-align: left;
    font-size: 1rem;
    color: white;
    background: #dc143c;
    padding: 8px;
	margin-top: 0 !important;
}

.txtLead {
    width: 100%;
    margin: 20px auto;
    text-align: left;
	padding: 15px;
}

/* =======================================
	toppage
======================================= */
.topMap {
	width:100%;
	margin:0 auto;
	border:1px solid silver;
}

.topMapList {
	width:100%;
	margin:0 auto 20px;
	font-size:0;
}
.topMapListL {
	width:100%;
	text-align: center;
}
.topMapListL img {
}
.topMapListR {
	width:100%;
	font-size:0.8rem;
	font-weight:bold;
}

.topDownloadWrap {
	width:100%;
	margin:15px auto;
	padding:10px;
	background:rgba(255,255,255,0.8);
}
.topDownloadHere {
	color:white;
	background:#dc143c;
	font-size:0.8rem;
	padding:5px;
	margin-bottom:15px;
}
ul.topDownload {
	font-size:0;
}
ul.topDownload li {
	width:100%;
	padding:0 10px;
	font-size:0.9rem;
	font-weight:bold;
	text-align:middle;
	margin-bottom:10px;
}
ul.topDownload li:nth-child(1) img {
	width:60px;
}
ul.topDownload li a {
	display:block;

	width:100%;
	height:100%;
	vertical-align:middle;
	text-decoration:none;
	color:#dc143c;
	border:1px solid #dc143c;
	padding:5px;
}
.dlNotice {
	width:100%;
	margin:0 auto;
	padding:15px;
	text-align:left;
	font-size:0.5rem;
	line-height:0.8rem;
}

.topBanner {}
.topBanner ul {width:100%;margin:0 auto;text-align:center;}
.topBanner ul li {max-width:60%;display:block;margin:0 auto 10px;text-align:center;}


/* =======================================
	tabmenu
======================================= */
html[class*="locations"] .tab {
	width:100%;
	font-size:0;
	margin:40px auto 0;
}
html[class*="locations"] .tab ul {
	width:100%;
}
html[class*="locations"] .tab li {
	width:50%;
	font-size:1.1rem;
	font-weight:bold;
	display:inline-block;
	padding: 10px 20px;
	border: 4px solid #dc143c;
	cursor: pointer;
	list-style: none;
	transition: .3s;
}
html[class*="locations"] .tab li.active {
	color: #fff;
	background: #dc143c;
	cursor: auto;
}

.area {
	width:100%;
	margin:0 auto;
	background:white;
	border-left:4px solid #fb4343;
	border-right:4px solid #fb4343;
	border-bottom:4px solid #fb4343;
}
.area ul {
	padding:20px 0 0 0;
	margin: 0;
	display: none;
	
}
.area ul.show {
	display: block;
}

.area ul li dl {
	width:100%;
	margin:0 auto 10px;
	padding:15px;
}
.area ul li dt {
	display:none !important;
}
.area ul li dd {
	text-align:left;
	padding: 0;
}

.access {
	width:80px;
	text-align:center;
	display:block;
	border:1px solid #dc143c;
	padding:4px 10px;
}

.notice {
	width:80%;
	margin:40px auto 10px;
	text-align:left;
	font-size:0.8rem;
	line-height:1rem;
	color:#999;
}


/* =======================================
	gallery
======================================= */
ul.photoList {
	font-size:0;
}

.polaroid {
	position:relative;
	width:100%;
}

.polaroid img {
	border:10px solid #fff;
	border-bottom:100px solid #fff;
	-webkit-box-shadow: 3px 3px 3px #777;
	-moz-box-shadow: 3px 3px 3px #777;
	box-shadow: 3px 3px 3px #777;
}

.polaroid p {
	word-wrap:break-word;
	position:absolute;
	bottom:24px;
	width:100%;
	text-align:left;
	padding:10px 5px 0 5px;
	font-size:0.9rem;
	line-height:18px;
	color:#888;
}

.polaroid span {
	display:block;
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
	font-size:0.6rem;
	font-weight:bold;
	color:#888;
}


/* =======================================
	twitter
======================================= */
ul.photoListTwitter {
	width:100%;
	margin:0 auto 20px;
	font-size:0;
	text-align:center;
}

ul.photoListTwitter li {
	width:50%;
	display:inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

table.ruleTwitter {
	width: 100%;
	margin:0 auto;
	border-spacing:0px 15px;
}

table.ruleTwitter th,
table.ruleTwitter td {
	display:block;
	width:100%;
	padding:8px;
	max-width: none;
}

table.ruleTwitter th::after {
	content: none;
}

table.ruleTwitter th {
	background:#dc143c;
	vertical-align:middle;
	position:relative;
	color:#fff;
	font-size:1.1rem;
}

table.ruleTwitter td {
	background: #f8f8f8;
	text-align:left;
}

.shopsTwitter {
	color:black;
	width:80%;
	margin:0 auto 20px;
	padding:15px;
	border:1px dotted #dc143c;
}

.oubokigen {
	font-size:1.3rem;
	font-weight:bold;
}

.gototwitter {
	width:90%;
	margin:20px auto 0;
}

.gototwitter a {
	font-size:0.8rem;
	font-weight:bold;
	display:block;
	color:white;
	background:#00aced;
	padding:10px;
	text-decoration:none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}



}

 /*羽化*/

.pc.uka {
display:block;
height: 100vh;
}

.sp.uka {
display:none;
}

.widget_misc_uka .widget_header {
display:none;
}

@media all and (-ms-high-contrast: none) {
	body {font-family: Verdana, Meiryo, sans-serif;}
}

.f-uka body{
	background-color:#fcfcfc;
	margin:0;
	padding:0;
	background:url("../../img.futureartist.net_443/img/mucc/uka/images/bgwrap.jpg") repeat;
	position:relative;
}

.f-uka .content-wrap {
background:none;
}

/* =======================================
	flipbook
======================================= */
.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:100%;
}

.flipbook-viewport .container{
	position:absolute;
	top:35%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:922px;
	height:600px;
	left:-461px;
	top:-300px;
}

.flipbook-viewport .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}


/* =======================================
	pager
======================================= */
.pager {
	position:absolute;
	bottom:20px;
	right:48px;
}

 @media only screen and (max-width: 40em) {

.pc.uka {
display:none;
}

.sp.uka {
display:block;
}

/* =======================================
	pager
======================================= */
.pager {
	margin:8px auto 0;
	text-align:right;
	width:100%;
	position: absolute;
	bottom: 0;
	right: 0;
}


/* =======================================
	swiper
======================================= */
.swiper-container {
	width:100%;
	margin-top:8px;
}


}






 
/*孵化*/

.fuka .pc{
display:block;
}

.fuka .sp {
display:none;
}

.f-fuka body.template .content_body {
    max-width: none;
    margin: 0;
    padding: 0 !important;
}

.f-fuka .billboard {
    margin-top: 0;
}

.widget_misc_fuka .widget_header {
    display: none;
}

.f-fuka .fuka p:empty{
    display: none;
}

.fp-tableCell > img {
    padding-top: 30px;
}

/* =======================================
	#loader
======================================= */
.fuka #loader{
    width:80px;
    height:80px;
    display:none;
    position:fixed;
    _position:absolute;
    top: 50%;
    left: 50%;
    margin-top:-40px;
    margin-left:-40px;
    z-index:10;
}
.fuka #fade{
    width:100%;
    height:100%;
    display:none;
    background-color:#fff;
    position:absolute;
    top: 0px;
    left: 0px;
    z-index:5;
}


/* =======================================
	#menu
======================================= */
.pc .menu00 {position:fixed;top:110px;right: 40px;font-size:30px;line-height:42px;text-align:center;}
.pc .menu99 {position:fixed;top:630px;right: 40px;font-size:30px;line-height:42px;text-align:center;}

.pc .menu01 {position:fixed;top:160px;right: 40px;}
.pc .menu02 {position:fixed;top:210px;right: 40px;}
.pc .menu03 {position:fixed;top:260px;right: 40px;}
.pc .menu04 {position:fixed;top:310px;right: 40px;}
.pc .menu05 {position:fixed;top:360px;right: 40px;}
.pc .menu06 {position:fixed;top:410px;right: 40px;}
.pc .menu07 {position:fixed;top:460px;right: 40px;}
.pc .menu08 {position:fixed;top:510px;right: 40px;}
.pc .menu09 {position:fixed;top:560px;right: 40px;}

.pc .menu10 {position:fixed;top:160px;right: 90px;}
.pc .menu11 {position:fixed;top:210px;right: 90px;}
.pc .menu12 {position:fixed;top:260px;right: 90px;}
.pc .menu13 {position:fixed;top:310px;right: 90px;}
.pc .menu14 {position:fixed;top:360px;right: 90px;}
.pc .menu15 {position:fixed;top:410px;right: 90px;}
.pc .menu16 {position:fixed;top:460px;right: 90px;}
.pc .menu17 {position:fixed;top:510px;right: 90px;}
.pc .menu18 {position:fixed;top:560px;right: 90px;}

.fuka #menu {position:relative;z-index:70;padding:0;margin:0;}
.fuka #menu li {
	display:block;
	width:42px;




	color: #000;
	background:white;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.fuka #menu li a {color:black;}
.fuka #menu li a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}
.fuka #menu li.menu99 {background:#e2041b;}
.fuka #menu li.menu99 a {color:white;}


/* =======================================
	.tourSection
======================================= */
.fuka .tourSection {
	width:960px;
	margin:0 auto;
	position:absolute;
	top:140px;
	left:0;
	right:0;
	display:table;
	table-layout:fixed;
}

.fuka #fullpage .section h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; 
    padding: 20px;
    box-sizing: border-box;
}
/* =======================================
	.tourText
======================================= */
.fuka .tourText {
	display:table-cell;
	vertical-align:top;
	width:530px;
	text-align:left;
	padding:15px;
	font-size:14px;
	line-height:20px;
	color:white;
	background:rgba(0,0,0,0.5);
	position:relative;
}
.fuka .tourText .tourTextTitle:not(:first-of-type) {margin-top:30px;}
.fuka .tourText .tourTextTitle {
	font-family: 'Merriweather', serif;
	font-size:24px;
	padding:10px 0 20px;
}
.fuka .tourText ul.setlistLeft {float:left;clear:left;width:40%;}


/* =======================================
	.tourPhoto
======================================= */
.fuka .tourPhoto {
	display:table-cell;
	vertical-align:top;
	width:430px;
}
.fuka .tourPhoto ul {
	margin-left:20px;
	text-align:left;
	font-size:0;
}
.fuka .tourPhoto ul li {
	display:inline-block;
	width:200px;
	margin-bottom:10px;
}
.fuka .tourPhoto ul li:not(:nth-child(2n)) {
	margin-right:10px;
}
.fuka .tourPhoto ul li img {width:200px;height:200px;}

.fuka .tourPhoto ul li img.effect {
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	background:#fff;
}
.fuka .tourPhoto ul li img.effect:hover {
	background:#b8860b;
	border-color:#b8860b;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


/* =======================================
	.tourMovie
======================================= */
.fuka .tourMovie {
	display:table-cell;
	vertical-align:top;
	width:430px;
	padding-left:20px;
}


/* =======================================
	section
======================================= */
.fuka .section {text-align:center;position:relative;background-size:cover;}

#section00, #section99 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg00.jpg");}

#section01 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg01.jpg");}
#section02 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg02.jpg");}
#section03 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg03.jpg");}
#section04 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg04.jpg");}
#section05 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg05.jpg");}
#section06 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg06.jpg");}
#section07 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg07.jpg");}
#section08 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg08.jpg");}
#section09 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg09.jpg");}

#section10 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg10.jpg");}
#section11 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg11.jpg");}
#section12 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg12.jpg");}
#section13 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg13.jpg");}
#section14 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg14.jpg");}
#section15 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg15.jpg");}
#section16 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg16.jpg");}
#section17 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg17.jpg");}
#section18 {background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bg18.jpg");}


/* =======================================
	enquete
======================================= */
.fuka input, .fuka textarea, .fuka select {
	z-index:9999;
	border:none;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	resize:none;
}
#section99 {
	text-align:left;
	padding-bottom:20px;
}
.enquete_header {
	width:100%;
	margin:0 auto 30px;
	text-align:center;
}
.enquete_paper {
	position:relative;
	width:800px;
	margin:0 auto;
	text-align:left;
	background:white;
	padding:20px;
}
.enquete_logo {
	width:480px;
	margin:0 auto;
	text-align:center;
}
.enquete_month {
	position:absolute;
	top:45px;
	left:575px;
	width:61px;
	height:29px;
	background:url("../../img.futureartist.net_443/img/mucc/fuka/images/enquete_month.png") top left no-repeat;
}
.enquete_month select {font-size:24px;position:absolute;top:0;left:8px;}
.enquete_day {background:url("../../img.futureartist.net_443/img/mucc/fuka/images/enquete_day.png");}
.enquete_venue {background:url("../../img.futureartist.net_443/img/mucc/fuka/images/enquete_venue.png");}



@media only screen and (max-width: 40em) {

.f-fuka.f-index .right-menu {
    visibility: visible;
}

.fuka .pc{
display:none;
}

.fuka .sp {
display:block;
}

section[class*="widget_misc_sp-fuka"] .widget_header {
    display: none;
}

/* =======================================
	layout
======================================= */
.fuka .sp #container,
.fuka_sp #container{
	width:100%;
	margin:0 auto;
	text-align:center;
}


/* =======================================
	text
======================================= */
.fuka .sp h1,
.fuka_sp h1{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:10px 0 20px;
	font-size:2rem !important;
	line-height:2.6rem !important;
	font-weight:bold;
    color: #ffffff;
}
.fuka .sp h1 span,
.fuka_sp h1 span{
	font-family: 'Merriweather', serif;
	display:block;
	font-size:1.6rem;
	font-weight:normal;
}


/* =======================================
	#menu
======================================= */
.fuka .sp #menu {
	margin-top:10px;
	width:100%;
	padding-bottom:200px;}
.fuka .sp #menu ul {
	width:90%;
	font-size:0;
	text-align:center;
}
.fuka .sp #menu li {
	display:inline-block;
	width:30%;
	margin-bottom:2%;
    background: none;
}
.fuka .sp #menu li:not(:nth-child(3n)) {
	margin-right:2%;
}


/* =======================================
	.tourText
======================================= */
.fuka_sp .tourText {
	width:90%;
	margin:20px auto 20px;
	text-align:left;
	padding:15px;
	font-size:14px;
	line-height:20px;
	position:relative;
	background:rgba(0,0,0,0.3);
    color: #ffffff;
}
.fuka_sp .tourText .tourTextTitle:not(:first-of-type) {margin-top:30px;}
.fuka_sp .tourText .tourTextTitle {
	font-family: 'Merriweather', serif;
	font-size:2.4rem;
	padding:10px 0 20px;
    color: #ffffff;
}


/* =======================================
	.tourPhoto
======================================= */
.fuka_sp .tourPhoto {
	width:90%;
	margin:0 auto;
	padding-bottom:30px;
	overflow:auto;
}
.fuka_sp .tourPhoto ul {
    margin: 0;
}
.fuka_sp .tourPhoto ul li {
	margin-bottom:10px;
}
.fuka_sp .tourPhoto ul li img {
	width:100%;
}
.fuka_sp .tourPhoto ul li img.effect {
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	background:#fff;
}


/* =======================================
	.tourMovie
======================================= */
.fuka_sp .tourMovie {
	width:90%;
	margin:0 auto;
	padding-bottom:30px;
	overflow:auto;
}

.fuka_sp video {
	width:100%;
	height:auto;
}


/* =======================================
	footer
======================================= */
.fuka_sp footer {
	width:100%;
	margin:0 auto;
	text-align:center;
}

.fuka_sp .backbutton {
	width:30%;
	margin:15px auto;
	text-align:center;
	color:white;
	background:#996600;
}
.fuka_sp .backbutton a {
	color:white;
	font-size:1rem;
	display:block;
	width:100%;
	height:100%;
	padding:5px;
}


/* =======================================
	.pagetop
======================================= */
.fuka_sp .pagetop {
	display:none;
	position:fixed;
	bottom:10px;
	right:0;
	width:40px;
	height:40px;
	text-align:center;
}
.fuka_sp .pagetop a {
	display:block;
	width: 40px;
	height:40px;
	color:#996600;
	background:black;
	font-size:25px;
	line-height:1.4;
}


/* =======================================
	section
======================================= */
body > .section {height:auto;}
.fuka_sp .section {
	height:100%;
	min-height:100%;
	text-align:center;
	position:relative;
	background-image:url("../../img.futureartist.net_443/img/mucc/fuka/images/bgSP.jpg") !important;
	background-repeat:repeat;
}

.fuka_sp #section00 h1 {background:#000000;}

.fuka_sp #section01 h1 {background:#59b9c6;}
.fuka_sp #section02 h1 {background:#9079ad;}
.fuka_sp #section03 h1 {background:#007b43;}
.fuka_sp #section04 h1 {background:#7ebea5;}
.fuka_sp #section05 h1 {background:#f7b977;}
.fuka_sp #section06 h1 {background:#d7003a;}
.fuka_sp #section07 h1 {background:#1e50a2;}
.fuka_sp #section08 h1 {background:#89c3eb;}
.fuka_sp #section09 h1 {background:#ebd842;}

.fuka_sp #section10 h1 {background:#787a59;}
.fuka_sp #section11 h1 {background:#93ca76;}
.fuka_sp #section12 h1 {background:#eb6101;}
.fuka_sp #section13 h1 {background:#a86f4c;}
.fuka_sp #section14 h1 {background:#bc64a4;}
.fuka_sp #section15 h1 {background:#e95295;}
.fuka_sp #section16 h1 {background:#69821b;}
.fuka_sp #section17 h1 {background:#69c2c7;}
.fuka_sp #section18 h1 {background:#fcc800;}

}



/*2015fctrip*/

/* =======================================
	common
======================================= */


.fctrip2015 .pc{
display:block;
}

.fctrip2015 .sp {
display:none;
}

.f-fctrip2015 body {
	color:#fff;
	background-image: url("../../img.futureartist.net_443/img/mucc/fctrip2015/images/bg.jpg");
	 background-repeat: repeat; 
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.fctrip2015 a {
	color: #fff000;
	text-decoration:underline;
}
.fctrip2015 a:link { color: #fff000;text-decoration:none; }
.fctrip2015 a:visited { color: #fff000;text-decoration:none; }
.fctrip2015 a:hover { color: #fff000;text-decoration:underline; }
.fctrip2015 a:active { color: #fff000; text-decoration:underline;}


.f-fctrip2015 .global-header {
    background: rgba(255,255,255,0.7) !important;
}

.f-fctrip2015 .content-wrap {
    background: rgba(255,255,255,0);
}


.f-fctrip2015 body.template .content_body {
    max-width: none;
}

.f-fctrip2015 body.template .content_body .widget_header {
    display: none;
}

#wrapper.fctrip2015  {
	background-color: rgba( 0, 0, 0, 0.35 );
	margin:0 auto;
	width: 960px;
}

.fctrip2015 #header {
	text-align:center;
    position:relative;
}

.fctrip2015 #header p {
	padding:10px;
	font-size:20px;
	font-weight:bold;
}


.fctrip2015 #menu ul.menu_bar{
    text-align:center;
}

.fctrip2015 #menu li{
    display:inline;
    padding-right:2.5px;
}

.fctrip2015 #menu li a:hover {
    background: #ffffff;
    display: inline-block;
    border-radius: 10px;   
}

.fctrip2015 #menu li a:hover img {
    opacity: 0.7;
}

.fctrip2015 #schedule {
	clear:both;
	vertical-align:top;
	margin-bottom:10px;
	}

.fctrip2015 #scheduletext {
	padding-left:15px;
	padding-top:10px;
	}


.fctrip2015 #moti {
	clear:both;
	vertical-align:top;
	margin-bottom:10px;
			}


.fctrip2015 #motitext {
	padding-left:15px;
	padding-top:10px;
	}


.fctrip2015 #attention{
	clear:both;
	margin-bottom:10px;
}

.fctrip2015 #attentiontext {
	padding-left:15px;
	padding-top:10px;
	}


.fctrip2015 #howto {
	clear:both;
	margin-bottom:30px;

}
.fctrip2015 #howtotext{
	padding-left:15px;
	margin-top:10px;
}

/* =======================================
	pagetop
======================================= */
#pageTop{
  font-weight : bold;
  font-size   : 12px;
  background  : rgba(255,246,0,0.7);
  -webkit-border-radius : 3px;
	 -moz-border-radius : 3px;
	   -o-border-radius : 3px;
	      border-radius : 3px;
  color                 : #ffffff;
  padding               : 40px 5px 5px 5px;
  position              : fixed;
  bottom                : 20px;
  right                 : 20px;
  z-index               : 30;
}
#pageTop:hover{
  backgrond : rgba(255,246,0,0.5);
}
#pageTop:before{
  display : block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	      transform: rotate(45deg);
  top        : 50%;
  left       : 20px;
  width      : 15px;
  height     : 15px;
  margin-top :-12px;
  border-top : white 4px solid;
  border-left: white 4px solid;
  -webkit-border-top-left-radius: 4px;
	 -moz-border-top-left-radius: 4px;
	    o-border-top-left-radius: 4px;
	      border-top-left-radius: 4px;
}

@media only screen and (max-width: 40em) {

/* =======================================
	common
======================================= */

.fctrip2015 .pc{
display:none;
}

.fctrip2015 .sp {
display:block;
}

.f-fctrip2015 body {
    color:#fff;
    background-image: url("../../img.futureartist.net_443/img/mucc/fctrip2015/images/bg.jpg");
    background-repeat: repeat; 
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

.fctrip2015 a {
	color: #fff000;
	text-decoration:underline;
}

.fctrip2015 a:link { color: #fff000;text-decoration:none; }
.fctrip2015 a:visited { color: #fff000;text-decoration:none; }
.fctrip2015 a:hover { color: #fff000;text-decoration:underline; }
.fctrip2015 a:active { color: #fff000; text-decoration:underline;}

#wrapper.fctrip2015 {
	margin:0 auto;
	width: 95%;
	height:100%;
}

.fctrip2015 #header {
	width:100%;
	text-align:center;
}

.fctrip2015 #header p {
	padding:10px;
	font-size:90%;
	font-weight:bold;
}

.fctrip2015 #menu {
    text-align:center;
    margin-bottom:5%;
}

.fctrip2015 #schedule {
	clear:both;
	vertical-align:top;
	padding-bottom:2%;
}

.fctrip2015 #scheduletext {
	padding-left:2%;
	padding-top:2%;
}

.fctrip2015 #moti {
	clear:both;
	vertical-align:top;
	margin-bottom:10px;
}

.fctrip2015 #motitext {
	padding-left:2%;
	padding-top:2%;
}


.fctrip2015 #attention{
	clear:both;
	margin-bottom:10px;
}

.fctrip2015 #attentiontext {
	padding-left:2%;
	padding-top:2%;
}


.fctrip2015 #howto {
	clear:both;
	margin-bottom:30px;
}

.fctrip2015 #howtotext{
	padding-left:2%;
	padding-top:2%;
}



}


/*69wors*/

.wars69 .pc{
display:block;
}

.wars69 .sp {
display:none;
}


html[class*="f-ep"] body,
.f-wars69 body {
	height: 100%;
	background: url("../../img.futureartist.net_443/img/mucc/69wars/images/bg.png") repeat center top;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
}

html[class*="f-ep"] .global-header,
.f-wars69 .global-header {
    background: rgba(255,255,255,0.8) !important;
}

html[class*="f-ep"] .content-wrap,
.f-wars69 .content-wrap {
    background: none;
}

section[class*="widget_misc_ep"]  .widget_header,
.widget_misc_wars69 .widget_header {
    display: none;
}

.f-wars69 body.template .content_body.widget_misc_wars69 {
    max-width: 100%;
    padding: 0 !important;
}

.f-wars69 #contents {
    max-width: 1000px;
    margin: auto;
    width: 100%;
}

html[class*="f-ep"] body.template .content_body {
    max-width: 980px;
    width: 100%;
}


.wars69 #header {
	width:100%;
	height:10px;
	margin:0 auto;
	text-align:center;
}

.wars69 #header_sub {
	max-width:960px;
	margin:10px auto 5px;
	text-align:center;
}

.wars69 .report {
	margin:0 auto 10px;
	max-width:960px;
	padding:10px;
	background-color: rgba(255,255,255,0.1);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:auto;
    text-align: center;
}

.f-ep7 .wars69 .report {
    padding: 0;
}

.wars69 .reportTop {
	margin:0 auto 10px;
	max-width:960px;
}

.wars69 .reportLeft {
	max-width:410px;
	padding-left:10px;
    display: inline-block;
    vertical-align: top;
}

.wars69 .reportRight {
	max-width:480px;
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding:10px;
	margin-left:10px;
	background: #f0f0f0;
    display: inline-block;
    vertical-align: top;
}

.wars69 .reportBottom {
	padding-top:15px;
	position:relative;
	overflow: hidden;
	clear:both;
}

.wars69 .reportBottom ul {
	position: relative;
	left: 50%;
	float: left;
}

.wars69 .reportBottom ul li {
	position: relative;
	left: -50%;
	float: left;
}

.wars69 #maintitle {
	margin:10px auto 5px;
	text-align:center;
}

.wars69 #maintitle img {
	max-width:480px;
}

.wars69 #footer {
	padding:5px 0;
	text-align:center;
	margin-top:10px auto 0;
	color:black;
	background-color: rgba(255,255,255,0.7);
}




/*=======================================
	wideslider
======================================= */
.wars69 .wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wars69 .wideslider ul {
    margin-left: 0;
}

.wars69 .wideslider ul,
.wars69 .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wars69 .wideslider ul li img {
	width: 100%;
	display: none;
}

.wars69 .wideslider_base {
	top: 0;
	position: absolute;
}
.wars69 .wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.wars69 .slider_prev,
.wars69 .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.wars69 .slider_prev {background: #fff url(../../img.futureartist.net_443/img/mucc/69wars/images/prev.jpg) no-repeat right center;}
.wars69 .slider_next {background: #fff url(../../img.futureartist.net_443/img/mucc/69wars/images/next.jpg) no-repeat left center;}

.wars69 .pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.wars69 .pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.wars69 .pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.wars69 .wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wars69 .wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* =======================================
	final
======================================= */
.wars69 #final {
	width:960px;
	margin:30px auto 0;
	text-align:center;
}

.wars69 #final ul li {
	list-style:none;
	float:left;
}

.wars69 #final ul li img {
	width:230px;
	height:180px;
	padding:5px;
	vertical-align: bottom;
}

/* =======================================
	countdown
======================================= */
.wars69 #countdown {
	width:1000px;
	margin:0 auto;
	text-align:center;
}

.wars69 #countdown ul li {
	list-style:none;
	float:left;
}

.wars69 #countdown ul li img {
	width:240px;
	height:180px;
	padding:5px;
}


/* =======================================
	pagetop
======================================= */
.wars69 #pageTop{
	font-weight:bold;
	font-size:10px;
	background:rgba(82,74,63,0.7);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	color:#ffffff;
	padding:40px 5px 5px 5px;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:30;
}


.wars69 #pageTop:hover{
	backgrond : rgba(102,94,83,0.5);
}

.wars69 #pageTop:before{
	display:block;
	content: "";
	position:absolute;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	left:24px;
	width:15px;
	height:15px;
	margin-top:-12px;
	border-top:white 4px solid;
	border-left:white 4px solid;
	-webkit-border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	o-border-top-left-radius:4px;
	border-top-left-radius:4px;
}


/* =======================================
	balloon
======================================= */
.wars69 li.muccmember {
	float:left;
	width:90px;
}

.wars69 li.muccstaff {
	float:left;
	max-width:120px;
}

.wars69 li.muccstaff img {
	margin-top:12px;
}

.wars69 .reportLeft ul {
	clear:both;
	height:75px;
	margin-bottom:15px;
    margin-left: 0;
}

.wars69 .balloonLeft {
	float:left;
	position: relative;
	display: inline-block;
	padding: 5px;
	max-width: 290px;
	min-width: 115px;
	height: 75px;
    box-sizing: border-box;
	line-height: 20px;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
}

.wars69 .balloonLeftStaff {
	float:left;
	position: relative;
	display: inline-block;
	padding: 5px;
	width: 600px;
	min-width: 115px;
	height: auto;
	line-height: 20px;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
}

.wars69 .balloonRight {
	float:left;
	position: relative;
	display: inline-block;
	padding: 5px;
    box-sizing: border-box;
	max-width: 290px;
	margin-right:14px;
	min-width: 115px;
	height: 75px;
	line-height: 20px;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
}

.wars69 .balloonLeft:before, .balloonLeftStaff:before {
	content: "";
	position: absolute;
	top: 50%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}

.wars69 .balloonRight:before {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #F6F6F6;
	z-index: 0;
}

.wars69 .balloonLeft:after, .balloonLeftStaff:after {
	content: "";
	position: absolute;
	top: 50%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #19283C transparent transparent;
	z-index: -1;
}

.wars69 .balloonRight:after {
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
	z-index: -1;
}

.wars69 #clickthefilm {
	margin:0 auto 10px;
	text-align:center;
}

/*SP*/
@media only screen and (max-width: 40em) {


.wars69 .pc{
display:block;
}

.wars69 .sp {
display:none;
}


.wars69 #header {
	width:100%;
	height:10px;
	margin:0 auto;
	text-align:center;
}

.wars69 #header_sub {
	width:100%;
	margin:10px auto 5px;
	text-align:center;
}

.wars69 #header_sub img {
	width:90%;
}

.wars69 #contents {
	margin:0 auto 10px;
	width:100%;
	padding:10px 0;
	background-color: rgba(0,0,64,0.2);
	overflow:auto;
	position: relative;
}

.wars69 .report {
	margin:0 auto 10px;
	text-align:center;
	width:90%;
	padding:10px;
	background-color: rgba(255,255,255,0.1);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:auto;
}

.wars69 .reportTop {
	margin:0 auto 10px;
	width:100%;
}

.wars69 .reportTop img {
	width:90%;
}

.wars69 .reportLeft {
	width:100%;
	position: relative;
	overflow: hidden;
}

.wars69 .reportLeft ul {
	clear:both;
    display: table;
    margin-left: 0;
}

.wars69 .reportLeft ul li {

}

.wars69 .reportRight {
	width:100%;
    margin-left: 0;
}

.wars69 .reportRight img {
	width:95%;
}

.wars69 .reportBottom {
	padding-top:15px;
	position:relative;
	overflow: hidden;
	clear:both;
}

.wars69 .reportBottom ul {
	position: relative;
	left: 50%;
	float: left;
}

.wars69 .reportBottom ul li {
	position: relative;
	left: -50%;
	float: left;
}

.wars69 #maintitle {
	width:100%;
	margin:0 auto;
	text-align:center;
}

.wars69 #footer {
	padding:5px 0;
	text-align:center;
	margin-top:10px auto 0;
	color:black;
	background-color: rgba(255,255,255,0.7);
}

/* =======================================
	wideslider
======================================= */
.wars69 .wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wars69 .wideslider ul,
.wars69 .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wars69 .wideslider ul li img {
	width: 100%;
	display: none;
}

.wars69 .wideslider_base {
	top: 0;
	position: absolute;
}
.wars69 .wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.wars69 .slider_prev,
.wars69 .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.wars69 .slider_prev {background: #fff url(../../img.futureartist.net_443/img/mucc/69wars/images/prev.jpg) no-repeat right center;}
.wars69 .slider_next {background: #fff url(../../img.futureartist.net_443/img/mucc/69wars/images/next.jpg) no-repeat left center;}

.wars69 .pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.wars69 .pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.wars69 .pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.wars69 .wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wars69 .wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* =======================================
	wideslider
======================================= */
.wars69 .wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wars69 .wideslider ul,
.wars69 .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wars69 .wideslider ul li img {
	width: 100%;
	display: none;
}

.wars69 .wideslider_base {
	top: 0;
	position: absolute;
}
.wars69 .wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.wars69 .slider_prev,
.wars69 .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.wars69 .slider_prev {background: #fff url(../../img.futureartist.net_443/img/mucc/69wars/images/prev.jpg) no-repeat right center;}
.wars69 .slider_next {background: #fff url(../../img.futureartist.net_443/img/mucc/69wars/images/next.jpg) no-repeat left center;}

.wars69 .pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.wars69 .pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.wars69 .pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.wars69 .wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wars69 .wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* =======================================
	final
======================================= */
.wars69 #final {
	margin:0 auto;
	text-align:center;
}

.wars69 #final ul {
	list-style-type:none;
}

.wars69 #final ul li img {
	width:80%;
	height:auto;
	margin-bottom:10px;
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 5px;
}

/* =======================================
	countdown
======================================= */
.wars69 #countdown {
	margin:0 auto;
	text-align:center;
}

.wars69 #countdown ul {
	list-style-type:none;
}

.wars69 #countdown ul li img {
	width:80%;
	height:auto;
	margin-bottom:10px;
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 5px;
}


/* =======================================
	pagetop
======================================= */
.wars69 #pageTop{
	font-weight:bold;
	font-size:10px;
	background:rgba(82,74,63,0.7);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	color:#ffffff;
	padding:40px 5px 5px 5px;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:30;
}

.wars69 #pageTop:hover{
	backgrond : rgba(102,94,83,0.5);
}

.wars69 #pageTop:before{
	display:block;
	content: "";
	position:absolute;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	left:24px;
	width:15px;
	height:15px;
	margin-top:-12px;
	border-top:white 4px solid;
	border-left:white 4px solid;
	-webkit-border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	o-border-top-left-radius:4px;
	border-top-left-radius:4px;
}


/* =======================================
	balloon
======================================= */
.wars69 li.muccmember {
	width:90px;
    display: table-cell;
    vertical-align: top;
}

.wars69 li.muccmember img {
	padding-right:15px;
}

.wars69 li.muccstaff {
	float:left;
	max-width:90px;
	height:30px;
}

.wars69 li.muccstaff img {
	margin-top:32px;
	padding-right:5px;
}

.wars69 .balloonLeft {
	display:table-cell;
	padding: 5px;
    box-sizing: border-box;
	min-width: 115px;
	height: auto;
	line-height: 20px;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
    width: calc(100% - 110px);
    vertical-align: top;
}

.wars69 .balloonLeftStaff {
	float:left;
	position: relative;
	display: inline-block;
	padding: 5px;
	width: calc(100% - 100px);
	min-width: 115px;
	height: auto;
	line-height: 20px;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
}

.wars69 .balloonRight {
	display:table-cell;
	padding: 5px;
    box-sizing: border-box;
	min-width: 115px;
	height: auto;
	line-height: 20px;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
    vertical-align: top;
    width: calc(100% - 110px);
}

.wars69 .balloonLeft:before, .balloonLeftStaff:before {
	content: "";
	position: absolute;
	top: 50%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}

.wars69 .balloonRight:before {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #F6F6F6;
	z-index: 0;
}

.wars69 .balloonLeft:after, .balloonLeftStaff:after {
	content: "";
	position: absolute;
	top: 50%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #19283C transparent transparent;
	z-index: -1;
}

.wars69 .balloonRight:after {
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
	z-index: -1;
}

.wars69 #clickthefilm {
	margin:0 auto 10px;
	text-align:center;
}

}


/*HypnosThanatos*/

.f-hypnos_thanatos body {
    background: #ffffff;
}

.widget_misc_hypnos_thanatos .widget_header {
    display: none;
}

body.template .content_body.widget_misc_hypnos_thanatos {
    max-width: 960px !important;
    padding: 0 !important;
}

.hypnos_thanatos a {text-decoration:none;}
.hypnos_thanatos a:link {color: #fff;text-decoration:underline;}
.hypnos_thanatos a:visited {color: #fff;text-decoration:none;}
.hypnos_thanatos a:hover {color: #fff;text-decoration:underline;}
.hypnos_thanatos a:active {color: #fff;text-decoration:none;}
.hypnos_thanatos a:focus {color: #fff;text-decoration:none;outline:none;}


/*-----------------------------------------------
レイアウト
------------------------------------------------*/
/* ▼(B)タブ部分 */
.hypnos_thanatos p.tabs { margin: 0px; padding: 0px; }
.hypnos_thanatos p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 60px; height: 50px; float: left;
   margin: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
.hypnos_thanatos p.tabs a.tab1 { background-color: blue;  color: white; }
.hypnos_thanatos p.tabs a.tab2 { background-color: #aaaa00; color:white;}
.hypnos_thanatos p.tabs a.tab3 { background-color: red;   color: white; }
.hypnos_thanatos p.tabs a.tab4 { background-color: blue;  color: white; }
.hypnos_thanatos p.tabs a.tab5 { background-color: #aaaa00; color:white;}
.hypnos_thanatos p.tabs a.tab6 { background-color: red;   color: white; }
.hypnos_thanatos p.tabs a.tab7 { background-color: blue;  color: white; }
.hypnos_thanatos p.tabs a.tab8 { background-color: #aaaa00; color:white;}
.hypnos_thanatos p.tabs a.tab9 { background-color: red;   color: white; }
.hypnos_thanatos p.tabs a.tab10 { background-color: blue;  color: white; }
.hypnos_thanatos p.tabs a.tab11 { background-color: #aaaa00; color:white;}
.hypnos_thanatos p.tabs a.tab12 { background-color: red;   color: white; }
.hypnos_thanatos p.tabs a.tab13 { background-color: blue;  color: white; }
.hypnos_thanatos p.tabs a.tab14 { background-color: #aaaa00; color:white;}
.hypnos_thanatos p.tabs a.tab15 { background-color: red;   color: white; }
.hypnos_thanatos p.tabs a.tab16 { background-color: blue;  color: white; }
.hypnos_thanatos p.tabs a:hover { color: yellow; }

/* ▼(C)タブ中身のボックス */
.hypnos_thanatos div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 1150px;  clear: left; background-color:#fff;
}
/* ▼(C-3)各ボックスの配色 */
.hypnos_thanatos div#tab1 { background-color: #fff; }
.hypnos_thanatos div#tab2 { background-color: #fff; }
.hypnos_thanatos div#tab3 { background-color: #fff; }
.hypnos_thanatos div#tab4 { background-color: #fff; }
.hypnos_thanatos div#tab5 { background-color: #fff; }
.hypnos_thanatos div#tab6 { background-color: #fff; }
.hypnos_thanatos div#tab7 { background-color: #fff; }
.hypnos_thanatos div#tab8 { background-color: #fff; }
.hypnos_thanatos div#tab9 { background-color: #fff; }
.hypnos_thanatos div#tab10 { background-color: #fff; }
.hypnos_thanatos div#tab11 { background-color: #fff; }
.hypnos_thanatos div#tab12 { background-color: #fff; }
.hypnos_thanatos div#tab13 { background-color: #fff; }
.hypnos_thanatos div#tab14 { background-color: #fff; }
.hypnos_thanatos div#tab15 { background-color: #fff; }
.hypnos_thanatos div#tab16 { background-color: #fff; }
.hypnos_thanatos div.tab p { margin: 0.5em; }


.hypnos_thanatos #wrapper {max-width:960px;margin:0 auto;text-align:center;}

.hypnos_thanatos #header {text-align:left;max-width:960px;max-height:160px;background-image: url("../../img.futureartist.net_443/img/mucc/hypnos_thanatos/images/header.jpg")}
.hypnos_thanatos #date {text-align:left;max-width:960px;max-height:50px;background-color:#ccc;}

.hypnos_thanatos .title {text-align:left;margin-top:10px;max-width:960px;height:80px;border-bottom: 1px dotted #CCCCCC;}
.hypnos_thanatos .mainC {margin-top:30px;}
.hypnos_thanatos .leftC {text-align:left;max-width:740px;max-height:780;float:left;}
.hypnos_thanatos .rightC {text-align:left;max-width:220px;float:right;}

.hypnos_thanatos .movie {border-bottom: 1px dotted #CCCCCC;padding:10px;}
.hypnos_thanatos .today {padding:10px;}
.hypnos_thanatos .handwt {border-left: 1px dotted #CCCCCC;padding:10px 10px 0px;}
.hypnos_thanatos .handwt img {margin-bottom:10px;}
.hypnos_thanatos .handwt p {margin:0;padding:0;}
.hypnos_thanatos .setlist {border-top:1px dotted #CCCCCC;clear:both;text-align:center;max-width:960px;max-height:90px;}

.hypnos_thanatos .gotoTop {height:15px;clear:both;text-align:right;background-color:#000;font-size:10px;padding:10px 0px;padding-right: 20px;line-height: 0;}


@media only screen  and (max-width:960px) {


.box-video{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.box-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;  
}

.hypnos_thanatos div.tab {
    height: 100%;
}


.hypnos_thanatos p.tabs a {
    width: calc(100% / 8);
    background: #0f0b06 !important;
    height: auto;
}

.hypnos_thanatos p.tabs a img {
    width: 100%;
}

.hypnos_thanatos .leftC {
    text-align: left;
    max-width: none;
    max-height: none;
    float: none !important;
    width: 100%;
}


.hypnos_thanatos .leftC .today {
    letter-spacing: -1em;
}

.hypnos_thanatos .leftC .today a {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    padding:0 5px;
}

.hypnos_thanatos .leftC .today img{
    width: 100%;
}

.hypnos_thanatos .rightC {
    text-align: left;
    max-width: none !important;
    float: none !important;
    width: 100% !important;
}

.hypnos_thanatos .rightC .handwt > p {
    width: 100%;
    text-align: center;
    background: #0d0d0d;
    padding: 0;
    margin-bottom: 10px;
}

.hypnos_thanatos .rightC .handwt > p img {
    margin-bottom: 0;
}

.hypnos_thanatos .rightC .handwt div {
    display: inline-block;
    width: calc(100% / 4 - 5px);
}

}


@media only screen and (max-width: 40em) {

.f-hypnos_thanatos .content-wrap{
    background: #ffffff;
}

.f-hypnos_thanatos.f-index .right-menu {
    visibility: visible;
}

.hypnos_thanatos .title {
    height: auto;
}


.hypnos_thanatos p.tabs a {
    height: auto;
}

.hypnos_thanatos .leftC .today a {
    width: 100%;
    display:block;
}

.hypnos_thanatos .rightC .handwt div {

    display: inline-block;
    width: calc(100% / 2 - 5px);
    text-align: center;
}

.hypnos_thanatos div.tab p {
    margin: 0;
}

}

.sign_in {display:none !important;}