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

/*  Fonts
/*-----------------------------------------------------------------------------------*/
/*- 刻明朝 -*/
@font-face {
    font-family: 'font-01';
    src: url('../../common/fonts/koku-mincho/koku-mincho.woff') format('woff');
}
/*- Modern Antiqua -*/
@font-face {
    font-family: 'font-02';
    src: url('../../common/fonts/modern-antiqua/ModernAntiqua-Book.woff') format('woff');
	/*--src: url('../../common/fonts/modern-antiqua/ModernAntiqua-BookOblique.woff') format('woff');--*/
}
/*- Beyond Wonderland -*/
@font-face {
    font-family: 'font-03';
    src: url('../../common/fonts/beyond-wonderland.woff') format('woff');
	/*--src: url('../../common/fonts/modern-antiqua/ModernAntiqua-BookOblique.woff') format('woff');--*/
}
/*- ロゴたいぷゴシック -*/
@font-face {
    font-family: 'font-04';
    src: url('../../common/fonts/fontna-mplus/LogoTypeGothic.woff') format('woff');
}

/*  body
/*-----------------------------------------------------------------------------------*/
body {
    color: #EFEFED;
    background: #f5f5f5;
   	font-family: 'font-01'; /*- フォントを変える -*/
	font-style: oblique; /*- 斜体にする -*/
    font-weight: normal; /*- 太さを変える(normalで400) -*/
    line-height: 1.6;
    font-size: 16px;
}

body .blog-content {
    color: #252525; /*- 記事(白地)内のフォント色を変える -*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: font-01; /*- フォントを変える -*/
    font-weight: 600;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	color: #fff;
	line-height: 2;

}

h1 small .sumi,
h2 small .sumi,
h3 small .sumi,
h4 small .sumi,
h5 small .sumi,
h6 small .sumi {
	color: #101010;
	line-height: 2;

}

a {
    color: #FA8072;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.blog-content hr  {
    border-top: 1px solid #333;
    border-bottom: 1px solid #fff;
}

.btn {
    font-weight: 400;
}

.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
}

.btn-transparent:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
    color: #ccc;
    text-decoration: none;
    outline: none;
}

.dropdown-menu {
    margin-top: -1px;
    min-width: 180px;
}

body > section {
    padding: 50px 0;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16/9 ratio */
    padding-top: 30px;
    /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

blockquote {
    background-color: #fff;
}

.main-title {
    text-transform: none;  /*- 無変換に変更(style.cssも全部変更) -*/
}

/*  Content
/*-----------------------------------------------------------------------------------*/
#content-wrapper {
    padding: 0;
    z-index: 5;
    position: relative;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
}

.white {
    background: #191A30;  /*- 背景色(白)に色付け(#64637A) -*/
    padding: 20px 0;
}

.listpage {
    background: #191A30;  /*- 背景色を濃紺に色付け(#191A30) -*/
    padding: 20px 0;
}

.fa-md {
    box-shadow: 0 0 0 4px rgba(25, 26, 48, 1);  /*--BOX枠色(白)を背景色に合わせる(RBG指定+線)--*/
}

#content-wrapper section {
  padding-top: 60px;
  padding-bottom: 60px;
}


/*  typo
/*-----------------------------------------------------------------------------------*/
lead1,
lead2,
lead3,
.lead1,
.lead2,
.lead3 {
  line-height: 1.5em;
}

.lead1 {
  font-size: 21px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.lead2 {
  font-size: 18px;
  margin-bottom: 2px;
  margin-top: 2px;
}
.lead3 {
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.txt24,
.txt21,
.txt18,
.txt16,
.txt14,
.txt12,
.txt10 {
  line-height: 1.3em;
}

.txt24 {
  font-size: 24px;
}
.txt21 {
  font-size: 21px;
}
.txt18 {
  font-size: 18px;
}
.txt16 {
  font-size: 16px;
}
.txt14 {
  font-size: 14px;
}
.txt12 {
  font-size: 12px;
}
.txt10 {
  font-size: 10px;
}
.txt7 {
  font-size: 7px;
}

/* 本文と写真の上辺と高さを揃える */
.t_up {
	margin-top: -14px;	
	}
@media (max-width: 767px) {
.t_up {
	margin-top: -5px;	
	}
}

.indnt {
  text-indent: 1em; /*--インデント(1文字)--*/
}


/* 文字揃え */
.center-zoroe {
	text-align: center;
}

/* テキスト縮小(モバイルで小さくする) */
@media (max-width: 480px) {
	.trans_t_mb12 {
	font-size: 12px;
}
}

/* div idで特定箇所に色指定 */
*#white_txt{
color:#fff;
}

*#red_txt{
color:#c1272d;
}

#gray_txt{
color:#777;
}

#black_txt{color: #101010;} /* 白背景コンテンツ部分のテキスト色 */

/* マルCキャプション(filmo/biblioの画像下はpのみで適用) */
.c_cap p ,.c_cap {
	font-size: 10px;
	margin-top:10px;
}
@media only screen and (max-width:480px){
	.c_cap p ,.c_cap {margin-bottom:20px}
}

/* リンク色を白に変更
/*-----------------------------------------------------------------------------------*/
.link_w a {
    color: #fff;
}

.link_w a:active,
.link_w a:hover {
    color: #dc143c;  /*--プライマリー色変更--*/
}

/* Webフォントの指定
/*-----------------------------------------------------------------------------------*/
	lo-gsc, .lo-gsc {
		font-family: 'font-03'; /*- ロゴたいぷゴシック -*/
}

	eiji, .eiji {
		font-family: "font-02"; /*- 英語タイトル用 -*/
		font-weight: 100; /*- 太さを変える(normalで400) -*/
}

/*  白背景コンテンツ部分のテキスト色(スミ)
/*-----------------------------------------------------------------------------------*/

/* Blog_txt*/
.post .content {
    color: #101010;
}

/* portfolio_txt*/
.portfolio-item .item-inner {
    color: #101010;
}

.team-content {
    color: #101010;
}

.testimonial-list-item {
    color: #101010;
}

.post .post-title {
    font-size: 24px;
    margin: 0 0 10px;
    display: table-cell;
    vertical-align: bottom;
    z-index: 2;
    position: relative;
}

/*  blockquoteのsmall部分のテキスト色(名セリフ募集) 元は#777--bootstrap.min.css内
/*-----------------------------------------------------------------------------------*/
blockquote .small,blockquote footer,blockquote small{
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #C0C0C0
}



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

/*  navbarのロゴ画像
/*-----------------------------------------------------------------------------------*/
.navbar-brand {
	background-size: contain;
	height: 45px;
	width: 200px;
	background-image: url("../../images/contents/fan_header_logo.png");
	background-repeat: no-repeat;
	background-position: left center;
}

.sitename{
    margin:15px 0 15px;

}
.sitename a{
    font-size: 1.6em;
    color: inherit;
}


i{
    font-size: 1.3em;
    color: inherit;
}

/*  navbarのロゴ画像
/*-----------------------------------------------------------------------------------*/
.femme-eye {
	background-size: contain;
	height: 160px;
	width: 203px;
	background-image: url(../../images/contents/femme_logo_eye.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/*  文頭のロゴ画像 (pに入れると崩れる)
/*-----------------------------------------------------------------------------------*/
.txt_eye {
	background-size: contain;
	height: 32px;
	width: 40px;
	padding: 0 0 0 32px;
	background-image: url(../../images/contents/femme_logo_eye.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
}


/*  画像
/*-----------------------------------------------------------------------------------*/
	/* 写真に囲み */
.kakomi img {
	border: solid 1px #999999; 
}

	/* 写真を丸く切り抜き */
.circle_pct1 {
	width:250px;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:1px solid #AAAAAA;
	margin-bottom: 15px;
	vertical-align:text-center;
}
.circle_pct2 {
	width:180px;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:1px solid #AAAAAA;
	margin-bottom: 15px;
	vertical-align:text-center;
}

/* リンク画像にマウスオーバーした時に半透明になる */
a img:hover{
filter:alpha(opacity=60);
opacity:0.8;
}

/* 画像を領域のセンターに */
.center_pct {
margin-left : auto;
margin-right : auto;
}
		
/*  ビデオ
/*-----------------------------------------------------------------------------------*/
.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*  <ul>,<li>タグのインデントを解除
/*-----------------------------------------------------------------------------------*/
ul,
li{
margin:0;
padding:0;
line-height: 1.5em;
}
ul{
padding-left:1em;
}

/*  印刷した時にリンクURLの表示をさせない
/*-----------------------------------------------------------------------------------*/
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}


/*  hrの罫線を修飾
/*-----------------------------------------------------------------------------------*/
/* 破線 */
hr {
	background-color: #191A30;  /*- 背景色を濃紺に色付け(#191A30) -*/
	border: none;
	color: #ccc;
}

hr .shiro {
    border-top: 1px solid #333;
    border-bottom: 1px solid #fff;
}

.dash {
	border-top: 1px dashed;
}

.dot {
	border-top: 1px dotted;
}


/*  レイアウト調整
/*-----------------------------------------------------------------------------------*/
/*** 上 20px ***/
.top_space20 {
	padding-top:20px;
}
.top_space20_m {
	margin-top:20px;
}
.top_space-20_m {
	margin-top:-20px;
}
/*** 上 10px ***/
.top_space10_m {
	margin-top:10px;
}
.top_space-10_m {
	margin-top:-10px;
}
/*** 上 0px ***/
.top_space0 {
	padding-top:0px;
}
.top_space0_m {
	margin-top:0px;
}

/*** 下 20px ***/
.bottom_space20 {
	padding-bottom:20px;
}
.bottom_space20_m {
	margin-bottom:20px;
}
/*** 下 10px ***/
.bottom_space10 {
	padding-bottom:10px;
}
.bottom_space10_m {
	margin-bottom:10px;
}
/*** 下 5px ***/
.bottom_space5 {
	padding-bottom:5px;
}
.bottom_space5_m {
	margin-bottom:5px;
}
/*** 下 20px ***/
.bottom_space-20 {
	padding-bottom:-20px;
}
.bottom_space-20_m {
	margin-bottom:-20px;
}
/*** 左 20px ***/
.left_space20 {
	padding-left:20px;
}
/*** 左 40px ***/
.left_space40 {
	padding-left:40px;
}
/*** 左 -20px ***/
.left-space20 {
	margin-left:-20px;
}
/*** 左 -10px ***/
.left-space10 {
	margin-left:-10px;
}
/*** 右 20px ***/
.right_space20 {
	padding-right:20px;
}
/*** 左右 10px ***/
.side_space10 {
	padding-left:10px;
	padding-right:10px;
}

/*** 上下 20px ***/
.t_b_space20 {
	padding-top:20px;
	padding-bottom:20px;
}
.t_b_space20_m {
	margin-top:20px;
	margin-bottom:20px;
}
/*** 上下 10px ***/
.t_b_space10 {
	padding-top:10px;
	padding-bottom:10px;
}
.t_b_space10_m {
	margin-top:10px;
	margin-bottom:10px;
}

/*** 上下左右 10px ***/
.all_space10 {
	padding: 10px;
}

/*** 上下左右 5px ***/
.all_space5 {
	padding: 5px;
}

/*   Works Spec
================================================== */
h1.work-title {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	line-height: 1em;
	margin-top: -5px;
	margin-bottom: 30px;
}

h3.work-title {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	line-height: 1em;
	margin-top: -5px;
	margin-bottom: 30px;
}

.work-description {
	font-size:16px;	
}

.soft-name {
	font-size:16px;
	margin-bottom: 15px;	
}

.soft-description {
	font-size:12px;
	margin-bottom: 45px;	
}

.spec blockquote  {
	background-color: #191A30;  /*- 背景色(白)に色付け(#64637A) -*/
	font-size: 16px;
	font-weight: 300;
	line-height: 1em;
	margin-bottom: 30px;
}

.spec blockquote {
  	padding: 15px 20px;
  	border-left: 2px solid #dc143c;  /*--プライマリー色変更--*/
}

.spec blockquote p .work-description {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.spec blockquote small .work-description {
  	display: block;
  	color: #65676c;
  	font-weight:400;
  	font-size: 15px;
  	line-height: 20px;
	margin-top: 10px;
}

blockquote .spec small .work-description :before {
  	content: '';
}

h3.spec {
	color: #FFFFFF;
	font-family: 'Modern Antiqua', cursive;
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 15px;
}

h3.spec-j {
	color: #FFFFFF;
	font-family: 'font-01';
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 15px;
}

h3.comic {
	color: #FFFFFF;
	font-family: 'Modern Antiqua', cursive;
    font-size: 18px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 12px;
}

h3.comic-j {
	color: #FFFFFF;
	font-family: 'font-01';
    font-size: 18px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 12px;
}

/*  pagination(ページ下のナビボタン)
/*-----------------------------------------------------------------------------------*/
ul.pagination > li > a {
    border: 0;
    background-color: #ccc;
}

ul.pagination > li.active > a,
ul.pagination > li:hover > a {
    background-color: #666;
    color: #fff;
}

/*  filmoフライヤーcarousel
/*-----------------------------------------------------------------------------------*/

#flyer-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px;
}

#flyer-carousel .carousel-indicators li {
    background: silver;
}

#flyer-carousel .carousel-indicators .active {
    background: #333;
}

#flyer-carousel img {
    width: 273px;  /*--元画像の65%(img内設定と同一幅px)--*/
    height: 356px;  /*--元画像の60%--*/
}

@media screen and (max-width:769px) {
    #flyer-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #flyer-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0 5px;
        width: 15px;
        height: 15px;
    }
    #flyer-carousel .carousel-indicators li.active {
        margin: 0 5px;
        width: 20px;
        height: 20px;
    }
}


/*  シングルページヘッダー
/*-----------------------------------------------------------------------------------*/
.single_head_bg {background-color: #282828}


/*  シングルページのフッター上部マージン変更(bottom削除に伴う調整)、下部固定
/*-----------------------------------------------------------------------------------*/
#footer_single {
    bottom: 0;
	margin-top: 0px;
    background-color: #101010;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #eee;
    border-top: 1px solid #333;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
	flex: 1;
	z-index: 1;
}

#footer_single a,
    color: #bdc3c7;
}

#footer_single a:hover {
    color: #dc143c;  /*--プライマリー色変更--*/
}

#footer_single ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer_single ul > li {
    display: inline-block;
    margin-left: 15px;
}

footer #footer_single {
  position: sticky;
  top: 100vh;
  width: 100%;
  background: #44aa33;
}

/*  アンカーリンク位置調整
/*-----------------------------------------------------------------------------------*/
a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

/*  profile(写真)
/*-----------------------------------------------------------------------------------*/

img.profile-box-image {
    max-width: 160px;
    height: auto;
}

.media-heading {padding-top: 10px}

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

/*  メールフォーム文字色変更
/*-----------------------------------------------------------------------------------*/
form {
	color: #313131;
	font-size: 16px;

}

div#mfp_overlay { color: #313131 }

/*  style.css一括変更
/*-----------------------------------------------------------------------------------
text-transform: (uppercase)を(none)に変更
プライマリー色指定(00b29e)を(dc143c)に変更
-----------------------------------------------------------------------------------*/

/*  トップページ　Contents アイコンマージン調整
/*-----------------------------------------------------------------------------------*/
.service-block .fa {padding-top: 15px;}
-----------------------------------------------------------------------------------*/