@charset "utf-8";
/* CSS Document */

@import url('//fonts.googleapis.com/css?family=Cantarell:400,700|Nothing+You+Could+Do');

img, input[type="image"] {
	  touch-callout:none;
	  user-select:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

body {
 background:#faebeb  url(../img/maco_bg.png) left 128px repeat-x;
}
.markdown a{
    color: #ff50ff;
}
.markdowna:hover{
    color: #ff50ff;
}
.markdown .sp_menu a,
.markdowna:hover a{
    color: #000;
}
.f-show .widget_diary p,
.f-show .widget_store p,
.f-show .widget_music p,
.f-show .widget_event p,
.markdown p {
    margin-bottom:15px !important;
}

.content-wrap,
.content{
	background: #ffffff;
	color: #000000;
}

.content-wrap {
    background: transparent !important;
	width: 100%;
    max-width: 1000px !important;
    margin: 0px auto !important;
    float: none !important;
    position: static;
}
.content {
	border-radius: 5px;
}

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


p:empty {
	display: none !important;
}

#down_anchor {
    display: none !important;
}
.subheader{
    color: inherit;
}

/*header*/
.global-header {
	padding: 0;
}

.top-bar-section ul {
	text-align: left;
	padding-bottom: 1rem;
}

.top-bar-section ul li {
	float: none;
	display: inline-block;
	vertical-align:middle;
	margin: 0;
}

.top-bar-section ul li:last-child {
	margin: 0;
}


.top-bar-section ul li + li::before{
	content: "|";
}

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

.top-bar-section {
	text-align: center;
}
.template .top-bar-section ul li > a:hover {
	color:#f7d2e2 !important;
}

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

.top-bar {
    max-width: 1000px;
    margin: auto;
    position: relative;
}

.top-bar .title-area {
	float: none;
	text-align: left;
}

.top-bar .name {
	display: inline-block;
}

.top-bar .title-area .site_title a {
	width: 350px !important;
	height: 80px;
	display: block;
	background: url(../img/maco_logo.gif) left top/ 100% auto  no-repeat;
	text-indent: -9999px;
}

.top-bar-section ul.right {
	float: none !important;
	text-align: center;
	display: block;
}


.top-bar-section ul.right li {
	float: none;
	display: inline-block;
	vertical-align:middle;
}

.top-bar-section ul li > a {
	font-family: 'Cantarell', cursive;
	font-size: .9rem;
	display: inline;
	font-weight: bold;
}

.column_widget_misc_sp_menu {
	display: none;
}

/*snsicon*/
.snsicon {
    position: absolute;
    top:20px;
    right: 0;
}

.snsicon li {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 8px;
}

.snsicon li.tw:hover {
    background:url(../img/icon_tw_pink.png) left top/ 100% auto  no-repeat; 
}

.snsicon li.fb:hover {
    background:url(../img/icon_fb_pink.png) left top/ 100% auto  no-repeat; 
}

.snsicon li.insta:hover {
    background:url(../img/icon_insta_pink.png) left top/ 100% auto  no-repeat; 
}

.snsicon li.line:hover {
    background:url(../img/icon_line_pink.png) left top/ 100% auto  no-repeat; 
}

.snsicon li.yt:hover {
    background:url(../img/icon_yt_pink.png) left top/ 100% auto  no-repeat; 
}

.snsicon li.weibo:hover {
    background:url(../img/icon_weibo_pink.png) left top/ 100% auto  no-repeat; 
}

.snsicon li:hover img {
    opacity: 0;
}

.snsicon li img {
    width: 100%;
    vertical-align: top;
}

/*main*/


body.template .content_body {
	background:rgba(255,255,255,0);
}

.f-home body.template .content_body {
	padding: 0;
}
.f-home body.template .top-bar .toggle-topbar.menu-icon{
    display: none;
}
.widget_misc_sp_menu .sp_menu .ui-list{
    text-align: center;
    margin: 0;
}

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: 16px !important;
	font-family: 'Cantarell', sans-serif;
	text-align: center;
	float: none !important;
	font-weight: 700 !important;
}

body.template header .right > a {
	background:rgba(255,255,255,0);
	font-family: 'Cantarell', sans-serif;
	color: #000000;
}

body.template header .right > a:hover {
	background:rgba(255,255,255,0) !important;
	opacity: 0.5;
}

.f-show .content_body {
	padding:20px 10px !important;
	box-sizing: border-box;
}

.item_title a,
.content_body .title:not(.subtitle) {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}

.content_body .label {
	line-height: 1 !important;
	padding: 5px 8px !important;
}

.content_body:not(.widget_misc_sp_menu) .no-bullet li,
.widget-item-thumbnail-list .vertical-list-item {
   border-bottom: #000000 dotted 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;
}
/*news*/

/*
.column_widget_news {
	padding: 0 !important;
}

.f-home .column_widget_news {
	margin-top: 30px;	
}

.column_widget_news .widget-item-thumbnail-list {
	text-align: center;
}

.column_widget_news .widget-item-thumbnail-list .horizontal-list-item {
	float: none;
	margin: 4px;
	width: calc(100% / 4 - 12px);
	width: 238px;
	background: #ffffff;
	box-sizing: border-box;
	border: #cccccc double 4px;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.column_widget_news .widget-item-thumbnail-list .horizontal-list-item .title.layout-widget-thumbnail-max {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom:#444444 dotted 1px;
}

.column_widget_news .widget-item-thumbnail-list .horizontal-list-item .widget-item-list-text {
	margin-top: 8px;
}

.column_widget_news .widget-item-thumbnail-list .horizontal-list-item .label {
	background: rgba(255,255,255,0);
	color: #444444;
	padding: 5px 0;
}

.content_body.widget_news {
	padding: 1.25rem 0 !important;
}

.f-news.f-show .content_body.widget_news {
	padding: 1.25rem !important;
}*/

.content_body.widget_news {
	padding: 1.25rem;
	height: 100%;
}

.f-news.f-show .markdown{
	line-height: 1.3;
	margin-top: 20px;
}
/*Biography*/
.f-biography .widget_biography h3.item_title{
	display: none !important;
}


/*discography*/

.btn_link {
	margin: 20px 0;
}

.btn_link ul {
	margin:5px 0;
}

.btn_link li {
	list-style: none;
	width: 170px;
	display: inline-block;
	margin:0 5px 8px 0;
}

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

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

/*contact*/
.contact {
	text-align: center;
}

.contact p a {
	display: inline-block;
	background: #7d6543;
	padding: 10px 30px;
	color: #ffffff;
}


/*お問い合わせ*/

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

.f-inquiry .widget-inquiry .widget_title.left {
    float: none !important;
}
#new_artist_data_inquiry_item .row .small-12.medium-8.columns {
    float: none;
    margin: auto;
    text-align: center;
    max-width: 650px;
}

/*live*/


.f-event.f-show body.template .column_widget_event .item_title{
    font-weight: bold;
}

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



.f-event.f-show body.template .event-artist-name-term,
.f-event.f-show body.template .event-artist-name-description,
.f-event.f-show body.template .event-performer-term,
.f-event.f-show body.template .event-performer-description,
.f-event.f-show body.template .event-date-term,
.f-event.f-show body.template .event-date-description,
.f-event.f-show body.template .event-venue-term,
.f-event.f-show body.template .event-venue-description{
    display: none;
}

/*feed*/

.widget_feed .panel,
.widget_feed .content {
	background: rgba(255,255,255,0);
}

.widget_feed hr {
	border-bottom: #000000 dotted 1px;
}
/*fanclub*/
.widget_misc_macofam .markdown table,
.widget_fanclub .markdown table {
    border-collapse: collapse;
}

.widget_misc_macofam .markdown caption,
.widget_fanclub .markdown caption {
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold;
}

.widget_misc_macofam .markdown table th,
.widget_fanclub .markdown table th {
    background: rgba(0,0,0,.06);
    border: #000000 solid 1px;
}
.widget_misc_macofam .markdown table th:nth-child(2),
.widget_misc_macofam .markdown table th:nth-child(3),
.widget_fanclub .markdown table th:nth-child(2),
.widget_fanclub .markdown table th:nth-child(3) {
    width: 120px;
    text-align: center;
}
.widget_misc_macofam .markdown table td:nth-child(2),
.widget_misc_macofam .markdown table td:nth-child(3),
.widget_fanclub .markdown table td:nth-child(2),
.widget_fanclub .markdown table td:nth-child(3) {
    text-align: center;
}

.widget_misc_macofam .markdown table td,
.widget_fanclub .markdown table td {
    border: #000000 solid 1px;
}

 a.supportersclub_button.button {
	color: #ffffff;
	background-color: #ee859a;
}

body.template .widget_fanclub h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.price_plan_form tr:nth-of-type(3n - 2) > th {
    vertical-align: top;
    padding: 0em;
}

.price_plan_form tr:nth-of-type(3n - 2) > th > input{
    margin-top: .5em;
}

.price_plan_form th > label {
    background: #333;
    color: #fff;
    padding: .5em;
}

.price_plan_form tr:nth-of-type(3n) > td > label{
    /*会費を非表示*/
    display: none;
}


.settings_form.members_card .form_area {
    display: flex;
    justify-content: center;
}

.settings_form.members_card .form_area .card_img:nth-child(1) {
    width: 40%;
    margin-right: 40px;
}

.settings_form.members_card .form_area .card_img:nth-child(2) {
    width: 40%;
}

/* スタンプ */
.f-stamp .expiration_date {
    display: none;
}


/*2017xmaspresent*/

.f-2017xmaspresent .widget_misc_2017xmaspresent video {
    max-width: 600px;
    width: 100%;
    height: auto;
}

/*PC*/
@media only screen and (min-width: 64em) {
/*discography*/

.widget_music .column.medium-6.large-4 {
width:25% !important;
}

}


/*TAB*/
@media only screen and (min-width: 40em) and (max-width: 64em) {
.f-home .column_widget_news .widget-item-thumbnail-list .horizontal-list-item {
    margin: 4px;
    width: 238px;
}
/*discography*/

.widget_music .column.medium-6.large-4 {
width:33.333333% !important;
}


}

/*SP*/
@media only screen and (max-width: 40em){
.pc {
    display: none;
}

.sp {
    display: block;
}

.snsicon {
    position: static;
    text-align: center;
    margin: 0;
}


/*main*/
.contents {
    background:#faebeb  url(../img/maco_bg_sp.png) left top repeat-x;
    padding: 0.46875rem;
}

.top-bar .title-area .site_title a {
	width: 140px !important;
	height: 25px;
	display: block;
	background: url(../img/maco_logo.gif) left top/ 100% auto  no-repeat;
	text-indent: -9999px;
}


.top-bar .toggle-topbar.menu-icon a::after {
    -webkit-box-shadow: 0 10px 1px 1px #f7d2e2, 0 16px 1px 1px #f7d2e2, 0 22px 1px 1px #f7d2e2;
    box-shadow: 0 10px 0 1px #f7d2e2, 0 16px 0 1px #f7d2e2, 0 22px 0 1px #f7d2e2;
    left: 5px;
}

.global-header {
    position:relative;
    top: 0px;
	background: #ffffff;
	padding: 5px 0;
}

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

.right-menu.menu-on {
	margin-top: 60px;
}

.off-canvas {
	background: #ffffff;
}

.ui-list {
	letter-spacing: -1em;
	overflow: auto !important;
	margin: 0;
}

.ui-list li {
	width: 30%;
	margin: 3px;
	border: #000000 solid 1px;
	display: inline-block;
	letter-spacing: normal;
}

.ui-list li.listheader {
	display: none;
}

.ui-list li:empty {
	display: none;
}
.ui-list li:nth-child(11) {
	display: none;
}

.ui-list li.spmenu_title {
	border: rgba(255,255,255,0) solid 1px;
	padding:10px 20px;
	color:#000000;
	vertical-align: top;
	font-family: 'Cantarell', sans-serif;
	font-size: .75rem;
	text-align: center;
}

.off-canvas .right-menu .off-canvas-list {
	background:  #ffffff;
}

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

ul.off-canvas-list li a {
	font-family: 'Cantarell', cursive;
	color: #000000;
	background:  #ffffff;
	font-weight: bold;

	font-size: .75rem;
}

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

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

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

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

/*menuの出る方向*/

.off-canvas .right-menu{
	height:100%
}

.off-canvas .right-menu .off-canvas-list{
	height:100%
}

.off-canvas-opened .off-canvas{
	display:block;
	height: 100%;
}

.off-canvas-opened .off-canvas .right-menu .off-canvas-list .ui-list{
	overflow:auto;
	width:100%;
	height:100%;
	-webkit-overflow-scrolling:touch;
}

.off-canvas .right-menu{
	margin-left:0
}


/*sp_menu*/

.column_widget_misc_sp_menu {
	display: block;
}

.column_widget_misc_sp_menu .widget_header {
	display: none;
}


.column_widget_misc_sp_menu .ui-list li a .row .column.small-2 {
	display: none;
}

.column_widget_misc_sp_menu .ui-list li a .row .column.small-10 {
	text-align: center;
	font-family: 'Cantarell', cursive;
	width: 100%;
	font-weight: bold;
	font-size: 0.7rem;
}

/*news*/

.f-home .column_widget_news {
	margin: 0;
}


.f-home .column_widget_news .widget-item-thumbnail-list {
	text-align: center;
}

.f-home .column_widget_news .widget-item-thumbnail-list .horizontal-list-item {
	width: 100%;
	height: auto;
	border: none;
	border-bottom: #000000 dotted 1px;
	background: rgba(255,255,255,0);
	margin: 0;
}

.f-home .column_widget_news .widget-item-list-thumbnail {
	width: 100px;
	display: inline-block;
	vertical-align: top;
}

.f-home .column_widget_news .widget-item-list-thumbnail .layout-widget-thumbnail-size {
	width: 100px !important;
	height: auto !important;
}

.f-home .column_widget_news .widget-item-list-thumbnail .layout-widget-thumbnail-size img {
	width: 100% !important;
	height: auto !important;
}

.f-home .column_widget_news .widget-item-list-text {
	width: calc(100% - 110px);
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin:0 0 0 5px !important;
}

.f-home .column_widget_news .widget-item-list-text .layout-widget-thumbnail-max {
	max-width: 100%;
}

.column_widget_news .widget-item-thumbnail-list .horizontal-list-item .title.layout-widget-thumbnail-max {
	border: none;
}


/*live*/

body.template .content_body .complement dl dt {
    clear: both;
    display: block;
    float: none;
	margin-top: 15px;
}

body.template .content_body .complement dl dd {
    display: block;
    margin-left: 0;
}

/*store*/

.contents .column.column_widget_misc_top_store,
body.template .content_body.widget_misc_top_store{
padding: 0 !important;
}

.f-show.f-store h4.subheader.tag.text-center span {
display: block;
}

html.f-show.f-store .container .medium-8 .introduct .medium-3 #add_to_cart_url {
margin-bottom: 15px !important;
}


html.f-show.f-store .widget_store .container .medium-8 #div_for_products_item .text-right h4 {
	padding: 0 !important;
    margin: 10px 0;
}
html.f-show.f-store .widget_store .container .medium-8 #div_for_products_item .medium-8 #size_select{
	margin: 0 !important;
}
html.f-show.f-store .widget_store .container .medium-8 #div_for_item_info .complement{
	margin: 0 !important;
}
.contents_settings .settings .show-for-medium-up {
    padding: 0 !important;
    width: 100% !important;
}
.contents_settings .settings .column.medium-10.small-12{width:100% !important;}
section.product_list .product_img {
    width: auto !important;
}
section.product_list .product_detail{padding: 0 !important;}
section.product_list .product_detail .medium-12 {
    padding: 0 !important;
    font-size: 0.85rem;
    line-height: 1.5;
}
.product_list .row.custom_product_list {
    position: relative;
}
/*
.f-store .widget_store .medium-6 {
    width: 50% !important;
}*/


.f-store #div_for_products_item .row {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.f-store .container > .row > .column.medium-4 .clearing-thumbs li {
    margin: 0 !important;
    float: none !important;
}


.f-store .container > .row > .column.medium-4:first-child {
	width:100%;
	padding: 0;
	float: none;
	text-align: center;
}

.f-store .container .column.medium-4.complement.text-right {
	text-align: left !important;
}

.f-store .container .column.medium-4 + .column.medium-8  {
	width:100% !important;
	padding: 0;
	float: none;

}

.f-show.f-store h4.subheader.tag.text-center span{
	display: inline-block;
	width: auto;
	padding: 10px;
	text-align: center;
}

.f-store .container  .column.medium-4 + .column.medium-8 .introduct {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#warning_cart_check {
	margin: 0;
}

.widget_fanclub .markdown div a:nth-child(2) {
	margin: 8px 0;
	display: block;
}

.widget_fanclub .markdown div a img {
	width: 100% !important;
	height: auto !important;
}

/*feed*/

.feed-content-box .subheader {
	font-size: 11px;
}

.feed-content-box .small-3 {
	width: 100%;
}

.feed-content-box .small-9.columns {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
}
.jscroll-inner div.row {
	padding: 0 !important;
}

.feed-image-box {
	width: 15%;
}

.feed-content-box {
	width: 85%;
}

.jscroll-added.pad10 {
	padding: 0 !important;
}


/*MOVIE*/

.flex-video.flex-video-custom {
	height: 0 !important;
	padding-top: 56.25%;
	position: relative;
}

.flex-video-custom iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

/*DISCOGRAPHY*/
.widget_music .row.tile {
	letter-spacing: -1em;
}

.widget_music .column.medium-6.large-4 {
	width:50% !important;
	float: none;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.widget_music .column.medium-6.large-4 > .column {
	padding: 0;
}

.widget_music .container {
	margin: 0 !important;
}

.widget_music .container.text-center h3 {
	margin: 1rem 0 0 0 !important;
}

.widget_music .container.text-center a {
	font-size: .75rem !important;
}


/*fanclub*/
.f-macofam table th,
.f-macofam table td,
.f-fanclub table th,
.f-fanclub table td {
    font-size: 0.7rem;
}

.f-macofam table th:nth-child(2),
.f-macofam table th:nth-child(3),
.f-fanclub table th:nth-child(2),
.f-fanclub table th:nth-child(3) {
    width: auto;
}

.f-macofam table th:nth-child(4),
.f-fanclub table th:nth-child(4) {
    width: 50%;
}
   

.settings_form.members_card .form_area {
    display: flex;
    flex-direction: column;
}


.settings_form.members_card .form_area .card_img:nth-child(1) {
    width: 100%;
     margin-right: 0;
}


.settings_form.members_card .form_area .card_img:nth-child(2) {
    width: 100%;
}


}

/*メニューの動き*/

@media all and (-webkit-transform-3d){

.content-wrap,.global-header,.global-header-ghost{
	-webkit-transition-property:-webkit-transform;
}

.open-right{
	left:0;
	top:-300px;
	-webkit-transform:translate3d(0,300px, 0);
	transform:translate3d(0,300px, 0)
}

.open-left{
	left:0;
	top:0;
	-webkit-transform:translate3d(0,-100%, 0);
	transform:translate3d(0,-100%, 0);
}

}