@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*共通*/

body {
	background: #ffffff;
	color: #40200e;
	font-family: "Noto Sans Japanese","Helvetica Neue","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Tahoma,Arial,sans-serif;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6,a,time {
	font-family: "Noto Sans Japanese","Helvetica Neue","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Tahoma,Arial,sans-serif !important;
	color: #40200e;
}

.content-wrap {
	margin-top: 80px;
}

.content-wrap,
.contents,
.content{
	background: #ffffff;
	padding: 0;
}

/*header*/
.global-header {
	padding: 0;
	position: fixed;
	background: #ffffff;
	border-bottom: #fdebd1 solid 1px;
}

.global-header .top-bar {
    padding:0 0.7rem;
}

.global-header .row .column.column_menu {
	padding: 0;
}

.global-header .top-bar .title-area {
	width: 80px;
	height: 80px;
	z-index: 10;
}

.global-header .top-bar .name h1 a {
    font-size: 15px;
    padding: 0;
	background: url(//img.futureartist.net/img/kemono/logo_icon.png) center center no-repeat;
	background-size:50px 50px; 
	width: 96px;
	height: 78px;
	text-indent: -9999px;
	display: block;
}

body.template .top-bar-section ul li > a {
    color: #ffffff;
    padding: 0;
    font-weight: normal;
    text-transform: uppercase;
	display: block;
	text-indent: -9999px;
	height: 80px;
}

body.template .top-bar-section ul li > a:hover {
	opacity: 0.7;
}

.top-bar-section ul li.home > a {
	width: 84px !important;
	background: url(//img.futureartist.net/img/kemono/home.png) left top no-repeat !important;
	background-size: 100% auto !important;
}

.top-bar-section ul li.biography > a {
	width: 106px !important;
	background: url(//img.futureartist.net/img/kemono/profile.png) left top no-repeat !important;
	background-size: 100% auto !important;
}

.top-bar-section ul li.news > a {
	width: 82px !important;
	background: url(//img.futureartist.net/img/kemono/news.png) left top no-repeat !important;
	background-size: 100% auto !important;
}

.top-bar-section ul li.video > a {
	width: 88px !important;
	background: url(//img.futureartist.net/img/kemono/movie.png) left top no-repeat !important;
	background-size: 100% auto !important;
}

.top-bar-section ul li.fanclub > a {
	width: 113px !important;
	background: url(//img.futureartist.net/img/kemono/fanclub.png) left top no-repeat !important;
	background-size: 100% auto !important;
}

.top-bar-section ul li.external > a {
	width: 116px !important;
	background: url(//img.futureartist.net/img/kemono/contact.png) left top no-repeat !important;
	background-size: 100% auto !important;
}

.top-bar-section ul li  > a[href*="sign_in"]{
	width: 98px !important;
	background: url(//img.futureartist.net/img/kemono/signin.png) left top no-repeat !important;
	background-size: 100% auto!important;
}


.top-bar-section ul li > a[href*="/settings/profile/index"]{
	width: 110px !important;
	background: url(//img.futureartist.net/img/kemono/mypage.png) left top no-repeat !important;
	background-size: 100% auto!important;
}


.top-bar-section ul li.sign_out > a{
	width: 117px !important;
	background: url(//img.futureartist.net/img/kemono/signout.png) left top no-repeat !important;
	background-size: 100% auto!important;
}

.top-bar-section ul li  > a[href*="schedule"]{
	width: 125px !important;
	background: url(//img.futureartist.net/img/kemono/schedule.png) left top no-repeat !important;
	background-size: 100% auto!important;
}

.top-bar-section  {
	text-align: center;
}

.top-bar-section ul.right {
	float: none !important;
	margin-left: -80px;
}

.top-bar-section li {
	float: none !important;
	display: inline-block;
	vertical-align: top;
}

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

 header .right > a {
	background: #ffffff;
	color: #40200e;
	font-size: 1rem;
}

header .right > a:hover {
	opacity: 0.7;
}

header .widget_options.right {
	float: none !important;

	text-align: center;
}

body.template .content_body header .right .ion-ios7-arrow-right {
    color: #f39802;
}
.widget_options > a {
	background: none !important;
	color: #f39802 !important;
}

.widget.content,
body.template .content_body,
.column_widget_fanclub {
	background: #ffffff;
	border-radius: 0;
	width: 100%;
	max-width: 780px;
	margin: auto;
	float: none;
}

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

.widget.content h2.left,
h2.widget_header,
.widget_header .widget_title.left,
.widget_header .widget_title,
.widget_header .header_title{
	text-decoration: none;
	text-align: center;
	float: none !important;
	margin: auto;
	color: #f1970f;
	font-weight: bold !important;
}

.widget.content header > h2,
section[class*="widget_misc_ticket"] header > h2,
.content_body.widget_misc_ticket header > h2,
.content_body.widget_fanclub header > h2,
.content_body.widget_news header > h2,
.content_body.widget_video header > h2,
.content_body.widget-inquiry header > h2,
.content_body.widget_misc_bustour header > h2,
.content_body.widget_misc_schedule header > h2{
	text-indent: -9999px;
	width: 175px;
	height: 60px;
}

section[class*="widget_misc_ticket"] header > h2{
	background: url(//img.futureartist.net/img/kemono/title_ticket.png) center center no-repeat;
	background-size:70% auto; 
}

.column_widget_biography header > h2{
	background: url(//img.futureartist.net/img/kemono/title_profile.png) center center no-repeat;
	background-size:70% auto; 
}

.widget_news header > h2{
	background: url(//img.futureartist.net/img/kemono/title_news.png) center center no-repeat;
	background-size:70% auto; 
}

.f-home .widget_video header > h2,
.f-index .widget_video header > h2{
	background: url(//img.futureartist.net/img/kemono/title_movie.png) center center no-repeat;
	background-size:70% auto; 
}

.f-show.f-video .content_body header > h2 {
	display: none;
}

.f-show.f-video header .widget_options.right {
	text-align: right;
}

.column_widget_fanclub header > h2{
	background: url(//img.futureartist.net/img/kemono/title_fanclub.png) center center no-repeat;
	background-size:70% auto; 
}

.widget-inquiry header > h2{
	background: url(//img.futureartist.net/img/kemono/title_contact.png) center center no-repeat;
	background-size:70% auto; 
}

.column_widget_misc_bustour header > h2{
	background: url(//img.futureartist.net/img/kemono/title_bustour.png) center center no-repeat;
	background-size:70% auto; 
}

.widget_misc_schedule header > h2{
	background: url(//img.futureartist.net/img/kemono/title_schedule.png) center center no-repeat;
	background-size:70% auto; 
}

.widget.content header > h2::after,
html:not(.f-settings) .content_body header > h2::after {
	content: "";
	background: #f39802;
	width:40px;
	height: 4px;
	display: block;
	margin: 25px auto 0;
}

.f-show.f-video .content_body header > h2::after {
	content: "";
	background: none;
	width: auto;
	height: auto;
	margin: 0;
}

/*main*/

.widget_header {
	margin-bottom: 1.5rem;
	padding: 0 0 0.3rem 0;	
}

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

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

.content_body .no-bullet li,
.widget-item-thumbnail-list .vertical-list-item {
    padding: 1em 0;
	margin-bottom: 0;
	word-wrap : break-word;
	text-align: center;
}



body.template .content_body h3.subheader {
	margin-bottom: 0;
}
.content_body .no-bullet li h3 {
	margin-top: 0;
}

#price_plan_form table {
	display: none;
}


button, .button,
button.secondary, .button.secondary{
    background-color: #40200e;
    border-color: #40200e;
    color: #ffffff;
}


button, .button:hover,
button.secondary:hover,
.button.secondary:hover{
    background-color: #999999;
    border-color: #999999;
}

.column_billboard {
	background: url(//img.futureartist.net/img/kemono/backbround.png) center center repeat-x;
	background-size: auto 100%;
}

.billboard {
	max-width: 780px;
	width: 100%;
	margin: auto;
}

body.template .content_body h3 {
	font-weight: bold;
	margin-top: 0;
}

.widget_banner {
	padding: 1.25rem 0  0!important;
}

.widget_banner article > .row {
	margin: 0;
}

.widget_banner div[class*="banner-"].medium-3 {
	width: 100%;
	padding: 0;
	height: auto !important;
}

/*news*/
.f-news.f-show .markdown{
	line-height: 1.3;
	margin-top:20px;
	word-wrap: break-word;
}

.widget_news article {
	margin-bottom: 40px;
}


/*ticket*/

html[class*="f-ticket"] .markdown h3 {
	font-size: 0.8rem !important;
	margin-top: 0 !important;
} 

html[class*="f-ticket"] .markdown h3 + div {
	margin-bottom: 15px;
}

/*fanclub*/

body.template .widget_fanclub h3 {
	margin-bottom: 20px;
}

#signup_page #signup_term {
	border: #40200e solid 1px;
}

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

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

.f-fanclub.f-subscribe .columns.medium-centered > p.text-center::before,
.f-fanclub.f-subscribe .columns.medium-centered > p.text-center::after {
	content: " ● ";
	vertical-align:top;
}

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

#agree + label {
	color:#40200e !important; 
}

/*video*/

.f-home .content_body.widget_video,
.f-home .column_widget_video {
	background: #fdf3e3;
}


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

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

.widget_video .label.secondary {
	background: #40200e !important;
}

.f-home .video-container {
	max-width: 560px;
	width: 100%;
	margin: auto;
}

#video .flex-video-custom {
	width: 100%;
}

.video-description {
	text-align: center;
}
/*bustour*/

.f-bustour .markdown h3 {
	font-size: 0.8rem !important;
	margin-top: 0 !important;
} 

.f-bustour .markdown h3 + div {
	margin-bottom: 15px;
}

/*footer*/
.column_footer {
	padding: 0;
}

.global-footer {
    padding-top: 1rem;
	color: #f39802;
}

.global-footer a {
	color: #f39802;
}

/*contact*/ 

.f-inquiry .widget-inquiry .medium-8,
.f-inquiry .widget-inquiry .medium-8 .large-text-area{
	width: 100%;	
}

.f-inquiry #inquiry_form .small-12.medium-8.columns {
	float: none;
	text-align: center;
}

/*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 #fef4e4 solid !important;
    text-align: center !important;
    width: 24% !important;
	letter-spacing: normal;
	background: #fff9f2;
}

.settings_form .table_form th {
	background-color: #fef4e4;
	color: #40200e;
}

.settings_form .table_form td {
	background-color: #fff9f2;
	color: #40200e;
}

table tr th,
table tr td {
	color: #40200e;
}

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

/*banner*/
.widget_banner .banner-1,
.widget_banner .banner-3{
	display: block;
}

.widget_banner .banner-2,
.widget_banner .banner-4{
	display: none;
}

}


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

.global-header  {
	height: 60px;
}

.top-bar-section ul.right {
	margin-left: -50px;	
}

.global-header .top-bar .title-area,
.global-header .top-bar .name h1 a {
	width: 50px;
	height: 60px;
}

body.template .top-bar-section ul li > a {
    color: #ffffff;
    padding: 0;
    font-weight: normal;
    text-transform: uppercase;
	display: block;
	text-indent: -9999px;
	height: 60px;
}

.top-bar-section ul li.home > a {
	width: 63px !important;
}

.top-bar-section ul li.biography > a {
	width: 80px !important;
}

.top-bar-section ul li.news > a {
	width: 62px !important;
}

.top-bar-section ul li.video > a {
	width: 66px !important;
}

.top-bar-section ul li.fanclub > a {
	width: 85px !important;
}

.top-bar-section ul li.external > a {
	width: 87px !important;
}

.top-bar-section ul li > a[href*="sign_in"] {
	width: 74px !important;
}

.top-bar-section ul li > a[href*="/settings/profile/index"]{
	width: 83px !important;
}

.top-bar-section ul li.sign_out > a {
	width: 87px !important;
}

.top-bar-section ul li  > a[href*="schedule"]{
	width: 94px !important;
}
.content-wrap {
	margin-top: 60px;
}

.contents_settings #settings_nav .main_nav li {
	font-size: 0.8rem;
}
/*banner*/
.widget_banner .banner-1,
.widget_banner .banner-3{
	display:block;
}

.widget_banner .banner-2,
.widget_banner .banner-4{
	display:none;
}

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


}


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


.off-canvas {
	background: #fdf3e3;
}

.off-canvas-opened .off-canvas .right-menu .off-canvas-list .ui-list {
	padding-top: 25px;
}

.right-menu li.listheader,
.right-menu li .column.small-2 {
 	display: none;
 } 
 
.right-menu li .column.small-10 {
 	width: 100%;
 }
 
 .right-menu li a .column.small-10 {
	height: 64px;
	text-indent: -9999px;
	padding: 0 !important;
 }
 
ul.off-canvas-list li a:hover {
 	background: none;
	opacity: 0.5;
 }
 
.right-menu li a[href="/"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/sphome.png) center center no-repeat;
	background-size: 50% auto;
}

.right-menu li a[href="/news"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spnews.png) center center no-repeat;
	background-size: 50% auto;
}

.right-menu li a[href="/video"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spmovie.png) center center no-repeat;
	background-size: 50% auto;
}

.right-menu li a[href="/fanclub"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spfanclub.png) center center no-repeat;
	background-size: 50% auto;
}

.right-menu li a[href="/inquiry"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spcontact.png) center center no-repeat;
	background-size: 50% auto;
}

.right-menu li a[href="/biography"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spprofile.png) center center no-repeat;
	background-size: 50% auto;
}

.right-menu li a[href*="/settings/profile/index"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spmypage.png) center center no-repeat;
	background-size: 50% auto;
}
 
.right-menu li a[href*="sign_in"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spsignin.png) center center no-repeat;
	background-size: 50% auto;
}

.right-menu li a[href*="sign_out"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spsignout.png) center center no-repeat;
	background-size: 50% auto;
}
 
 .right-menu li a[href*="schedule"] .column.small-10 {
	background: url(//img.futureartist.net/img/kemono/spschedule.png) center center no-repeat;
	background-size: 50% auto;
}
 
 ul.off-canvas-list li a .row .column:last-child {
	border: none;
}

.global-header .top-bar .title-area {
	width: 100%;
	height: 60px;
	background: #ffffff;
}

.global-header .top-bar .name h1 a {
	width: 50px;
	height: 60px;
}

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


.content-wrap {
    margin-top: 60px;
}

.feed-content-box .subheader {
font-size: 11px;
}
	
.global-footer {
    padding-top: 1rem;
}

/*banner*/
.widget_banner .banner-1,
.widget_banner .banner-3{
	display: none;
}

.widget_banner .banner-2,
.widget_banner .banner-4{
	display:block;
}

/*movie*/
.f-index.f-video #webstream_video_source_play .tile .column {
	width: 100%;
}

}