body {
	font-size:16px;
	font-family: "小塚ゴシック Pro", Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

a {
	color:#333;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.caution{
	color:#ff1a05;
}

.error-message{
	color:#ff1a05;
	padding:5px;
}


/*********************************************
 * Sortable
 */
body.dragging, body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

ol.example li.placeholder {
	position: relative;
	/** More li styles **/
}

ol.example li.placeholder:before {
	position: absolute;
	/** Define arrowhead **/
}

/*********************************************
 * General
 */
 
@font-face {
	font-family: 'Sofia';
	src: url(http://allon.jp/fonts/Sofia-Regular.otf);
}

.success{
	border-radius:5px;
	background:#9cbb1c;
}
.error{
	color:#FFF;
	border-radius:5px;
	background:#c70067;
}

.thumbnail > img.thumb {
	width:100%;
}


.navbar-brand {
	display:inline-block;
}

.navbar-nav li {
	margin:0 28px;
}

.table.table-general {
	width:auto;
	margin:0 auto;
	font-size:18px;
}
.table.table-general th{
	padding:30px;
	border:none;
}
.table.table-general td{
	padding:30px;
	border:none;
}

h2 {
	padding:15px 0 15px;
}
h3 {
	padding:15px 0 15px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border:none;
}
.pagination>li>span.current{
	background:#ffe000 !important;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 5px 0;
	border-radius: 0;
}
.pagination a{
	color:#333;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    background-color: #ffe000;
}
.btn.btn-yellow{
	border-radius:0px;
    background-color: #ffe000;
}
.btn.btn-white{
	border-radius:0px;
    background-color: #ffffff;
}


.navbar {
	font-size:22px;
}
.navbar a{
	transition: 0.5s ;
	color:#000;
}
.navbar a:hover{
	text-decoration:none;
	color:#fff100;
}

.circle{
	display:inline-block;
	transition: 0.5s ;
	width:50px;
	height:50px;
	margin:10px 0 0;
	border-radius:25px;
	border:4px solid #000;
}
.navbar a:hover .circle {
	border:4px solid #fff100;
}

#editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
#voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}

.work-row {
	margin-bottom:25px;
}
.work-row .col-sm-2{
	padding:0;
}

.work-row .col-sm-2.card {
	height:162px;
	padding:10px 10px 10px;
	background:#ffe000;
}

.work-row .col-xs-3 {
	padding:0;
}

.w100{
	width:100%;
}

.contact_side {
	position:fixed;
	bottom:200px;
	right:0;
}

.work-pic img {
	display:inline-block;
}
.dotted {
	border:none;
	border-bottom:1px dashed #ddd;
}