@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/******************************* 
 本文のみ(狭い)
 タイトル表示しない
*******************************/
.header-container,
.appeal,
.ad-area,
.sns-share,
.date-tags,
.sns-follow,
.article-footer,
.under-entry-content,
.breadcrumb,
.main-scroll,
.footer,
.go-to-top-button,
.notice-area,
.content-top,
.content-bottom,
.recommended {
	display: none;
}
.carousel {
	display: none !important;
}
.page.no-sidebar .wrap {
	max-width: 820px;
}
.entry-title {
	display: none;
}

/******************************* 
 背景色
*******************************/
.main{
    background-color: #e4f3f9;
}
tr{
    background-color: #FFFFFF;
}
/*
 adminpage ：管理者ページ
 edituser  ：ユーザー編集ページ
 createuser：ユーザー新規登録ページ
 deleteuser：ユーザー削除ページ
 printuser ：ユーザー印刷ページ(印刷のため白を指定)
*/
.adminpage .main,.edituser .main,.createuser .main,.deleteuser .main{
	background-color: #fff4c3;
}
.printuser .main{
	background-color: #ffffff;
}

#SubmitLogin {
	color: #FFFFFF;
	background-color: #0198d9
}
#SubmitDeleteUser {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #dc143c
}
input[type="text"]:read-only {
	background-color: #FFFFDD;
}

/* ▼タブ */
#TabControl a {
	display: inline-block;			/* インラインブロック化 */
	border-width: 1px 1px 0px 1px;	/* 下以外の枠線を引く */
	border-style: solid;			/* 枠線の種類：実線 */
	border-color: #949494;			/* 枠線の色：黒色 */
	padding: 0.75em 1em;			/* 内側の余白 */
	text-decoration: none;			/* リンクの下線を消す */
	color: #333333;					/* 文字色：黒色 */
	background-color: white;		/* 背景色：白色 */
	font-weight: bold;				/* 太字 */
	position: relative;				/* JavaScriptでz-indexを調整するために必要 */
}
/* ▼タブにマウスポインタが載った際(任意) */
#TabControl a:hover {
   	text-decoration: underline;       /* 文字に下線を引く */
}
#TabControl {
	margin-bottom: -1px;
}
/* ▼タブの中身 */
#TabBody div {
   	border: 1px solid #949494;	/* 枠線：黒色の実線を1pxの太さで引く */
   	background-color: white; /* 背景色：白色 */
   	position: relative;      /* z-indexを調整するために必要 */
   	z-index: 0;              /* 重なり順序を「最も背面」にするため */
	
	table {
		margin: 0px;
	}
}

table {
	width: 100%;
	border-collapse: collapse;
}

.FileTable-DateCol {
  width: 25%;
}

.UserTable-IDCol {
	width: 20%;
}
.UserTable-StatusCol {
	width: 15%;
}
.UserTable-EditCol,.UserTable-DeleteCol,.UserTable-PrintCol {
	width: 12%;
}

.NewPageLink{
	padding-right: 15px;
	background: url(/newpagelink) right center/11px auto no-repeat;
}

/***** 利用規約 ******/
.terms{
	.main{
		background-color: #FFFFFF;
	}
	p{
		font-size: medium;
		margin-bottom: 2em;
	}
	.Title{
		font-weight: bold;
		text-align: center;
	}
}

/***** ファイル表示 ******/
.fileview.page.no-sidebar .wrap {
	max-width: 100%;
}
.fileview{
	.container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	div, main, .page, embed{
		background-color: #FFFFFF;
		border :none;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	p{
		display: none;
	}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}