@charset "utf-8";
/*
 * 縦・横、両方のスクロールバーを非表示（iPhoneSE 対策）2019.1.18
 */
body {overflow:hidden;}

/*
 * 改行ルール 2019.1.28
 */
@media only screen and (min-width: 768px) { /* PC */
	.sp{display: none !important;}
	.pc{display: block !important;}
	span.pc{display: inline !important;}
}
@media only screen and (max-width: 767px) { /* SP */
	.sp{display: block !important;}
	.pc{display: none !important;}
	span.sp{display: inline !important;}
}
@media only screen and (min-width: 480px) { /* 480px以下あり */
	.ipb{display: none !important;}
}
@media only screen and (max-width: 480px) { /* 480px以下なし */
	.ipn{display: none !important;}
}

/*
 * フォント祭り 2018.12.17
 */
/* 懐映体（かいえいたい） */
@font-face { font-family: 'id_cinema'; src: url('/wp-content/themes/user_data/font/cinema-B.otf') format('opentype'); }
/* プログラミング用フォント Ricty Diminished */
@font-face { font-family: 'ricty_diminished'; src: url('/wp-content/themes/user_data/font/RictyDiminished-Regular.ttf') format('truetype'); }

/*
 * メディア掲載＆お知らせ 共通スタイル 2019.1.9
 */
h4.elementor-post__title,
h4.elementor-post__title a {
    color: #fff !important;
}
#top_media h4.elementor-post__title {
    font-size: 14px !important;
}
#top_media .elementor-post__meta-data {
    margin-top: 10px;
    color: #ccc !important;
}
#top_news .elementor-post__text {
    margin: 0 0 0 160px;
}
#top_news .elementor-post__meta-data {
    margin: -25px 0 0 -160px;
    font-size: 18px;
    color: #eee;
}
#top_news .elementor-post__excerpt {
    margin: 10px;
}
#top_news .elementor-post__excerpt p {
    font-size: 12px !important;
    color: #eee;
}
@media only screen and (min-width: 768px) { /* PC */
	#top_news .elementor-posts-container.elementor-posts.elementor-grid {
		margin: 0 40px;
	}

	/* 追加 2019.6.1 wi */
    #top_news > .elementor .elementor-post__excerpt > p {
        max-width: 640px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 1110px) { /* 1110px */
	/* 追加 2019.6.1 wi */
    #top_news > .elementor .elementor-post__excerpt > p {
        max-width: 480px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 960px) { /* 960px */
	/* 追加 2019.6.1 wi */
    #top_news > .elementor .elementor-post__excerpt > p {
        max-width: 360px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 767px) { /* SP */
	/* 追加 2019.5.14 wi */
    #top_news > .elementor .elementor-post__excerpt > p {
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

	#top_news h4.elementor-post__title {
		text-align: center;
		font-size: 16px !important;
	}
	#top_news .elementor-post__text {
		margin: 0;
	}

	/* 追加 2019.5.14 wi */
	#top_news.underlayer .elementor-post__text {
		width: 54%;
	}

	#top_news .elementor-post__meta-data {
		margin: 7px 0 0 0;
		text-align: center;
		font-size: 14px !important;
	}
	#top_news .elementor-post__excerpt {
		margin: 14px 0 0 0;
	}
	#top_news .elementor-posts-container.elementor-posts.elementor-grid {
		margin: 0 10px;
	}
}

@media only screen and (max-width: 450px) { /* 450px */
	/* 追加 2019.6.1 wi */
    #top_news > .elementor .elementor-post__excerpt > p {
        max-width: 265px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 400px) { /* 400px */
	/* 追加 2019.6.1 wi */
    #top_news > .elementor .elementor-post__excerpt > p {
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* 
 * ヘッダーナビ
 */
.navbar-nav li {
	font-weight: bold;
}
/* 
 * Elementor 共通css
 */
body p {
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.6;
	color: #fff;
}
p.lead{
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 4px;
}
p.text{
	font-weight: bold;
	line-height: 2.0;
}
h2.title {
	font-family: id_cinema;
	font-size: 32px;
	letter-spacing: 2px;
	color: #fff;
}
h3.title {
	margin: -20px auto 40px;
	font-size: 16px;
	letter-spacing: 4px;
	color: #fff;
}
h4 p {
	line-height: 0;
}

div.btn_wt,
div.btn_bk {
	width: 260px;
	padding: 4px 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	/* font-weight: bold; */
	letter-spacing: 8px;
	text-transform: uppercase;
}
div.btn_wt {
	border: 2px solid rgba(255, 255, 255, 0.75);
	background: transparent;
}
div.btn_wt:hover,
div.btn_wt:focus {
	border-color: transparent;
	background: #fff;
}
div.btn_bk {
	border: 2px solid rgba(17, 17, 17, 0.75);
	background: transparent;
}
div.btn_bk:hover,
div.btn_bk:focus {
	border-color: transparent;
	background: #000;
}
div.btn_wt > a {
	color: #fff;
}
div.btn_wt:hover a,
div.btn_wt:focus a {
	color: #000;
}
div.btn_bk > a {
	color: #000;
}
div.btn_bk:hover a,
div.btn_bk:focus a {
	color: #fff;
}
div.arrow {
	text-align: right;
	margin: -23px 0 0 0;
	font-weight: normal;
}
/* floatを解除 */
.clb {
	clear: both; /* floatを解除 */
	margin: 0;
	padding: 0;
}
/* 細字テキスト */
.txt_thin {
	letter-spacing: 2px;
	line-height: 1.8;
	font-size: 14px;
	font-weight: lighter;
	color: #fff;
}
@media only screen and (max-width: 767px) { /* SP */
	.txt_thin {
		line-height: 1.6;
		font-size: 12px;
	}
}
/* 文字カラー */
.WT {
	color: #fff !important;
}
.GY {
	color: #666 !important;
}
.BK {
	color: #000 !important;
}

/* TOP以外 */
div.elementor-widget-container > div.btn_wt,
div.elementor-widget-container > div.btn_bk {
	text-align: center;
	width: 320px;
	margin: auto;
	letter-spacing: 4px;
}

/* NEWS 非表示 */
div.post-meta,
div.comments-area {
    display: none;
}

/* recruitページ内で応募ボタン表示 */
@media only screen and (min-width: 768px) { /* PC */
	div.btn_entry {
	    position: fixed;
	    top: 90px;
	    right: -60px;
	}
	div.btn_entry img {
	    width: 50%;
	}
}
@media only screen and (max-width: 767px) { /* SP */
	div.btn_entry {
	    position: fixed;
	    top: 80px;
	    right: -108px;
	}
	div.btn_entry img {
	    width: 36%;
	}
}