@charset "UTF-8";
/*------------------
 共通
 ------------------ */
body {
	background-color:rgba(59, 55, 92, 0.3);
	background-color:rgba(0, 0, 0, 0.0);
}
#gNavi-list > li a:hover {
    text-decoration: none;
}
.link-list a:hover {
    color: #997300;
}
#header {
/*    margin-top: -0.5rem;*/
	border-bottom: none !important;
}
/* パンくずリスト */
.box-breadCrumb {
    padding: 20px 0;
}
/* ボタン */
.btn {
    cursor: pointer;
    border-radius: 0;
    margin: 10px 0;
    padding: 6px 20px;
    white-space: normal;
}
.global-nav-list .btn-theme {
	border-radius: 0;
}
.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.online_beginner {
	line-height: 1.6;
	text-align: center;
	margin: 0 auto 20px;
}
.box-main {
  margin-top: 20px;
}
/* TOPのコンテンツのサイドのスライドボタン */	
.content-list .custum-nextBtn {
	display: none !important;
}
/*------------------
 PC版::ナビ
 ------------------ */
.box-header {
	border-bottom: none !important;
}
.nav-inner + .nav-inner {
/*    border-top: 1px solid #cccccc;
    box-shadow: 0px 2px 6px 0px #999;
		padding-top: 82px;	*/
    border-top: none;
		padding-top: 0;	
}
.major-category {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: normal;
    border-bottom: none;
    margin-bottom: 1rem;
}
.dropdown-container .link-list li {
	padding-bottom: 10px;
}
.global-nav-list.text-right li {
	padding-right: 5px;
}
.nav-inner {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	background: #FFF;
	z-index: 999;
}
/*------------------
 PC版::メインビジュアル
 ------------------ */
main.box-wrapper {
	padding-top: 0 !important;
}
#top_container {
    display: grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: 60% 1fr;
    margin-bottom: 30px;
}
#itemA {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}
#itemB {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    background: url(https://demo37.socialcast.jp/file_upload/mv_02.jpg) no-repeat 0 0;
    background-size: cover;
}
#itemC {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    background: url(https://demo37.socialcast.jp/file_upload/mv_03.jpg) no-repeat 0 0;
    background-size: cover;
}
.video-container {
    position: relative;
/*    padding-bottom: 56.25%;*/
    padding-bottom: 40.25%;
/*    padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box-main .tile-inner {
    background: none;
    box-shadow: none;
		padding: 0;
}
.box-section {
/*	background-color: rgba(59, 55, 92, 0.3);*/
	border: 1px solid #ccc;
	padding: 15px;
}
.box-section .ttl-md {
    text-align: center;
    padding: 15px 0;
}
.box-section .content-list-item {
  width: 31% !important;
	margin-top: 30px;
}
.box-section .content-list-item:nth-child(1), .box-section .content-list-item:nth-child(2), .box-section .content-list-item:nth-child(3) {
	margin-top: 0 !important;
}
.box-section .content-list {
    padding: 0 10px;
}
.box-section .content-list-item article {
    border: none;
}
.box-section .content-info-box {
    padding: 10px;
    font-size: 1.2rem;
}
.box-section .slick-track {
	 width: auto !important;
}
.box-section .box-contents-numbers {
    display: none !important;
}
.col-lg-8 {
    padding: 0;
}
/*------------------
 PC版::パーツ　コメント
 ------------------ */
.alert-info {
    color: #0c5460;
    background-color: #eff4f5;
    border-color: #bee5eb;
}
/*------------------
 PC版::サイドバー
 ------------------ */
.box-sidemenu .tile-inner {
	border: 1px solid #ccc;
	background: #eee;
	padding: 15px;
}
.box-sidemenu .content-list-item {
    padding: 10px 0;
}
.category-info-area > div a {
    font-size: 1.2rem;
}
/* カラー用スタイル */
/* PC・SP共通 layout
 ------------------ */
a {
  color: #997300;
}

a:visited, a:focus {
/*  color: #997300;*/
}

a:hover {
  color: #caaf67;
}

.page-item .page-link {
  color: #997300;
}

.page-item .page-link:hover {
  color: #cc9900;
}

.page-item.active .page-link {
  background-color: #caaf67;
  border-color: #caaf67;
}

.nav-link.active {
  /* tabパネル アクティブ */
  color: #caaf67 !important;
}

/* btn スタイル */
.btn-theme {
  /* メインテーマ色のボタン */
/*  background: #caaf67;
  border-color: #caaf67;*/
	border-radius: 50px;
	background:  #2e3238;
	border: 1px solid #2e3238;
}

.btn-theme:hover {
  background: #cc9900;
  border-color: #cc9900;
}

.btn-theme-ghost {
  /* メインテーマカラーのゴーストボタン */
  border-color: #caaf67;
  color: #caaf67 !important;
}

.btn-theme-ghost:hover {
  background: #caaf67;
  border-color: #caaf67;
}

.btn-accent {
  /* アクセントカラーのボタン */
  background: #2e6fc1;
  border-color: #2e6fc1;
}

.btn-accent:hover {
  background: #245798;
  border-color: #245798;
}

.btn-sample {
  /* サンプル動画再生ボタン */
  background: #2e6fc1;
  border-color: #2e6fc1;
}


.btn-sample:hover {
  background: #245798;
  border-color: #245798;
}

.btn-files {
  /* 関連ファイルダウンロードボタン */
  background: #2e6fc1;
  border-color: #2e6fc1;
}

.btn-files:hover {
  background: #245798;
  border-color: #245798;
}

.btn-global-nav:hover {
  background: #caaf67;
}

/* フォーム フロー図 */
.box-form-flow > span + span::after {
  border-left-color: #caaf67;
}

/* datepicker スタイル調整*/
.ui-widget-header {
  border: 1px solid #caaf67;
  background: #ffd966;
}

/* PC用
 ------------------ */
/* お気に入りボタン */
.favorite:hover {
  background: #caaf67;
}

/* サイドメニュー 新着動画一覧 */
.box-sidemenu .content-list-item a:hover {
  background: #caaf67 !important;
}

/* 並べ替えボタン */
.box-sort .btn {
  color: #2e6fc1;
}

.box-sort .btn[class*="active"] {
  background: #2e6fc1;
}

.box-sort .btn:hover {
  background: #245798;
}

/* お知らせ一覧 ページ */
.news-list-item h3 a:hover {
  color: #caaf67;
}

/* slick.js */
.js-list-slide .slick-slide a:hover {
  color: #997300;
}

/* header */
.link-list a:hover {
/*  background: #caaf67;*/
  background: none;
}

/* dropdown style */
.box-dropdown-target {
  width: auto; 
  min-width: 250px;
}

.dropdown-wrapper:hover .box-dropdown-key {
  background: #caaf67;
}

.dropdown-wrapper:hover .box-dropdown-key::after {
  border-top-color: #caaf67;
}

/* マイコンテンツ リスト */
.mycontents-list {
  background: #fff9e6;
}
.mycontents-list.card ul {
	min-width: 240px;
}

/*  footer */
.box-footer {
  border-top-color: #caaf67;
}

#toTopBtn {
  border-color: #caaf67;
}
.navi-list ul, .naviSP-list ul, .boxinner ul {
  list-style: none;
}
.navi-list a, .boxinner a {
    text-decoration: none;
}
/*------------------
メイン画像(20210403追加）
 ------------------ */
.page-title__bg {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 175px;
}
.onlineBg {
    background: url(../images/socialcast/main.jpg) no-repeat center top;
    background-size: cover;
    min-height: 270px;
}
    .onlineBg span {
        color: #000;
        font-size: 3rem;
        line-height: 1.6;
    }
    .onlineBg i {
        display: block;
        font-size: 1.875rem;
        font-style: normal;
    }
.navi-list ul, .foot_starnavi {
    padding: 0;
}
    .globalheader .headerlink .contents li a, .globalheader .headerlink .sns li.contact-btn a {
        text-decoration: none;
    }
/*------------------
ヘッダー(20210629追加）
 ------------------ */
.globalheader {
    z-index: 999 !important;
}
/* スマホ用
 ------------------ */
@media only screen and (max-width: 768px){
ul, ol {
    margin: 0;
    padding: 0;
}
li {
    list-style-position: outside;
    list-style-type: none;
}
.spOnly {
    display: inherit;
}
#pageWrap {
    min-width: auto;
}
/* サイドメニュー */
.is-pc, .nav-inner .box-search {
  display: none;
}
.nav-inner .col-md-12 {
	padding-right:0;
	padding-left: 0;
}
.global-nav-list_sp > li:nth-child(-n+3) {
		width: 32%;
		padding: 0;
}
	.global-nav-list_sp > li:nth-child(4) {
		display: none;
}
.global-nav-list_sp > li:nth-child(6) {
	width: 100%;
	border-top: 1px solid #ccc;
	margin: 10px auto 0;
	padding: 0;
}
.global-nav-list li {
	white-space: nowrap;
}
.dropdown-wrapper .btn {
    margin: 0;
    padding: 0 20px;
	white-space: nowrap;
}

.dropdown-container .box-dropdown-target {
    display: none;
    width: auto;
	min-width: 150px;
    max-height: 500px;
    padding: 10px !important;
    overflow: auto;
    background: #ffffff;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
    text-align: left;
    z-index: 100;
}

	.global-nav-list a.btn {
		white-space: nowrap !important;
		padding: 10px 30px !important;
	}
	.global-nav-list_btn li {
		width: 49%;
		padding: 5px 0 0;
	}
	.dropdown-container .box-dropdown-target li {
		width: 100% !important;
	}
	.dropdown-container .box-dropdown-target a {
	    padding: 10px 0;
	}
.input-group > input.form-control, .input-group > button.form-control {
    padding: 10px;
}
.box-section .content-list-item {
    width: 90% !important;
}	
	
.ttl-lg {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}
/* SNSアイコン */
	.share-area a {
		padding: 10px 0;
	}
.row {
	display: block;
}
.online_beginner {
	text-align: left;
	border-bottom: 1px dotted #ccc;
	margin: 10px auto;
	padding-bottom: 10px;
}
.box-section .content-list-item:nth-child(1), .box-section .content-list-item:nth-child(2), .box-section .content-list-item:nth-child(3) {
	margin-top: 30px !important;
}
/*------------------
 PC版::ナビ
 ------------------ */
.dropdown-container .link-list li {
	padding-bottom: 0px;
}
/*------------------
メイン画像(20210403追加）
 ------------------ */
.page-title__bg {
    margin-top: 65px;
}
.onlineBg {
    background: url(../images/socialcast/main_sp.jpg) no-repeat center top;
    background-size: cover;
    min-height: 185px;
}
    .onlineBg span {
        font-size: 1.875rem;
        line-height: 1.6;
    }
    .onlineBg i {
        display: block;
        font-size: 1.875rem;
        font-style: bold;
    }
    .box-main {
        margin-bottom: 100px;
    }
}