@import 'https://fonts.googleapis.com/css?family=Righteous';
@media only screen and (max-width: 40em){
.column_billboard{
margin-top:20px;
}
}

/* body box PC/TB/SP共通
-------------------------------------------*/
body, .content-wrap{background: #000 !important; color: #222 !important; font-size:100%; overflow-x: hidden; line-height:1.4 !important;}
*:focus {outline: none !important;}
.contents {background: #000 !important;}
.content{background: #FFF !important;}
.content_body {background: #FFF !important; border-radius:5px !important;}
.column_footer { background: #000 !important;}
.widget_header,.widget-banner {background:transparent !important;}

body.template .content_body p{line-height: 1.6 !important;}
body.template .content_body h3.subheader{margin: 0 !important; line-height: 1.6rem !important;}
body.template .content_body .container{margin: 0 !important;}
body.template .content_body h3{margin-top:0 !important;}
body.template .content_body .label{margin: 0;}
.widget_header h2,.widget_header h2 a,h2.widget_header,header h2 a{font-size:1.2rem !important;}
time{color:#777 !important;}
/*------------------------------------*/

/* メニュー
-------------------------------------------*/
@media only screen and (min-width: 64.063em){
.top-bar-section ul li a[href="/users/sign_in"]{display: none !important;}
}
@media only screen and (min-width: 40em) and (max-width: 64em){
.top-bar-section ul li a[href="/users/sign_in"]{display: none !important;}
}
@media only screen and (max-width: 40em){
.right-menu .ui-list li a[href="/cart/order/cart_store_list"]{display: none !important;}
}

.top-bar-section ul li>a {
    font-weight: bold;
    padding: 0 1rem !important;
    font-size: 1rem;
    color: #FFF;
    font-family: 'Righteous', cursive !important; !important;
    text-transform: uppercase;
}
.global-header{background:#000 !important;}
.global-header .top-bar-section ul a.thin.dropdown-trigger:hover {
    background: #555 !important;
}
.global-header .top-bar-section ul a.thin.dropdown-trigger{
	padding: 0.4rem 2rem 0 1rem !important;
    font-size: 0.75rem !important;
    background: #000;
    border: none !important;
    color: #FFF !important;
	height: 35px;
}
.global-header .dropdown li:not(.has-form) a:not(.button) {
   background: rgba(0, 0, 0, 1) !important;
    padding: 0.5rem !important;
    font-size: 0.85rem !important;
    margin: 0.1rem 0;
	color: #FFF !important;
}
.global-header .dropdown li:not(.has-form) a:not(.button):hover{background:rgba(45, 45, 45, 0.7) !important; color:#FFF !important;}	
.global-header .top-bar-section .has-dropdown>a:after {
    margin-top: -2.5px !important;
	border-color: rgba(255,255,255,1) transparent transparent transparent;
	margin-right: 0.6rem;
}
.contents header.clearfix {
    border-bottom: 1px #000 solid !important;
    padding: 0 !important;
}
.widget_header h2,.widget_header h2 a,h2.widget_header,header h2 a,header.cart_header .cart_title{font-size:1.6rem !important; font-family: 'Righteous', cursive !important; !important;}

@media only screen and (min-width: 40em){
.global-header .title-area .name h1 a {
    background: url("//img.futureartist.net/asobi/leaders_rogo.png") left top no-repeat;
    display: block;
    width: 207px;
    height: 38px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    background-size: 100% auto;
    color: transparent !important;
}
.f-home .contents .large-12{height:auto !important;}
}
@media only screen and (min-width: 40em) and (max-width: 64em){
	.f-home .contents .column_widget{height:auto !important;}
}
@media only screen and (max-width: 40em){
.top-bar .toggle-topbar.menu-icon a {background: transparent !important;}
.top-bar .toggle-topbar.menu-icon a::after{box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF;}
.tag-menu.mobile .tag-item.label.secondary, .tag-menu.mobile .group-item.label.secondary, .group-menu.mobile .tag-item.label.secondary, .group-menu.mobile .group-item.label.secondary{padding: 0.8rem 0;}
header.widget_header .widget_options a.tag-categories{font-size: 0.85rem !important; padding: 0 0.5rem;}
.global-header .top-bar .name h1 a{
	font-weight: normal;
    font-size: 1.2rem;
    font-family: 'Righteous', cursive !important; !important;
}
.global-header .large-12{padding:0 0.3rem !important;}
ul.off-canvas-list li label{font-family: 'Righteous', cursive !important; color:#fff !important; font-size: 1rem !important;}
ul.off-canvas-list li a{font-family: 'Righteous', cursive !important; font-weight:normal; text-transform: uppercase;}
ul.off-canvas-list li a:hover{background:#777 !important;}
body.template .content_body header .right{margin:0;}
.global-header .title-area .name h1 a {
    background: url("//img.futureartist.net/asobi/leaders_rogo_S.png") left top no-repeat;
    display: block;
    width: 153px;
    height: 28px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    background-size: 100% auto;
    color: transparent !important;
}
.f-home .contents .column_widget{height:auto !important;}
}
/*------------------------------------*/

/* フッターstart---------------------------------------------------*/
.global-footer{padding:20px 0 !important;}
.global-footer nav{padding:0 !important;}
.global-footer .bottombar ul li a {color:#FFF !important; font-size: 0.85rem !important;}
.global-footer p small{color: #FFF !important;}
/* フッター end----------------------------------------------------*/

/* ボタン系 PC/TB/SP共通
-------------------------------------------*/
.label.secondary {background: #777; color: #FFF;}
button:hover, button:focus, .button:hover, .button:focus {background: #777; color: #FFF !important;}
button, .button {background: #777; color: #FFF !important;}
body.template .settings_form .button_area .button.small.radius.secondary {
    padding-top: 0.8rem;
    padding-right: 1.75rem;
    padding-bottom: 1.15rem;
    padding-left: 1.75rem;
    font-size: 0.95rem !important;
}
/*------------------------------------*/

/* 各コンテンツ PC/TB/SP共通
-------------------------------------------*/

/*Biography*/
.f-biography .widget_biography h3.item_title{display: none !important;}
/*------------------------------------*/

/*Fanclub*/
.f-home .widget_fanclub ul li .price_plan_form table{display: none !important;}
html.f-new.f-profile.f-settings .settings header.settings_header {display: none !important;}
html.f-confirm.f-profile.f-settings .settings header.settings_header {display: none !important;}
html.f-confirm.f-profile.f-settings .settings .row .medium-10 h3{font-size: 1.2rem !important; margin: 0 0 0.5rem 0 !important;}
/*------------------------------------*/

/*News*/
.widget_news ul li{margin-bottom: 1.5rem; border-bottom: 1px #CCC dashed; padding-bottom: 0.5rem;}
.widget_news ul li h3 .label {margin-right: 0.5rem !important;}
html.f-news.f-show h3.item_title .label{margin-right: 0.5rem !important;}
html.f-news.f-show h3.item_title{font-size: 0.9rem !important;}
html.f-news.f-show .markdown{margin: 20px 0 30px 0;}
/*------------------------------------*/

/*Event*/
.widget_event ul li p.title{font-size:0.9rem !important;}
.widget_event ul li p.subtitle {font-size: 0.75rem !important;}
.widget-item-thumbnail-list .widget-item-list-table .widget-item-list-right.widget-item-list-cell{padding-left: 0 !important;}
.widget_event ul li{margin-bottom: 1.5rem; border-bottom: 1px #CCC dashed; padding-bottom: 0.5rem;}
.widget_event ul li span.label {margin-right: 0.5rem !important;}
html.f-event.f-show h3.item_title{font-size: 0.9rem !important;}
html.f-event.f-show h3 span.label{margin-right: 0.5rem !important;}
html.f-event.f-show .clearing-assembled .carousel ul li{width: 20% !important; height:auto !important; border:none !important;}

@media only screen and (max-width: 40em){
html.f-event.f-show .clearing-assembled .carousel ul li{width: 100% !important;}
}
/*------------------------------------*/

/*Feed*/
.widget_feed ul li .row{margin: 0 !important;}
.widget_feed li{margin-bottom: 1.5rem; border-bottom: 1px #CCC dashed; padding-bottom: 0.5rem;}
.f-home .feed-content-box {word-wrap: break-word;}
.f-home .feed-content-box .small-9{padding-right: 0 !important; width: 100% !important;}
.f-home .feed-content-box .small-3{padding: 0 !important; width: 100% !important;}
/*------------------------------------*/

/*Media*/
.widget_mediainfo ul li{margin-bottom: 1.5rem; border-bottom: 1px #CCC dashed; padding-bottom: 0.5rem;}
.widget_mediainfo ul li h3 .label {margin-right: 0.5rem !important;}
.widget_mediainfo ul li h3.item_title a{font-size: 0.9rem !important;}
html.f-mediainfo.f-show .markdown{margin: 20px 0 30px 0;}
/*------------------------------------*/

/*Video*/
.widget_video article .row{margin: 0 !important;}
.f-home .widget_video .container h3.item_title{margin-top: 0.5rem !important;}
html.f-show.f-video .widget_video h2.widget_title{display:none !important;}
/*------------------------------------*/

/*Music*/
.widget_music article .row{margin: 0 !important;}
.f-home .widget_music .container h3.item_title{margin-top: 0.5rem !important;}
.f-music .widget_music .medium-8 .complement h4:nth-of-type(4) {display: none !important;}
html.f-music.f-show .container .complement{margin-top: 0 !important;}
html.f-music.f-show .container .medium-8 .medium-9 h3.item_title{font-size:130% !important;}
html.f-music.f-show .container .medium-8 .medium-9 h4{font-size: 1rem !important;}
html.f-music.f-show .container .medium-8 .medium-3 a.button{margin:0 !important;}
html.f-music.f-show .container .medium-8 .row.introduct p{padding: 0.46875rem !important;}
@media only screen and (max-width: 40em){
html.f-music.f-show .content_body .container .medium-8{text-align: center !important;}
html.f-music.f-show .content_body .container .medium-8 .introduct p {text-align: left !important;}
html.f-music.f-show .content_body .container .medium-8 .medium-3 .row .column a.button.small.radius.ext-link{width: 100% !important;}
}
/*------------------------------------*/

/*Store*/
.widget_store article .row{margin: 0 !important;}
.f-home .widget_store .container a img{border: 1px solid #CCC;}
.f-home .widget_store .container h3.item_title{margin-top: 0.5rem !important;}
html.f-show.f-store .container .medium-8 .medium-12 h3.item_title{font-size:130% !important;}
.f-store .widget_store .medium-8 .complement h4:nth-of-type(2) {display: none !important;}
.f-store .widget_store .medium-6 .container.text-center.thumbnail {padding: 0.46875rem !important;}
.f-store li.clearing-featured-img {float: none !important; margin: 0 auto !important;}
.f-store li.clearing-featured-img .store_image_p{height: auto !important; max-width: 80% !important;}
html.f-cart.f-cart_store_list.f-order .cart .row{margin:0 !important;}
.cart header.cart_header{border-bottom: 1px #000 solid !important; padding: 0.2rem 0 0.5rem 0 !important;}

@media only screen and (max-width: 40em){
html.f-store.f-show .content_body .container .medium-8{text-align: center !important;}
.f-store li.clearing-featured-img .store_image_p{max-width: 90% !important; margin: 0 !important;}
html.f-show.f-store .container .medium-8 .medium-4 .complement{margin-top:0 !important;} 
html.f-show.f-store .container .medium-8 br {display: none !important;}
html.f-show.f-store .container .medium-8 .row.introduct.store_line .medium-12 p{text-align: left !important;}
html.f-show.f-store .container .medium-8 .introduct .medium-3 #add_to_cart_url{margin:0 !important; width: 100% !important;}
html.f-show.f-store .container .medium-4{line-height: 0 !important;}
html.f-show.f-store .container .medium-4 h4.subheader.tag.text-center{display: none !important;}
#cart_store_list_menu_row #cart_store_list_header{display:none !important;}
#cart_store_list_menu_row hr{display:none !important;}
#cart_store_list_menu_row .column .medium-3 a p{font-size: 130% !important; text-align:center !important;}
#cart_store_list_menu_row .column .medium-2{text-align:center !important; padding: 0 !important;}
#cart_store_list_menu_row .medium-1 .cart_store_quatity{min-width: 70% !important; min-height:auto !important;}
#cart_store_list_menu_row .column .medium-2 center a.button{margin:0 !important;}
#cart_store_list_menu_row .column div#cart_store_total_price {text-align: center !important; padding: 0;}
#cart_store_list_menu_row .column .row:nth-of-type(5) {margin-top: 1rem !important;}
}
/*------------------------------------*/

/*Photogallery*/
.f-photogallery .container .medium-8 .medium-9 h1.item_title{font-size:130% !important;}
.f-photogallery-show-list .container .medium-4 {text-align: center !important;}
.f-photogallery-show-list .carousel li.gallery-photos {width:140px !important;height:140px !important;}
.f-photogallery-show-list .carousel a {width:140px;height:140px !important;position:relative;}
.f-photogallery-show-list .carousel a img{width:auto !important;	max-height:100% !important;position: absolute;	top: 0;	left: 0;right: 0;bottom: 0;	margin: auto;}
.f-photogallery-show-list .container .medium-8 .medium-12{padding:0 !important;}
.f-photogallery-show-list .container .medium-8 .medium-12 .medium-9{padding:0 !important;}
.f-home .widget_photogallery article .row{margin:0 !important;}
.f-home .widget_photogallery .photo-gallery-thumb-container{padding:0 !important;}
.f-home .widget_photogallery .photo-gallery-thumb-container img {border: 1px #CCC solid;}
.f-home .widget_photogallery .container h3.item_title {margin-top: 0.5rem !important;}
/*------------------------------------*/

/*Enquete*/
.widget_enquete ul li{margin-bottom: 1.5rem; border-bottom: 1px #CCC dashed; padding-bottom: 0.5rem;}
/*------------------------------------*/

/*Diary*/
.widget_diary ul li p.title{font-size:0.9rem !important;}
.widget-item-thumbnail-list .widget-item-list-table .widget-item-list-right.widget-item-list-cell{padding-left: 0 !important;}
.widget_diary ul li{margin-bottom: 1.5rem; border-bottom: 1px #CCC dashed; padding-bottom: 0.5rem;}
.widget_diary ul li span.label {margin-right: 0.5rem !important;}
html.f-diary.f-show .markdown{margin: 20px 0 30px 0;}
html.f-diary.f-show .carousel ul li{border:none !important;}
html.f-diary.f-show .clearing-assembled .carousel ul li{width: 20% !important; height:auto !important; border:none !important;}
.diary-comments header h2{font-size:120% !important;}
@media only screen and (max-width: 40em){
html.f-diary.f-show .clearing-assembled .carousel ul li{width: 100% !important;}
}
/*------------------------------------*/

/*お問い合わせ*/
.f-inquiry .large-text-area{width:100% !important;}
/*------------------------------------*/

/*Mypage*/
html.f-index.f-profile.f-settings .contents_settings{padding:0 !important; min-height:100%;}
html.f-index.f-profile.f-settings .contents_settings .content_body{margin: 1.25rem !important;}
html.f-index.f-profile.f-settings .contents_settings .content_body .row{margin:0 !important;}
html.f-index.f-profile.f-settings .contents_settings .content_body .row .settings_form{padding:0 !important;}
.contents_settings h2.settings_title{font-size: 1.2rem !important; margin: 0 !important;}
.settings_form h3.mypage_title{margin-left: 0 !important;}
html.f-cart.f-deliver_and_payment_infor.f-order .contents .content-cart .row{margin:0 !important;}
html.f-cart.f-deliver_and_payment_infor.f-order h4.cart_title{font-size:1.2rem !important;}
html.f-cart.f-cart_user_infor_check.f-order .contents .content-cart .row{margin:0 !important;}
html.f-cart.f-cart_user_infor_check.f-order h4.cart_title{font-size:1.2rem !important;}
html.f-cart.f-cart_payment_infor.f-order .contents .content-cart .row{margin:0 !important;}
html.f-cart.f-cart_payment_infor.f-order h4.cart_title{font-size:1.2rem !important;}
html.f-cart.f-cart_order_infor_confirm.f-order .contents .content-cart .row{margin:0 !important;}
html.f-cart.f-cart_order_infor_confirm.f-order h4.cart_title{font-size:1.2rem !important;}
html.f-cart.f-ec_finish.f-finish .content-wrap .column_widget{padding: 1.25rem !important;}
html.f-cart.f-ec_finish.f-finish h4.cart_title p span{font-size:1.2rem !important;}
html.f-index.f-settings.f-status .form_area .row{padding: 0 !important; margin: 0 !important;}
html.f-index.f-settings.f-status .form_area .row .button_area{padding: 0 !important;}
html.f-list_payment_method.f-payment.f-settings .form_area .row{margin:0 !important;}
html.f-fanclub.f-review .after-plan .row{margin:0 !important;}
html.f-fanclub.f-review .current-plan .row{margin:0 !important;}
html.f-fanclub.f-review form#update_plan_form {margin-top: 1rem;}
html.f-fanclub.f-review div#chnage_plan_note {margin-top: 1rem; line-height: 1.4;}
html.f-cart.f-ec_finish.f-finish div#covene_row div {line-height: 1.4;}
/*------------------------------------*/


/*Instagram*/
@media only screen and (min-width: 40em){
.widget_instagram ul.small-block-grid-1 li {width: 20%;float: left !important; clear: none !important;}
.widget_instagram ul.small-block-grid-1 li .instagram-widget-img img{height: auto !important;}
}
@media only screen and (min-width: 40em) and (max-width: 64em){
.widget_instagram ul.small-block-grid-1 li {width: 25%;float: left !important; clear: none !important;}
}
@media only screen and (max-width: 40em){
.widget_instagram ul.small-block-grid-1 li {width: 50%; clear: none !important;}
.widget_instagram ul.small-block-grid-1 li .instagram-widget-img img{height: auto !important;}
}


.f-show .widget_store .store_line + br {
display:none;
}


/*video*/

.f-home body.template .widget_misc_youtube header h2 > a {
    color: #000000 !important;
    transition: all 0.5s;
}

.f-home body.template .widget_misc_youtube header h2 > a:hover {
    opacity: 0.7;
    transition: all 0.5s;
}


html.f-video body.template .content_body h2 {
	font-weight: bold;
}

.f-index.f-video body.template .content_body {
	background: #ffffff;
}

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

body.template .content_body .container {
    margin: 0;
}

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

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

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

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

.youtube ul {
    margin-left: 0 !important;
}

.youtube li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 2 - 1%);
    padding: 2% !important;
}

.widget_misc_youtube .youtube + p {
    text-align: center;
    margin-top: 30px;
}

.widget_misc_youtube .youtube + p .button {
    background-color: rgba(255,255,255,0);
    color: #000000 !important;
    border: #000000 solid 1px;
}

.widget_misc_youtube .youtube + p .button:hover {
    background-color: #000000;
    color: #ffffff !important;
}

.f-show.f-video .widget_video .widget_title {
    display: none;
}

.f-show.f-video .widget_video .widget_options.right {
    text-align: right;
    margin-bottom: 20px;
}

.global-footer {
text-align: center;
}


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

.footer_menu img.nav-icon-image {
height: 3em;
}

.global-footer nav .footer_menu {
margin:0;
}

.global-footer nav .footer_menu li{
display:inline-block;
margin:14px;
}



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



/*video*/
.f-index.f-video #webstream_video_source_play .tile .column {
	width: 100%;
	margin: 15px 0;
}

.f-index.f-video .widget_video .row.tile,
.f-index.f-video body.template .content_body .container {
	margin: 0;
}
.youtube li {
    display: block;
    width: 100%;
    padding: 2% !important;
}

/*banner*/
.widget_banner div[class*="banner-"] {
	height: auto !important;
	text-align: center;
    width: calc(100% / 2);
}

}