/*◆共通
-------------------------------------*/

body, input, select, textarea, button {
	color : #202026;
}

body {
	background-color: #fff;
}

/*背景（キャラorグラデ - 背景 - 黒帯）*/
.bodyimg0, .bodyimg1 {
	background-image: url("../../img/main/grd_color01.png"), url("../../img/main/m1.png");
}

a:link, a:visited, a:active {
	color : #3040B0;
}

a:hover {
	color : #8AB1FF;
}

th {
	color: #fff;
	background: linear-gradient(to top, #202026, #36363B);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
	
}

.imgcolor{
	filter: hue-rotate(-50deg) opacity(80%) saturate(50%);
}

/* 強調色 */
.str {
	font-weight:bold;
	color : #b04545;
}

/* 検索結果 */
.hi-light{
	text-decoration: underline wavy #ff5555;
}

.color1 {
	border-bottom:solid;
	border-width:2px;
}

/*◆ボーダー背景
-------------------------------------*/

.mtd, 
.min1, 
.min3, 
.gtab, 
#copymes, 
.main input:checked + .tab_item {
	background-image: linear-gradient(to left, #fff, transparent),repeating-linear-gradient(45deg, #E6E6E7, #E6E6E7 2px,#F2F2F3 2px, #F2F2F3 4px);
}

/*◆ベース
-------------------------------------*/

#page_menu {
	background-color: #fff;
	border: 1px solid #5e5e64;
	background-image: url("../../img/main/pagemenu.png");
}

#page_menu.close {
	background-image: url("../../img/main/pagemenuclose.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){
	#page_menu {
		background-image: url("../../img/main/pagemenu_2x.png");
	}
	#page_menu.close {
		background-image: url("../../img/main/pagemenuclose_2x.png");
	}
}

.footer {
	color : #5e5e64;
}

/*◆メニュー
-------------------------------------*/

.top {
	background: linear-gradient(to top, #202026, #36363B);
}

.menu, .menu_contents {
	background: linear-gradient(to top, #101016, #28282D);
}

.menu_caption {
	border-left: 1px solid #101016;
	border-bottom: none;
}

.menu_caption:hover, .menu_content:hover {
	background-color: #343439;
}

.menu_contents a {
	color: #fff;
}

.menu_contents li:last-child {
	border-bottom: none;
}

.menu_content {
	border-bottom: 1px solid #101016;
}

.menu_search {
	border-left: 1px solid #101016;
	border-right: 1px solid #101016;
}

/*◆メニュー(スマートフォン)
-------------------------------------*/

.tops {
	background: linear-gradient(to right, #202026, #36363B);
}

.menus_label {
	border-bottom: 1px solid #101016;
	background: linear-gradient(to right, #101016, #28282D);
}

.menus_content {
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.menus_content a {
	color: #fff;
}

.menus_content:hover {
	background-color:#343439;
}

/*◆検索欄・検索ボタン
-------------------------------------*/

.searchbutton {
	background-color: #fff;
}

.searchbox , .searchbox input[type="text"]{

	background-color: #fff;
}

.searchbox {
	border: 1px solid #9090a2;
}

.searchbox input[type="submit"]{
	background-color: #fff;
}

/*◆ページ送り
-------------------------------------*/

.pager .pagination li a {
	color: #202026;
}

.pager .pagination li a:hover, .pager .pagination li a.active {
	color: #fff;
	background:#5e5e64;
}

/*◆見出しとテキスト
-------------------------------------*/

.m2 {
	border: solid 1px #5e5e64;
	background-color: #fff;
}

.m2:before {
	border: solid 1px #DADADF;
	background-image: url(../../img/main/m2_color01.png);
}

.m3 {
	border-left: solid 5px #202026;
	border-bottom: solid 1px #202026;
}

.m4, .m4nb {
	border-bottom: dotted 1px #202026;
}

.m4 {
	background-image: url(../../img/main/m4_color01_2x.png);
}

.m5 {
	background-image: url(../../img/main/m5_color01_2x.png);
}

.faq {
	border-right: solid 5px #202026;
	border-top: solid 1px #202026;
}

.mchart1 {
	color : #fff;
	background-image: linear-gradient(to top, #202026, #36363B);
	border: 1px solid #101016;
}

/*◆メモ
-------------------------------------*/

.notes .title, .tabname {
	border-bottom: 1px solid #9090a2;
}

.notes, .rtab, .repnotes {
	border: 10px solid #f3f3f6;
  border-image: linear-gradient(to bottom, #f3f3f6 0%, #fff 100%);
  border-image-slice: 1;
}

.notes:before, .rtab:before, .repnotes:before, .mindent {
	border: 1px solid #9090a2;
}

.min2, .min4 {
	background-color: #fff;
}

/*◆th
-------------------------------------*/
/* th */
.mtab th, .gtab th {
	border-top: 1px solid #202026;
}

.mtab th:first-child, .gtab th:first-child {
	border-left: 1px solid #202026;
}

.mtab th:last-child, .gtab th:last-child {
	border-right: 1px solid #202026;
}

.mth {
	border-left: 1px solid #202026;
}

/*◆メインテーブル
-------------------------------------*/

.mtab td:first-child {
	border-left: 1px solid #9090a2;
}

 .mtab td:last-child {
	border-right: 1px solid #9090a2;
}

.mtab tr:last-child td {
	border-bottom: 1px solid #9090a2;
}

.mtd,.mtext {
	color: #202026;
	border-bottom: 1px solid #D4D4D9;
}

.mtext {
	background: #fff;
}

/*◆技能テーブル
-------------------------------------*/

.gtab td:first-child {
	border-left: 1px solid #9090a2;
}

.gtab td:last-child {
	border-right: 1px solid #9090a2;
}

.gtab tr:last-child td {
	border-bottom: 1px solid #9090a2;
}

.gtb1, .gtb1_, .gtb2, .gtb3 {
	background-image: linear-gradient(to top, #4e4e54, #5e5e64);
}

.gth1, .gth1_ {
	background-image: linear-gradient(to top, #994754, #a95764);
}

.gth2 {
	background-image: linear-gradient(to top, #4a54a1, #5a64b1);
}

.gth3 {
	background-image: linear-gradient(to top, #3f8a61, #4f9a71);
}

.gth4 {
	background-image: linear-gradient(to top, #bb8a57, #cb9a67);
}

.gth5 {
	background-image: linear-gradient(to top, #b58bc0, #c59bd0);
}

.gth6 {
	background-image: linear-gradient(to top, #76a5af, #86b5bf);
}

.gpos, .gtg, .gcon, .gpn, .gbk, .gtd {
	color: #202026;
	border-bottom: 1px solid #D4D4D9;
}

.gtext {
	color: #202026;
	background: #fff;
}

.grule {
	border-bottom: 1px solid #D4D4D9;
}

.iksm {
	border-bottom: 1px solid #D4D4D9;
}

.iksmc {
	background: #D4D4D9;
}

/* コピー機能用 */
#copymes {
	color : #202026;
	border: 1px solid #9090a2;
}

/*◆リプレイ
-------------------------------------*/

.reptext {
	border-bottom: 1px solid #D4D4D9;
}

.rtab img {
	border: 1px solid #5e5e64;
}

.bg img {
	border: 1px solid #5e5e64;
}

.yota {
	color : #fff;
	background-color:rgba(50,50,54,0.92);
}

.yotaoya {
	color : #3040B0;
}

/*◆キャラシート（リプレイ共用部分）
-------------------------------------*/

/* 分類枠 */
.cstitle {
	border-top: 1px solid #D4D4D9;
	border-image: linear-gradient(to right, transparent 50px, #D4D4D9 50px, #D4D4D9 100%);
	border-image-slice: 1;
}

.cst tr:first-child td {
	border-top: 1px solid #9090a2;
}

.cst td:first-child {
	border-left: 1px solid #9090a2;
}

.cst td:last-child {
	border-right: 1px solid #9090a2;
}

.cst tr:last-child td {
	border-bottom: 1px solid #9090a2;
}

.liner {
	border-right: 1px solid #D4D4D9;
}

.lineb {
	border-bottom: 1px solid #D4D4D9;
}

/*◆キャラシート基本部分
-------------------------------------*/

.csbody {
	background: url(../../img/cs/csback.png) top right,#f5F5F6;
}

.csb1 {
	background-color: #fff;
}

.csm {
	background-image: linear-gradient(to top, #202026, #36363B);
}

.csm1, .csfooter .footer, .csm3 a:hover {
	color: #fff;
}

.csm3 a {
	color: #D4D4D9;
}

/*◆キャラシート
-------------------------------------*/

.frmbutton, .secret{
	background: #fff;
	border: 1px solid #5e5e64;
}

.frmbutton:hover, .secret:hover{
	color:#fff;
	background: #36363B;
	border: 1px solid #36363B;
}

.frm, .fmtxt, .frmnamedummy, .dummy_container {
	background: #fff;
}

.fmtd {
	background-image: linear-gradient(to top, rgba(255,255,255,0.7), transparent),repeating-linear-gradient(45deg, #E6E6E7, #E6E6E7 2px,#F2F2F3 2px, #F2F2F3 4px);
}

.fmtd, .fmdk {
	color:#36363B;
}

.fmdk {
	background-color:#f6f6f8;
	border-right: 1px solid #fff;
}

.frmtmg1 {
	background-image: repeating-linear-gradient(45deg, #f3e5e7, #f3e5e7 2px,#f2e2e4 2px, #f2e2e4 4px);
}

.frmtmg2 {
	background-image: repeating-linear-gradient(45deg, #e3e5f3, #e3e5f3 2px,#dfe2f1 2px, #dfe2f1 4px);
}

.frmtmg3 {
	background-image: repeating-linear-gradient(45deg, #e2f0ea, #e2f0ea 2px,#dfeee7 2px, #dfeee7 4px);
}

.frmtmg4 {
	background-image: repeating-linear-gradient(45deg, #fbf4e6, #fbf4e6 2px,#faf0e2 2px, #faf0e2 4px);
}

.frmtmg5 {
	background-image: repeating-linear-gradient(45deg, #f5ecf5, #f5ecf5 2px,#f3e9f3 2px, #f3e9f3 4px);
}

/*◆タブ
-------------------------------------*/

.tab_item {
	color: #fff;
	background-image: linear-gradient(to top, #202026, #36363B);
	border: 1px solid #202026;
}

.main input:checked + .tab_item {
	color : #202026;
	border: 1px solid #5e5e64;
}

#npc:checked ~ .cstabs > label[for="npc"],
#follower:checked ~ .cstabs label[for="follower"],
#scenario:checked ~ .cstabs label[for="scenario"] {
	color : #202026;
	border: 1px solid #5e5e64;
	border-bottom:none;
	background-image: linear-gradient(to top, rgba(255,255,255,0.7), transparent),repeating-linear-gradient(45deg, #E6E6E7, #E6E6E7 2px,#F2F2F3 2px, #F2F2F3 4px);
}

.cstabs .tab_item {
	border-bottom:none;
}

/*◆挿絵
-------------------------------------*/

.ss2{
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
}

/*◆アニメーション
-------------------------------------*/

body::after {
	background-image: url("../../img/main/fadelogo.png"), repeating-linear-gradient(45deg, #202026, #202026 6px,#26262B 6px, #26262B 12px);
}

/*◆アップデート情報
-------------------------------------*/

#UpdateMAIN{
	background-color: #fff;
}

#CloseUpdate{
	color : #3040B0;
	border: solid 2px #5e5e64;
	background: #fff;
}

#CloseUpdate:hover {
	color:#fff;
	background: #DADADF;
}

/*◆スライダー
-------------------------------------*/

.sliderarea {
	background-image: linear-gradient(to bottom, #101016, #888776);
}

/*◆レスポンシブ対応
-------------------------------------*/

/*●PC用
-------------------------------------*/
@media screen and (min-width: 768px) {
	
/* 背景キャラ表示 */
	.bodyimg0 {
		background-image: url("../../img/main/m11.png"), url("../../img/main/m1.png");
	}
	.bodyimg1 {
		background-image: url("../../img/main/m11.png"), url("../../img/main/m1.png"), linear-gradient(to top, #202026, #36363B);
	}
}

/*●体験版
-------------------------------------*/
.trial a {
	color:#5e5e64;
}