body,
.txt-default	{ color: #333333; }
a,
.txt-point	{ color: #ff4800; }


@media all and (min-width: 1001px) { 
	html.single				{
			background-color: #fff2e1;
			background-repeat: no-repeat;
			background-size: cover;
		}
	html.single:before {
			background-image: url('http://jahs94.ivyro.net/data/site/design_background.jpg');
			background-color: #fff2e1;
			background-repeat: no-repeat;
			background-size: cover;
		}
}

@media all and (max-width: 1000px) {
	html.single				{
			background-color: #fff2e1;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment: fixed;
		}
	html.single:before {
					background-image: url('http://jahs94.ivyro.net/data/site/design_m_background.jpg');
					background-color: #fff2e1;
					background-repeat: no-repeat;
					background-size: cover;
					background-attachment: fixed;
			}
}
#main_body,
#content_body {
	background: #ffffff;
	color: #333333;
}


#footer {color:#ffffff; 
	text-align: center;}

#gnb_control_box i {
	color: #ff4800;
}

@media all and (min-width: 1001px) { 
	#header			{
		padding-right: 100px;
	}

	#no_design_gnb li				{
			background-color: #fcfcfc;
			border: 1px solid #ff4800;
	}

	#no_design_gnb li:hover				{
			background-color: #ff4800;
		}

	#gnb_control_box	{ display: none; }
}

@media all and (max-width: 1000px) {

	#header			{
			background-color: #fcfcfc;
		}

	#no_design_gnb li,
	#admin_gnb li				{
			background-color: #fcfcfc;
		}

	#no_design_gnb li:hover			{
			background-color: #ff4800;
		}

	#gnb_control_box	{
		display: block;
	}
}

#body	{ margin-left: 100px; }
#header	{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100px;
	overflow-y:scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
#header::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
#footer {
	margin-left:100px;
	width: calc(100% - 100px);
}
#logo	{
	padding:50px 50px 20px 50px;
	text-align: center;
}
#logo img	{
	max-width: 50px;
}
#admin_gnb {
	width: 100px;
}
.visual-area {
	width: calc(60% - 100px + 20px);
	left: 100px;
}
.visual-area #back {
	left: 110px;
	bottom: 10px;
}




/*#gnb	{ float: right; }*/
#gnb,
#gnb *	{
	color: #ff4800;
	font-size: 14px;
}
#gnb li:hover * {
	color: #333333;
	font-size: 14px;
}

.open-gnb #gnb,
.open-gnb #gnb *	{
	font-size: 14px;
}
.open-gnb #gnb #no_design_gnb {
	margin-top: 50px;
}




*::-webkit-scrollbar-track			{ background-color: #ffffff; }
*::-webkit-scrollbar-thumb			{ background: #ff4800; }
*::-webkit-scrollbar {display: none;} 

* { outline-color: #ff4800; }
::selection			{ background-color: #ff4800; }
::-moz-selection	{ background-color: #ff4800; }
::-webkit-selection	{ background-color: #ff4800; }

::selection			{ color:#ffffff; }
::-moz-selection	{ color:#ffffff; }
::-webkit-selection	{ color:#ffffff; }




.ui-btn	{
	color:			#000000 !important;
	background-color:		#ffffff !important;
	border-color:	#ff4800 !important;
}
.ui-btn:hover	{
	color:			#000000 !important;
	background-color:		#ffffff !important;
	border-color:	#ff4800 !important;
}

.ui-btn.point			{
	color:			#ffffff !important;
	background-color:		#ff4800 !important;
	border-color:	#ff4800 !important;
}
.ui-btn.point:hover		{
	color:			#ffffff !important;
	background-color:		#ff4800 !important;
	border-color:	#ff4800 !important;
}

.ui-btn.admin			{
	color:			#ffffff !important;
	background-color:		#289986 !important;
	border-color:	#289986 !important;
}
.ui-btn.admin:hover	{
	color:			#ffffff !important;
	background-color:		#289986 !important;
	border-color:	#289986 !important;
}


.pg_wrap .pg_page	{
	color:			#000000;
	background:		#ffffff;
	border-color:	#ff4800;
}
.pg_wrap .pg_page:hover	{
	color:			#000000;
	background:		#ffffff;
	border-color:	#ff4800;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			#ffffff;
	background:		#ff4800;
	border-color:	#ff4800;
}





.bar-equalizer i	{
	background: #ff4800;
	-webkit-box-shadow: 0px 0px 3px 0px #ffffff;
	-moz-box-shadow: 0px 0px 3px 0px #ffffff;
	box-shadow: 0px 0px 3px 0px #ffffff;
}



.status-bar dd p	{
	background: #333333;
}
.status-bar dd p span	{
	background: #ff4800;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #ff4800;
}
.status-bar dd p i	{
	color: #ffffff;
}



hr.line	{
	background: #ff4800;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="date"],
input[type="password"],
input[type="number"],
textarea,
select				{
	color:			#333333 !important;
	background:		#ffffff !important;
	border-color:	#ff4800 !important;
	border: 1px solid;
}

::-webkit-input-placeholder {
	color: #333333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #333333;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #333333;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #333333;
}

 
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #ffffff !important;
  color: #333333;
}




.flex-control-paging a				{ background: #333333; }
.flex-control-paging a.flex-active	{ background: #ff4800; }




.theme-box	{
	background-color: #ffffff;
	border: 1px solid #ff4800;
	color: #333333;
}
.theme-box.no-link a	{
	color: #333333;
}



.inven-popup-viewer,
.shop_item {
	background-color: #ffffff;
	border: 1px solid #ff4800;
	color: #333333;
}
.shop_item #item_name {
	background-color: #ff4800;
    color: #ffffff;
    border: 1px solid #ff4800;
}

.inventory-list a i	{
	/*
	background: #ff4800;
	color: #ffffff;
	*/

	border: 1px solid #ff4800;
	background: rgba(0, 0, 0, .7);
	color: #fff;
}



.timeline-Tweet:before { border-top-color: #ffffff; }
.TweetAuthor-name	{ color: #ff4800; }




#submenu	{
	background-color:	#ffffff;
	color:				#333333;
	border-top-color:		#ff4800;
	border-top-style:		dotted;
	border-top-width: 1px;
	border-bottom-color:		#ff4800;
	border-bottom-style:		dotted;
	border-bottom-width: 1px;
	border-left-color:		#ff4800;
	border-left-style:		dotted;
	border-left-width: 1px;
	border-right-color:		#ff4800;
	border-right-style:		dotted;
	border-right-width: 1px;
}
#submenu a	{
	color: #333333;
}
#submenu a:hover	{
	color: #ff976e;
}




.theme-list,
.theme-form	{
	background-color:	;
	color:				;
}

/*** Form Area ***/
.theme-form th	{
	background-color:	#289986;
	color:				#333333 !important;
	border-top-color:	#289986;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	#289986;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-left-color:	#289986;
	border-left-style:	solid;
	border-left-width:	1px;
	border-right-color:	#289986;
	border-right-style:	solid;
	border-right-width:	1px;
}
.theme-form td	{
	background-color:	#ffffff;
	color:				#333333;
	border-top-color:	#289986;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	#289986;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-left-color:	#289986;
	border-left-style:	solid;
	border-left-width:	1px;
	border-right-color:	#289986;
	border-right-style:	solid;
	border-right-width:	1px;
}

/*** List Area ***/
.theme-list th	{
	background-color:	#289986;
	color:				#fff;
	border-top-color:	#289986;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	#289986;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-left-color:	#289986;
	border-left-style:	solid;
	border-left-width:	1px;
	border-right-color:	#289986;
	border-right-style:	solid;
	border-right-width:	1px;
}
.theme-list td	{
	background-color:	;
	color:				#fff;
	border-top-color:	#289986;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	#289986;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-left-color:	#289986;
	border-left-style:	solid;
	border-left-width:	1px;
	border-right-color:	#289986;
	border-right-style:	solid;
	border-right-width:	1px;
}




#tab_list { border-color: #ff4800; }




.inventory-list a {
	/*border: 1px solid #ff4800;*/

	border: 1px solid #ff4800;
}
.inventory-list a i	{
	/*
	background: #ff4800;
	color: #ffffff;
	*/

	border: 1px solid #ff4800;
	background: rgba(0, 0, 0, .7);
	color: #fff;
}





#load_log_board	{
	}

.board-notice	{
			background-color: #fcfcfc;
			color: #000000;
	}

#log_list	{
	}
#log_list .item		{
	
	}

#log_list .item .item-inner .ui-pic		{
	}
#log_list .item .item-inner .ui-pic .pic-header a		{
			color: #289986;
	}


#log_list .item .item-inner .item-comment		{
			background-color: #fcfcfc;
			color: #333333;
			border-bottom-color:		#ff4800;
		border-bottom-style:		dotted;
		border-bottom-width: 1px;
				margin-bottom: 10px !important;
	}


#log_list .item .item-inner	.ui-comment		{
	
		transition: all 0.3s;
}


#log_list .item .item-inner .co-header p,
#log_list .item .item-inner .co-header p a	{
			color: #333333;
				font-size: 12px;
	}

#log_list .item .item-inner .co-header p.owner,
#log_list .item .item-inner .co-header p.owner a	{
			color: #ff4800;
				font-size: 12px;
	}

#log_list .item .item-inner .co-footer .date,
#log_list .item .item-inner .co-footer a	{
			color: #dddddd;
				font-size: 11px;
	}


#log_list .item .item-inner .co-content .other-site-link	{
			color: #289986;
	}
#log_list .item .item-inner .co-content .link_hash_tag	{

    position: relative;

    font-weight:bold;

    margin-left: 7px;

    padding: 0px 5px;

    color: black;

    background-color: #ff976e;

    border-radius: 0px 3px 3px 0px;

    filter:drop-shadow(0px 0px 1px rgba(0,0,0,0.3));

    transition-duration: 0.2s;

}

.link_hash_tag:after {

    content: "";

    position: absolute;

    left: -5px;

    top: 0;

    width: 0;

    height: 0;

    border-right: 5px solid #ff976e;

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    transition-duration: 0.2s;

}

.link_hash_tag:hover:after {

    border-right-color: black;

}

.link_hash_tag:before {

    content: "";

    width: 4px;

    position: absolute;

    height: 4px;

    left: -2px;

    top: 4px;

    background: black;

    border-radius: 50%;

    z-index: 2;

}

.link_hash_tag:hover    {

         color: #ff976e !important;

        background-color: black !important;

}
			color: #289986;
	}
#log_list .item .item-inner .co-content .log_link_tag	{
			color: #289986;
	}
#log_list .item .item-inner .co-content .member_call	{
			color: #289986;
	}

.pop_up {
	transform: translate(-200px, -50%);
}

#character_profile .ch_script *,
#character_profile .ch_name {
	color: #ff4800 !important;
}
#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner	{ 
	background: #333333;
 }
#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner .data-inner	{ 
	color: #ff4800;
 }

 #log_list .item.story .ui-pic .pic-data.ui-slide.on .slide-pop-open-btn:before,
#log_list .item.story .ui-pic .pic-data.ui-slide.on .slide-pop-open-btn:after	{ background: #ff4800; }

.searc-sub-box i {
	color: #333333;
}
#bo_v {
	background: ;
}
#bo_v * {
	color: #333333;
}

.clap {
	background: #333333;
}

#bo_list .theme-list th.sat,
#bo_list .theme-list th.sun {
	background-color:#289986;
	color:#fff;
}
#bo_list .theme-list th{
	color:#fff;
}

#bo_list .theme-list td.today{
	background-color:#289986;
	opacity:.8;
}
#bo_list .theme-list td.today a{
	color:#fff;
}
#bo_list .theme-list td.noday{
	background-color:#289986;
	opacity:.4;
}
#bo_list .popup_layer {
	background-color:#fff;
	color:#289986;
	border:solid 1px #289986;
}

#character_profile .button .ui-btn {
	background: transparent !important;
	color: #333333 !important;
	border-color: #eeeeee !important;
}
#character_profile .button .ui-btn.point {
	border-color: #ff4800 !important;
}

.go_log_board * {
	color: #333333;
}

#couple_list li {
	background: #ffffff;
}
#couple_list li .visual i {
	color: #ff4800;
}
#go_secret {
	color: #ff4800;
}
.closet-list ul li .ui-btm {
	color: #333333 !important;
}
.closet-list ul li .ui-btn.point {
	background-color: #ff976e !important;
}
.w_th {
	color: #ff4800;
}
#character_profile .bgm-player * {
	color: #ff4800;
}



/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top-left:before {
  border-top-color: #ff4800; }

.hint--top-right:before {
  border-top-color: #ff4800; }

.hint--top:before {
  border-top-color: #ff4800; }

.hint--bottom-left:before {
  border-bottom-color: #ff4800; }

.hint--bottom-right:before {
  border-bottom-color: #ff4800; }

.hint--bottom:before {
  border-bottom-color: #ff4800; }

.hint--left:before {
  border-left-color: #ff4800; }

.hint--right:before {
  border-right-color: #ff4800; }
  
[class*="hint--"]:after {
background: #ff4800;
border-radius: 5px; }

#bo_gall .gall_box * {color: #ff4800;}

img.emoji { 
	width: 13px; 
    vertical-align: top; 
    padding: 3px 0.5px;
    pointer-events: none; 
}

#bo_gall .gall_li .info span {
	background: #ff4800;
    color: #ffffff;
}