#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/* スライド */
#css-slider {
    width : 100%;
    overflow : hidden;
}

.slide-item {
    width : 100%;
    float : left;
    position : relative;
}

.slider-wrapper {
    width : 100%;
    position : relative;
    left : 0;
    will-change : transform;
    animation : slider 10s infinite;
}

@keyframes slider {
    0% { transform: translate(0); }
    33% { transform: translate(-100%); }
}
button.marubutton-type {
    border: 0px;
    margin: 0 auto;
    width:50%;
    font-size:16px;
    font-weight:bold;
    font-color:#fff;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#49a9d4;
    background-image:-webkit-linear-gradient(top, #49a9d4,#49a9d4);
    color: #ffffff !important;
    border-radius:20px;
}

button.marubutton-type-orange {
    border: 0px;
    margin: 0 auto;
    width:50%;
    font-size:16px;
    font-weight:bold;
    font-color:#fff;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#fecb81;
    background-image:-webkit-linear-gradient(top, #49a9d4,#49a9d4);
    color: #ffffff !important;
    border-radius:20px;
}
div.subtitle {
    margin: 10px;
}
.colorfilter-image {
    opacity: 0.6;    /* カラーフィルタ効果の度合いを指定 */
    display: block;
}

.example {
    position: relative;
    overflow: hidden;
    width:200px;
    height:200px;
    background-color: white;  /* カラーフィルタ効果の色を指定 */
} 


.example img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    /*文字の装飾は省略*/
}


.title-hr {
    margin: 0px 0px 5px 0px;
    border: none;
    border-top: 0px #000000 solid; /* newmodel */
    border-bottom: 1px solid #f5f5f5;
    box-shadow: 1px 1px 1.2px rgba(255,255,255,0.1);
    width: 100%;
}

.icon-right {
    float: right;
}
.icon{
    font-size: 10px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display:block
}

audio,canvas,video {
    display:inline-block;
    *display:inline;
    *zoom:1
}

audio:not([controls]) {
    display:none
}

html {
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
    overflow-y: scroll;
    height:100%;
}

a {
    color:#696969;
    text-decoration:none;
}

a:focus {
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

a:hover,a:active,a:visit {
    color:#696969;
    outline:0
    text-decoration:none;
}

sub,sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}

sup {
    top:-0.5em
}

sub {
    bottom:-0.25em
}

img {
    max-width:100%;
/*
    width:auto;
    height:auto;
*/
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic
}
div.prf img {
    width:15%;
    border-radius: 10px;        /* IE */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome */
    -moz-border-radius: 10px;   /* Firefox */
}
div.banner img {
    width:100%;
}

/* yoshii */
.photo_tbl {
    display: table;
    width: 100%;
    background: #FFF;
    padding: 0px;
}
.photo_tbl_item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

div.cell_3 img {
    border-radius: 10px;        /* IE */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome */
    -moz-border-radius: 10px;   /* Firefox */
}
.prf li {
    display:inline;
    text-align: center;
}
.r-list li {
    text-align: center;
    word-wrap: break-word;
}
hr.style1 {
	border-top: 0.1em solid #dcdcdc;
	text-align: center;
        width:90%;
}
hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}
.modal-submit {
    background-image:-webkit-linear-gradient(top, #35C3D9,#18a7be);
    color: #ffffff !important;
	margin: 0px 5px;
}
.modal-cancel {
	margin: 0px 5px;
}
.modal-title {
    color: #ffffff !important;
    font-weight: bold;
}
.modal-overlay {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:100%;/*for old Safari*/
    height:100vh;
    background-color:rgba(0,0,0,.5)}
.modal-overlay (:target) {height:100%\9} /* IE9,10 */
a.modal-open:hover {cursor:pointer}
.modal-content {
    position:fixed;
    display:none;
    z-index:3;
    margin:10px;
    padding:15px;
    border-radius:20px;
    background: linear-gradient(#4e9abe 25%, #fff 25%);
}
.modal-content img {width:auto;max-height:70vh}
.modal-content h1 {font-size:120%; margin-bottom:0.5em}
.modal-content p {max-width:565px; text-align:left}
a.modal-close {
	position:absolute;
	top:0;
	right:10px;
	color:#b29c33;
	font-size:35px;
	line-height:1;
	font-weight:bold;
	text-decoration:none}
a.modal-close:hover {
	cursor:pointer;
	opacity:.6}
@media screen and (max-height: 640px) {
	.modal-content {padding:10px}
	.modal-content h1 {font-size:100%; margin-bottom:3px}
	.modal-content p {font-size:75%;width:70%; margin:auto}
	a.modal-close:hover {opacity:1}
}
@media screen and (max-width: 640px) {
	.modal-content {padding:10px}
	.modal-content img {max-height:inherit; width:100%; height:auto}
	.modal-content p {font-size:75%; width:100%;}
	a.modal-close:hover {opacity:1}
}

.preview_box_main{
    width:200px;
    height:200px;
    overflow: hidden;
    position: relative;
}
.preview_box_main img{
    clear:both;
    text-decoration: none;
    object-fit: cover;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 1px;
    width: 200px;
    height: 200px;
}
.preview_box_sub{
    overflow: hidden;
    width:100px;
    height:100px;
    position: relative;
}
.preview_box_sub img{
    clear:both;
    text-decoration: none;
    object-fit: cover;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 1px;
    width: 100px;
    height: 100px;
}
.preview_box {
    position:relative;
    margin:0px auto 0px;
}

.preview_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.preview_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/* yoshii */

#map_canvas img {
    max-width:none
}

button,input,select,textarea {
    margin:0;
    font-size:100%;
    vertical-align:middle
}

button,input {
    *overflow:visible;
    line-height:normal
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding:0;
    border:0
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    cursor:pointer;
    -webkit-appearance:button
}

input[type="search"] {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -o-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none
}

textarea {
    overflow:auto;
    vertical-align:top
}

.has-placeholder {
    position:relative;
    display:block;
    float:left
}

.has-placeholder label {
    position:absolute;
    top:0;
    left:0;
    vertical-align:middle;
    color:#646464;
    line-height:43px;
    height:100%;
    width:100%;
    text-decoration:none;
    padding:0 15px;
    text-shadow:0 1px 0 #ffffff;
    overflow:hidden
}

textarea {
    background-color:#fff;
    border:solid 1px #bfbfbf;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:inset 0 1px 0 0 #E0E0E0;
    display:inline-block;
    vertical-align:middle;
    color:#646464;
    line-height:1em;
    text-decoration:none;
    padding:10px;
    box-shadow:inset 0 1px 0 0 #dfd8d8;
    width:90%
}

div.select-box-focus {
    outline:0;
    border:1px solid #5B9DD9;
    -webkit-box-shadow:0 0 5px 1px #5B9DD9;
    -moz-box-shadow:0 0 5px 1px #5B9DD9;
    box-shadow:0 0 5px 1px #5B9DD9
}

.select-box {
    z-index:0;
    position:relative;
    display:inline-block;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    width:auto;
    background-color:#f9f9f9;
    background-color:#f9f9f9;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9),color-stop(100%, #e0dada));
    background-image:-webkit-linear-gradient(top, #f9f9f9,#e0dada);
    background-image:-moz-linear-gradient(top, #f9f9f9,#e0dada);
    background-image:-ms-linear-gradient(top, #f9f9f9,#e0dada);
    background-image:-o-linear-gradient(top, #f9f9f9,#e0dada);
    background-image:linear-gradient(top, #f9f9f9,#e0dada);
    border:solid 1px #d3d3d3;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#fff !important;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    padding:0px;
    overflow:hidden
}

.select-box .select-box-label {
    height:16px;
    overflow:hidden;
    display:block;
    line-height:16px;
    float:left;
    position:absolute;
    top:0;
    color:#bababa;
    padding:0px 15px;
    height:100%;
    color:#646464;
    line-height:30px;
    text-shadow:0 1px 0 #ffffff
}

.select-box a:hover {
    text-decoration:none
}

.select-box select {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:30px;
    -webkit-appearance:none;
    z-index:1003;
    padding-right:45px
}

.select-box-icon {
    z-index:0;
    position:absolute;
    right:13px;
    top:-7px;
    right:0px;
    height:100%;
    width:24px;
    text-decoration:none;
    display:block;
    font-family:"icons";
    color:#404040;
    font-size:0.8em;
    text-align:left
}

.ui-button {
    background-color:false;
    background-color:#f0f0f0;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0),color-stop(100%, #c9c9c9));
    background-image:-webkit-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-moz-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-ms-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-o-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:linear-gradient(top, #f0f0f0,#c9c9c9);
    border:solid 1px #cacaca;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#5f5f5f !important;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #fff;
    text-shadow:0 1px 0 rgba(255,255,255,0.3)
}

input.ui-button,button.ui-button {
    padding-left:10px;
    padding-right:10px
}
/* 2021.9.24 yoshii */
.ui-button-main {
    background-color:#63bf00;
    background-color:#63bf00;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #63bf00),color-stop(100%, #56a600));
    background-image:-webkit-linear-gradient(top, #63bf00,#56a600);
    background-image:-moz-linear-gradient(top, #63bf00,#56a600);
    background-image:-ms-linear-gradient(top, #63bf00,#56a600);
    background-image:-o-linear-gradient(top, #63bf00,#56a600);
    background-image:linear-gradient(top, #63bf00,#56a600);
    border:solid 1px #1f91a3;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#fff !important;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #a0e3ed;
    text-shadow:0 1px 0 rgba(0,0,0,0.3)
}

a.ui-button {
    line-height:34px
}

.ui-button-middle {
    height:36px;
    font-size:1em;
    line-height:1em
}

.doublebutton {
    float:right
}

.doublebutton a {
    border:solid 1px #d1d1d1;
    background-color:#f7f7f7;
    -webkit-border-radius:2px;
    border-radius:2px;
    cursor:default;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;
    height:16px;
    outline:0;
    padding:5px 6px;
    display:block;
    float:left
}

.doublebutton a span {
    text-indent:-9999px;
    float:left;
    width:16px;
    height:16px;
    background-image:url(../images/icons.png);
    cursor:pointer
}

.doublebutton .list-button {
    margin-right:-1px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-right:none
}

.doublebutton .list-button span {
    background-position:-16px -16px
}

.doublebutton .grid-button {
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-left:none
}

span.active a.grid-button span {
    background-position:-16px 0
}

span.active a.list-button {
    border:solid 1px #d1d1d1;
    background-color:#f7f7f7
}

span.active a.list-button span {
    background-position:0 -16px
}

.active a.grid-button,.doublebutton a.list-button {
    background-color:#35C3D9;
    border-color:#23a4b8
}

.alert_form {
    background-color:#f2f2f2;
    padding:15px 10px
}

.alert_form button {
    width:100%
}

.alert_form input {
    width:184px;
    margin-bottom:12px
}

.form-vertical .control-group {
    width:100%;
    clear:both;
    margin-bottom:10px
}

.form-container .controls input,.form-container .meta input {
    background-color:#fff;
    border:solid 1px #bfbfbf;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:inset 0 1px 0 0 #E0E0E0;
    display:inline-block;
    vertical-align:middle;
    color:#646464;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #dfd8d8;
    width:70%;
    padding:0 10px;
    height:30px;
    line-height:30px;
    font-size:1em
}

.form-container .ui-drop-files {
    width:25%;
    padding:0 10px;
    height:70px;
    text-align:center;
    font-size:18px;
    line-height:70px;
    color:rgba(0,0,0,0.5);
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px
}

.form-container .controls {
    font-size:1em
}

.form-container .main-button {
    background-color:#35C3D9;
    background-color:#35C3D9;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #35C3D9),color-stop(100%, #18a7be));
    background-image:-webkit-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-moz-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-ms-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-o-linear-gradient(top, #35C3D9,#18a7be);
    background-image:linear-gradient(top, #35C3D9,#18a7be);
    border:solid 1px #1f91a3;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#fff !important;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #a0e3ed;
    text-shadow:0 1px 0 rgba(0,0,0,0.3)
}

.form-container .checkbox input,input[type="checkbox"],.form-container .meta input[type="checkbox"],.form-container .controls input[type="checkbox"],input[type="radio"],.form-container .meta input[type="radio"],.form-container .controls input[type="radio"] {
    width:auto;
    height:auto;
    vertical-align:middle;
#    margin-top:-2px;
    padding:0;
    border:none;
    box-shadow:none
}

.meta_list .meta ul {
    margin:5px 0 0 0;
    padding:0;
    list-style:none;
    float:left
}

.meta_list .meta ul li {
    clear:both;
    list-style:none
}

.meta_list .meta ul li label {
    width:auto;
    margin-left:5px;
    float:none
}

.meta_list .meta input[type="checkbox"] {
    margin-top:10px
}

.meta_list .meta .cf_date_interval {
    width:25%
}

.meta_list .meta:after {
    content:"";
    clear:both
}


.form-container .checkbox {
    margin-bottom:5px
}

.form-container .checkbox label {
    font-size:0.85em
}

.form-horizontal .actions {
    border-top:solid 1px #eaeaea;
    padding:10px 10px 15px 15px;
    margin:0 25px
}

.form-horizontal .actions a {
    font-size:0.725em
}

.form-horizontal label {
    float:left;
    width:100%;
    padding-top:7px;
    text-align:right;
    #font-size:0.85em
    font-size:1em
}

.form-horizontal .select-box {
    width:100%
}

.form-horizontal .controls {
    margin-left:170px;
    line-height:32px;
#    margin-top:-20px 40px 0 0
}

.form-horizontal .controls-box {
    margin-left:30px;
    line-height:32px
}

.form-horizontal .controls label {
    float:none;
    width:auto;
    padding-top:0;
    text-align:left
}

.form-horizontal .control-label {
    text-align: left;
    margin-left:30px;
    width:auto;
}
.form-horizontal .control-group,.form-horizontal .meta_list .meta {
    clear:both;
#    margin-bottom:10px
}

.form-container-box {
    border:solid 0px #fff;
    margin:0 auto;
    width:100%;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

.form-container-box .header {
    background-color:#f7f7f7;
    padding:10px 15px;
    margin-bottom:30px
}

.form-container-box .header h1 {
    margin:0;
    line-height:1.2em
}

body.item-post .select-box {
    margin-bottom:10px
}

#item-post select {
    width:25%
}

.form-container .photos input {
    width:100%;
    border:0;
    margin:0;
    padding:0;
    box-shadow:none
}

.photos_div {
    margin-bottom:20px
}

.form-container .controls #photos a {
    font-size:12px !important
}

button {
    background-color:false;
    background-color:#f0f0f0;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0),color-stop(100%, #c9c9c9));
    background-image:-webkit-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-moz-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-ms-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-o-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:linear-gradient(top, #f0f0f0,#c9c9c9);
    border:solid 1px #cacaca;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    /* 2023.01.09 mod begin */
    color:#5f5f5f;
    /* 2023.01.09 mod end */
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #fff;
    text-shadow:0 1px 0 rgba(255,255,255,0.3)
}

.ui-drop-files {
    box-shadow:none;
    border:4px dashed rgba(0,0,0,0.2);
    height:100px;
    background:rgba(0,0,0,0.1)
}

.bordered-box {
    border:solid 1px #eaeaea;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    padding:10px;
    font-size:0.75em
}

.bordered-box h2 {
    font-size:1.2em;
    margin-top:0;
    font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'MS Pゴシック', TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese', sans-serif;
    font-weight:bold
}

.form-container .photos input {
    width:100%
}

.form-container .photos img {
    width:25%
}

.photos_div a {
    display:block
}

.arrow-up {
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #35C3D9
}

.hover .arrow-up {
    border-bottom-color:white
}

.arrow-down {
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #35C3D9
}

.hover .arrow-down {
    border-top-color:white
}

.arrow-left {
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #35C3D9
}

.hover .arrow-left {
    border-right-color:white
}

.arrow-right {
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #35C3D9
}

.hover .arrow-right {
    border-left-color:white
}

.paginate {
    padding:25px;
    text-align:center;
    clear:both
}

.paginate li {
    display:inline;
    list-style-type:none
}

.paginate a,.paginate span {
    text-decoration:none;
    margin:0 1px;
    padding:5px 10px;
    border:1px solid #EEE;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}

.paginate a.previous {
    margin-right:15px
}

.paginate a.next {
    margin-left:15px
}

.paginate strong {
    border:1px solid #EEE;
    color:#F30;
    margin:0 1px;
    padding:5px 10px
}

.paginate em {
    border:1px solid #EEE;
    color:#AAA;
    font-style:normal;
    margin:0 1px;
    padding:5px 10px;
    text-decoration:none
}

.paginate em.previous {
    margin-right:15px
}

.paginate em.next {
    margin-left:15px
}

.searchPaginationSelected,.paginate a:hover {
    font-weight:bold;
    background-color:#35C3D9;
    color:white
}

.see_by {
    float:right;
    border:solid 1px #D1D1D1;
    background-color:#F7F7F7;
    -webkit-border-radius:2px;
    border-radius:2px;
    cursor:default;
    font-size:13px;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    height:16px;
    outline:0;
    padding:5px 6px;
    display:block;
    margin-right:10px;
    position:relative
}

.see_by span {
    float:left
}

.see_by label {
    float:right;
    margin:0;
    padding:0 18px 0 5px;
    color:#1b7e8d
}

.see_by ul {
    position:absolute;
    right:-1px;
    margin:22px 0 0;
    padding:8px 10px;
    list-style:none;
    text-align:right;
    background-color:#35C3D9;
    border:solid 1px #23a4b8;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    display:none
}

.see_by ul a {
    font-size:1em;
    font-weight:500;
    color:#fff
}

.see_by .arrow-up,.see_by .arrow-down,.see_by .arrow-right,.see_by .arrow-left {
    position:absolute;
    right:6px;
    top:11px
}

.arrow-envelope {
    position:absolute;
    right:-1px;
    top:-1px
}

.hover .arrow-envelope {
    background-color:#35C3D9;
    border:solid 1px #23a4b8;
    width:21px;
    height:28px;
    border-bottom:none;
    z-index:3
}

.hover ul {
    display:block
}

.wrapper-flash {
    font-weight:bold
}

.flashmessage {
    font-size:14px;
    padding:15px 0;
    width:calc(100% - 2px);
    top:10px;
    z-index:999;
    text-align:center;
    color:#ffffff;
    position:relative
}

.flashmessage-warning,.help-box {
    background-color:#d0a52a;
    border:solid 1px #93741e
}

.flashmessage-error {
    background-color:#c44e20;
    border:solid 1px #873616
}

.flashmessage-ok {
    background-color:#839b44;
    border:solid 1px #4f5e29
}

.flashmessage-info {
    background-color:#30a0ef;
    border:solid 1px #2477b2
}

.flashmessage-text {
    text-align:left;
    width:calc(100% - 40px);
}

.help-box {
    padding:5px 10px;
    display:inline-block;
    color:#fff;
    font-size:14px;
    margin:10px 0;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

.flashmessage .ico-close {
    position:absolute;
    top:14px;
    right:17px;
    float:right;
    font-size:18px;
    line-height:18px;
    color:white;
    text-shadow:none;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer
}

.flashmessage-error .close {
    color:#B94A48
}

.flashmessage-warning .close {
    color:#C09853
}

.flashmessage-success .close,.flashmessage-information .close {
    color:#3A87AD
}

#error_list,.error_list {
    background-color:#F2DEDE;
    border:solid 2px #EED3D7;
    color:#B94A48;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    padding:10px;
    list-style:none;
    display:none;
    margin:0 10px 20px
}

#error_list li,.error_list li {
    list-style:none;
    padding:2px 0 2px 18px
}

#error_list li label,.error_list li label {
    margin-top:0;
    float:none;
    width:auto
}

.user-card {
    background-color:#f7f7f7;
    padding-left:120px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.user-card ul {
    padding:15px;
    margin:0;
    list-style:none
}

.user-card .name {
    font-size:1.5em;
    margin-bottom:15px
}

.user-card .website {
    font-size:0.725em
}

.user-card .location,.user-card .adress {
    font-size:0.725em
}

.user-card img {
    position:absolute;
    left:0;
    top:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    width:25%
}

@font-face {
    font-family:"Osclass";
    font-weight:normal;
    src:url("../fonts/osclass-regular.woff")
}

@font-face {
    font-family:"Osclass";
    font-weight:100;
    src:url("../fonts/osclass-extra-light.woff")
}

@font-face {
    font-family:"icons";
    src:url("../fonts/icons.eot");
    src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#untitledregular") format("svg");
    font-weight:normal;
    font-style:normal
}

html {
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
    font-size:100%;
    line-height:1.125em;
    font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'MS Pゴシック', TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese', sans-serif;
    color:#404040
}

.icons {
    font-size:32px;
    line-height:32px
}

.icons :after {
    display:inline-block;
    font-family:"icons"
}

.ico-search:after {
    content:"s"
}

.ico-menu:after {
    content:"m"
}

.ico-grid:after {
    content:"g"
}

body {
    padding: 2.6em 0 3.3em 0;
    font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'MS Pゴシック', TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese', sans-serif;
    color:#333
    -webkit-text-size-adjust: 100%;
}

.wrapper {
    width:100%;
    margin-left:auto;
    margin-right:auto
}

#responsive-trigger {
    display:none
}

fieldset {
    border:0;
    margin:0;
    padding:0
}

h1,h2,h3,h4,h5 {
    font-weight:bold;
    font-family:"Osclass";
    color:#666;
    letter-spacing:-0.03em;
    line-height:1em;
    margin-top:0
}

h1 {
    font-size:2.2em
}

h2 {
    font-size:1.8em
}

h3 {
    font-size:1.5em
}

h4 {
    font-size:1.3em
}

h5 {
    font-size:1.15em
}

.clear {
    clear:both
}

body.search #sidebar,body.user #sidebar {
    float:left;
    width:25%
}

body.search #main,body.user #main {
    float:right;
    width:100%
}

body.search .list-header .actions {
    height:35px
}

.resp-toogle {
    display:none
}

.title-has-actions {
    border-bottom:solid 1px #eaeaea;
    margin-bottom:10px
}

.title-has-actions h1,.title-has-actions h2,.title-has-actions h3 {
    float:left;
    margin-bottom:0
}

.title-has-actions a {
    float:left;
    margin-left:10px;
    font-size:0.825em;
    line-height:2em
}

.flashmessage-404 {
    background-color:#FCF8E3;
    border:solid 1px #FBEED5;
    color:#C09853;
    border-radius:5px;
    font-size:15px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    padding:10px 15px;
    margin-top:25px
}

.flashmessage-404 ul {
    list-style:disc;
    padding:10px 0px 10px 25px
}

body.not-found .categories h2,body.not-found .categories h3 {
    float:left;
    width:25%;
    font-size:13px;
    font-weight:normal;
    margin:3px 0
}

body.not-found .categories {
    margin-top:10px
}

body.not-found fieldset.main {
    padding:10px 0
}

body.not-found #uniform-sCategory {
    display:none
}

body.not-found h1 {
    font-size:24px;
    margin-bottom:20px
}

body.not-found #query {
    background-color:#fff;
    border:solid 1px #bfbfbf;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:inset 0 1px 0 0 #E0E0E0;
    display:inline-block;
    vertical-align:middle;
    color:#646464;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #dfd8d8;
    width:25%;
    padding:0 10px;
    height:34px;
    line-height:30px;
    font-size:1em
}

.ads_300,.ads_728,.ads_468 {
    background-color:#FDF6E5;
    display:block;
    margin:15px 0
}

.ads_300 {
    width:25%;
    min-height:250px
}

.ads_728 {
    width:100%;
    min-height:90px
}

.ads_468 {
    width:50%;
    min-height:60px
}

#footer {
    font-size: 1.5em;
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.2em;
    clear:both;
    background-color: #fff;
    color: #fff;
}
#footer img{
    width: 50%;
}

.tab-menu {
  font-size:0.3em;
}

#tab {
    width:100%;
    padding:0;
    margin:0;
    list-style-type: none;
    background-color: #fff;
}

#tab li {
  width:20%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}

#tab li a {
  width:auto;
  color:#999999; /* newmodel */
  font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
  display:block;
  background:#fff;
}

#tab li a:hover {
  background:#fff;
}

#header {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.6em;
    background-color: #fff;
    /*border-bottom: thin solid #000; newmodel */
    color: #fff;
    text-align: center;
    z-index: 9999;
}
#header #logo {
    font-size:1.7em;
    letter-spacing:-0.07em;
    padding-top:7.5px;
    padding-bottom:7.5px;
    margin-left:10px
    color:#fff
}

#header #logo span {
    display:none
}

#header #logo a {
    font-size:0.8em;
    line-height:0.8em;
    font-weight:bold;
    text-decoration:none;
    color:#fff
}

#header .wrapper {
    position: fixed !important;
    position: absolute;
}

#header .ads_header {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding:10px 0px 10px 0px
}

#header .publish a {
    background-color:#ce3d27;
    background-color:#ce3d27;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ce3d27),color-stop(100%, #a72915));
    background-image:-webkit-linear-gradient(top, #ce3d27,#a72915);
    background-image:-moz-linear-gradient(top, #ce3d27,#a72915);
    background-image:-ms-linear-gradient(top, #ce3d27,#a72915);
    background-image:-o-linear-gradient(top, #ce3d27,#a72915);
    background-image:linear-gradient(top, #ce3d27,#a72915);
    border:solid 1px #8d2a1b;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#fff !important;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #e9988b;
    text-shadow:0 1px 0 rgba(255,255,255,0.3)
}


.main-search {
    background-color:#f0f0f0;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0),color-stop(100%, #c9c9c9));
    background-image:-webkit-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-moz-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-ms-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:-o-linear-gradient(top, #f0f0f0,#c9c9c9);
    background-image:linear-gradient(top, #f0f0f0,#c9c9c9);
    width:100%;
    padding:6px;
    height:46px;
    border:solid 1px #989393;
    margin:0 auto;
    box-shadow:inset 0px 1px 1px 0px #fff,0px 2px 2px 0px rgba(0,0,0,0.2);
    position: fixed !important;
    position: absolute;
    margin-top:15px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

.main-search .has-placeholder {
    float:none
}

.main-search input {
    background-color:#f6f6f6;
    border:solid 1px #bfbfbf;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:inset 0 1px 0 0 #E0E0E0;
    display:inline-block;
    vertical-align:middle;
    color:#646464;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #d6cece;
    height:43px;
    width:100%
}

.main-search .selector {
    padding-left:42px;
    padding-right:12px
}

.main-search .reset-padding {
    padding-left:0px
}

.main-search .ui-button {
    background-color:#35C3D9;
    background-color:#35C3D9;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #35C3D9),color-stop(100%, #18a7be));
    background-image:-webkit-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-moz-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-ms-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-o-linear-gradient(top, #35C3D9,#18a7be);
    background-image:linear-gradient(top, #35C3D9,#18a7be);
    border:solid 1px #1f91a3;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#fff !important;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #a0e3ed;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    height:43px
}

.main-search .cell {
    display:table-cell;
    width:100%;
    vertical-align:top
}

#header .nav {
    position: fixed !important;
    position: absolute;
    right:0;
    top:10px;
    padding:0;
    margin:0;
    list-style:none
}

#header .nav li {
    float:left;
    position: fixed !important;
    position: absolute;
}

#header .nav li.search,#header .nav li.cat {
    display:none
}

#header .nav li a,#header .nav li span {
    color:white;
    font-size:0.875em
}

#header .nav li {
    color:white
}

#header .nav li a {
    margin-left:10px
}

#header .nav li.publish {
    clear:both;
    float:right;
    margin-top:10px
}
.resp-wrapper {
    padding:0 10px
}

.main-search .select-box .select-box-label {
    line-height:43px
}

.main-search .select-box select {
    width:auto;
    height:42px
}

.main-search .select-box-icon {
    top:0px
}

.wrapper-flash {
    margin-bottom:35px
}

div.breadcrumb {
    line-height:1.05em;
    font-size:0.75em;
    height:auto;
    margin:0;
    width:auto;
    padding:10px 0;
    border-bottom:1px solid #eaeaea
}

ul.breadcrumb {
    list-style:none;
    margin:0;
    padding:0
}

ul.breadcrumb li {
    float:left;
    padding:0 2px;
    font-weight:normal
}

.r-list {
    display:none;
    margin:0px 40px 0 0;
    padding:0;
    list-style:none
}

.latest_ads {
    padding-top:25px
}

.latest_ads h1 {
    float:left
}

.latest_ads .actions {
    float:right;
    margin-top:5px
}

body.home .r-list {
    display:block
}
body.user .r-list {
    display:inline
}
body.home #main {
    width:100%;
    float:left;
    margin-top:-20px 40px 0 0
}

.tbl {
    display:block;
    width:100%
}

div.first_cel ul {
    margin:0
}

.cell_3 {
    width:33%;
    float:left
}

.cell_3 ul {
    margin:0;
    margin-left:20px
}

.r-list li {
    overflow:hidden;
}

.r-list li .r-list li li {
    float:none;
    width:100%
}

.r-list li>li:nth-child(4n),.r-list li .clear {
    clear:both
}

ul.r-list li h1 {
    margin:25px 0 10px 0;
    padding:0;
    font-size:1em;
    overflow:hidden;
    word-wrap: break-word;
}

ul.r-list li h1 a {
    font-size:1em
}

ul.r-list li h1 span {
    font-weight:normal
}

ul.r-list li a,ul.r-list li span {
    text-decoration:none;
    font-size:1em
}

ul.r-list li ul {
    list-style:none;
    margin:0;
    padding:0
}

.list-header {
    margin-bottom:15px;
    z-index:3;
    position: fixed !important;
    position: absolute;
}

.listing-card-list {
    margin:0 auto;
}

.see_more_link {
    clear:both
}

.counter-search {
    float:left;
    line-height:32px
}

#main h5 {
    margin-bottom:10px
}

#related-searches {
    padding-top:25px
}

#related-searches h5 {
    margin-bottom:10px;
    font-size:1em
}

.listing-card {
    clear:both;
    padding:10px 10px;
    margin:0 auto;
    border:0;
    width:100%;
    display:table
}

.listing-card .listing-basicinfo,.listing-card .listing-attributes {
    display:block;
    vertical-align:top;
    width:auto
}

.listing-card .listing-attributes {
    width:auto
}

.listing-card .currency-value {
    white-space:nowrap;
    font-weight:bold;
    color:#78c042
}

.listing-card .listing-data {
    display:table-row;
    width:100%
}

.listing-card .listing-detail {
    width:auto;
    margin:0 auto;
}

.listing-card .listing-cell {
    display:table;
    width:100%
}

.listing-card .listing-thumb {
    float:left
}

.listing-card .listing-thumb img {
    height:85px;
    width:95px
}

.listing-card .listing-attributes {
    font-size:0.78em;
    color:#777;
    padding:4px 0 8px;
    line-height:1em
}

.listing-card .listing-attributes a {
    color:#777;
    font-weight:bold
}

.listing-card .listing-attributes a {
    text-decoration:none
}

.listing-card .listing-attributes a:hover {
    text-decoration:underline
}

.premium-list li.listing-card,li.listing-card.premium {
    background-color:#FCFCD7
}

.listing-grid .last {
    margin-right:0px
}

.listing-grid .listing-card {
    float:left;
    width:43%;
    padding:6px;
    background-color:#FFF;
    border:0px solid #ECECEC;
    margin:0 auto;
    display:block;
    clear:none
}

.listing-grid .listing-card .listing-attributes .location {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.listing-grid .listing-card .listing-attributes .location a {
    display:inline
}

.listing-grid .listing-card img {
    width:100%;
    height:auto;
    float:none
}

.listing-grid .currency-value {
    display:block
}

.listing-grid .listing-detail {
    margin:0 auto;
}

.listing-grid .listing-basicinfo,.listing-grid .listing-data {
    width:100%;
    display:block
}

.listing-grid .listing-thumb {
    width:100%
}

.listing-grid .listing-cell {
    display:block
}

.listing-grid .listing-basicinfo p {
    display:none
}

.listing-grid .listing-basicinfo a {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
    display:inline-block
}

.listing-grid .g-hide {
    display:none
}

body.search .listing-grid .last {
    margin:0 auto;
}

body.search .listing-grid .listing-card {
    width:40%
}

body.home .listing-grid .first {
    clear:both
}

#sidebar {
    width:25%;
    float:right
}

#sidebar fieldset {
    margin:0;
    padding:0;
    border:none
}

#sidebar h3 {
    margin:0;
    margin-bottom:10px;
    line-height:1em;
    font-size:1em
}

#sidebar fieldset {
    padding:14px 0 16px;
    border-bottom:solid 1px #eaeaea;
    font-size:0.8125em;
    line-height:0.8125em
}

#sidebar input {
    vertical-align:bottom
}

#sidebar .input-text,#sidebar input[type="text"] {
    background-color:#fff;
    border:solid 1px #bfbfbf;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:inset 0 1px 0 0 #E0E0E0;
    display:inline-block;
    vertical-align:middle;
    color:#646464;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #dfd8d8;
    width:100%;
    padding:0 10px;
    height:24px;
    line-height:24px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}

#sidebar ul.category,#sidebar ul.category ul {
    padding:0;
    margin:0;
    list-style:none
}

ul.sidebar-list,ul.user_menu {
    padding:0;
    margin:0;
    list-style:none
}

body.user #sidebar {
    border-right:solid 1px #eaeaea
}

#sidebar ul.category li,ul.sidebar-list li,ul.user_menu li {
    padding:3px 0;
    line-height:1.15em
}

ul.user_menu li {
    padding:0 0 12px;
    font-size:0.8125em;
    line-height:0.8125em
}

#sidebar ul.category ul {
    padding-left:15px
}

#sidebar .show-sub a {
    font-weight:bold
}

#sidebar .show-sub li a {
    font-weight:normal
}

#sidebar .price-slice input,#sidebar .two_input input {
    width:65px;
    padding:0 5px;
    margin-right:2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

#sidebar .two_input input {
    width:70px
}

#sidebar .price-slice span {
    margin-right:0px
}

#sidebar button {
    background-color:#35C3D9;
    background-color:#35C3D9;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #35C3D9),color-stop(100%, #18a7be));
    background-image:-webkit-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-moz-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-ms-linear-gradient(top, #35C3D9,#18a7be);
    background-image:-o-linear-gradient(top, #35C3D9,#18a7be);
    background-image:linear-gradient(top, #35C3D9,#18a7be);
    border:solid 1px #1f91a3;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#fff !important;
    line-height:43px;
    text-decoration:none;
    padding:0 15px;
    box-shadow:inset 0 1px 0 0 #a0e3ed;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    line-height:30px;
    font-size:0.85em
}

#sidebar .actions {
    padding:20px 0
}

#sidebar .plugin-hooks h6 {
    margin:0;
    margin-bottom:10px;
    line-height:1em;
    font-size:1em;
    font-weight:normal;
    font-family:"Osclass";
    color:#666
}

#sidebar .plugin-hooks .row {
    margin-bottom:10px
}

#sidebar .plugin-hooks .row.radio label {
    padding:4px 0px;
    display:inline-block
}

#sidebar .plugin-hooks .row.radio label input {
    margin-right:5px
}

#sidebar .select-box {
    width:100%
}

#sidebar a {
    text-decoration:none
}

#sidebar a:hover {
    text-decoration:underline
}

.widget-box {
    background-color:#f7f7f7;
    padding:10px;
    margin-bottom:15px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px
}

.widget-box h3 {
    margin:0
}

.widget-box ul {
    margin:0;
    padding:0;
    list-style:none
}

.widget-box li a {
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    font-weight:normal;
    font-size:0.8125em;
    display:block;
    padding:4px 5px;
    border-radius:0px;
    margin:-1px 0;
    border-bottom:solid 1px #eaeaea;
    border-top:solid 1px #eaeaea
}

.widget-box li li a:hover {
    background-color:#8bdce9;
    border-color:#f7f7f7;
    color:#fff;
    z-index:2;
    border-radius:3px
}

body.item #sidebar .widget-box,body.user-public-profile #sidebar .widget-box {
    padding:20px
}

body.item #sidebar .form-container .controls input,body.item #sidebar .form-container .controls textarea,body.user-public-profile #sidebar .form-container .controls input,body.user-public-profile #sidebar .form-container .controls textarea {
    width:55%
}

body.item #sidebar .form-container label,body.user-public-profile #sidebar .form-container label {
    font-size:0.75em
}

body.item #contact h2,body.user-public-profile #contact h2 {
    margin-top:0px
}

body.item #main,body.user-public-profile #main {
    width:25%;
    float:left
}

body.custom {
    margin: 0;
    height: calc(100% - calc(2.6em + 3.3em));
}

body.custom .wrapper {
    height:100%;
}

body.custom #main {
    height:100%;
}

.item-photos .main-photo {
    width:25%;
    float:left
}

.item-photos .thumbs {
    float:right;
    width:79px
}

.item-photos .thumbs img {
    margin-bottom:12px;
    border:solid 2px #eaeaea
}

.item-header {
    margin-top:-10px;
    background:#f7f7f7;
    padding:10px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    font-size:0.875em;
    margin-bottom:15px;
    font-size:0.75em
}

.item-header #type_dates {
    float:right
}

.item-header #type_dates em {
    font-style:normal
}

#item_location {
    list-style:none;
    margin:0;
    padding:0
}

#item_location li {
    display:inline
}

#description {
    clear:both;
    padding-top:5px
}

div.mark_as {
    height:32px;
    width:100%;
    border:none;
    background:transparent;
    margin-bottom:15px
}

.mark_as a {
    width:100%;
    height:auto;
    display:block;
    top:0;
    left:0;
}

.mark_as .select-box-label {
    border:solid 1px #f2f2f2;
    float:none;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    background:#f7f7f7
}

.similar_ads h2 {
    margin-top:35px
}

.admin-options {
    font-size:0.725em
}

.admin-options a {
    margin:0 5px
}

#comments {
    margin-top:25px
}

body.item h1 .price {
    font-weight:normal;
    font-size:24px;
    float:right;
    background-color:#FCF8E3;
    padding:5px 10px
}

.item #comments h3 {
    font-size:1em
}

.item #comments {
    clear:both;
    float:left;
    margin-bottom:35px;
    width:100%
}

.item #comments .comments_list {
    border-bottom:1px dotted #DDD;
    margin-bottom:20px
}

.item #comments .comment {
    background:url(../images/comments_quotes.gif) no-repeat 10px 0;
    margin-bottom:15px;
    padding:7px 0 0 60px
}

.item #comments .comment h3 {
    color:#666;
    margin-bottom:5px
}

.item #comments .comment h3 em {
    color:#888;
    font-size:12px;
    font-weight:normal
}

.item #comments .comment p {
    color:#878787;
    font-style:italic;
    line-height:18px
}

.item #comments .pagination {
    text-align:right;
    margin-right:10px;
    margin-bottom:15px
}

.item #comments .pagination a {
    border:1px dotted #AAA;
    padding:5px 8px
}

.item #comments .pagination a.searchPaginationSelected {
    background-color:#f7f7f7
}

.item #comments .pagination a.searchPaginationNext,.item #comments a.searchPaginationPrev,.item #comments .pagination a.searchPaginationFirst,.item #comments a.searchPaginationLast {
    border:0px;
    text-decoration:none
}

.item #comments .pagination a.searchPaginationNext:hover,.item #comments a.searchPaginationPrev:hover,.item #comments .pagination a.searchPaginationFirst:hover,.item #comments a.searchPaginationLast:hover {
    background-color:#ffffff
}

.item #comments a:hover {
    background-color:#f7f7f7
}

#plugin-hook .row {
    clear:both;
    margin-bottom:10px
}

#plugin-hook .row label {
    margin-right:20px
}

#modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}

.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

/* 2023.01.09 add begin */
.text-link:hover {
	cursor: pointer ;
}
/* 2023.01.09 add end */

ul.bxslider li {
    // 指定したい幅と高さ
    width: 200px;
    height: 200px;
}
ul.bxslider li img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    z-index: 1;
}

    div.x-scroll-category {
        overflow-x: auto;
        white-space: nowrap;
    }
    div.x-scroll-category a { text-decoration: none;}
    div.x-scroll-category a:hover { text-decoration: none;}
    div.x-scroll-category a:active { color: #000; }
    div.x-scroll-category a:visited { color: #000; }

div.marubutton {
    width: 100%;
    border: 0px;
    margin: 0 auto;
}
.marubutton a.blue{
    width:50%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:20px;
}
.marubutton a.orange{
    width:50%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#ff8c00;
    border-radius:20px;
}
.marubutton a.silver{
    width:50%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#c0c0c0;
    border-radius:20px;
}
.p-flex {
    display:flex;
    flex-wrap:wrap;
    padding: 3px 0px 3px 0px;
}

.c-flex-htitle-left {
    width: 13%;
    margin: 0% 0% 0% 2%;
    text-align: left;
}
.c-flex-htitle-center {
    width: 70%;
    text-align: center;
}
.c-flex-htitle-right {
    width: 13%;
    margin: 0% 2% 0% 0%;
    text-align: right;
}

.c-flex-title {
    width: 33%;
    margin: 0% 0% 0% 0%;
}
.c-flex-title a{
    color:#696969;
    text-decoration:none;
    display:block;
}
.c-flex-title a:link  { color:#696969; text-decoration:none }
.c-flex-title a:visited  { color:#696969; text-decoration:none }
.c-flex-title a:hover { color:#696969; text-decoration:none }
.c-flex-title a:active { color:#696969; text-decoration:none }

div.c-flex-title img{
    border-radius: 10px;        /* IE */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome */
    -moz-border-radius: 10px;   /* Firefox */
}

.c-flex-photo {
    width: 45vw;
    height: 24vh;
    text-align: center;
    margin: 5% 0% 8% 0%;
}

.c-flex-photo .div {
    text-align: center;
}

.c-flex-photo a {
    clear:both;
    font-size: 5em;
    text-decoration: none;
}

.c-flex-photo img {
    clear:both;
    text-decoration: none;
    #width: 50%;
    #height: 50%;
    object-fit: cover;
    /*border-radius: 20%;*/
    border-radius: 5%;

    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 200px;
    height: 200px;
    /*border: 1px solid #ccc;*/
    border: 0px solid #ccc;
    background-size: cover;

}
.d-flex-border-non {
    width: 80%;
    margin: 0 0 0 30px;
}
.d-flex-border {
    width: 80%;
    margin: 0 0 0 30px;
    border-bottom: thin #696969 solid;
}
.d-flex-border-sub {
    width: 77%;
    margin: 0 0 0 40px;
    border-bottom: thin #808080 solid;
}
.d-flex-title {
    width: 80%;
    margin: 15px 5px 0 30px;
    font-size:1.0em;
}
/* 2020.05.19 watam profile start */
.d-flex-right {
    margin: 0 10% 0 auto;
    text-align: right;
    font-size:0.9em;
}
/* 2020.05.19 watam profile end */
.d-flex-2info {
    width: 35%;
    word-wrap: break-word;
    padding: 10px 0 10px 40px;
    font-size:0.9em;
}
.d-flex-1info {
    width: 80%;
    word-wrap: break-word;
    padding: 10px 0 10px 40px;
    font-size:0.9em;
}
.d-flex-title a{
  color:#696969;
  text-decoration:none;
  display:block;
}

div.d-flex-title img{
    clear:both;
    text-decoration: none;
    object-fit: cover;
    border-radius: 20%;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 1px;
    width: 60px;
    height: 60px;
}

button.filter-condition {
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),color-stop(100%, color-stop));
    background-image:-webkit-linear-gradient(top, #fff,#fff);
    background-image:-moz-linear-gradient(top, #fff,#fff);
    background-image:-ms-linear-gradient(top, #fff,#fff);
    background-image:-o-linear-gradient(top, #fff,#fff);
    background-image:linear-gradient(top, #fff,#fff);
    border:solid 1px;
    #border-top-left-radius:3px;
    #border-top-right-radius:3px;
    #border-bottom-left-radius:3px;
    #border-bottom-right-radius:3px;
    display:inline-block;
    vertical-align:middle;
    color:#fff !important;
    line-height:43px;
    text-decoration:none;
    padding:1px 1px 1px 1px;
    font-size: 0.7em;
    #box-shadow:inset 0;
    #text-shadow:0 0 0 rgba(0,0,0,0);
    float: right;
}
button.filter-condition-white {
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),color-stop(100%, color-stop));
    background-image:-webkit-linear-gradient(top, #fff,#fff);
    background-image:-moz-linear-gradient(top, #fff,#fff);
    background-image:-ms-linear-gradient(top, #fff,#fff);
    background-image:-o-linear-gradient(top, #fff,#fff);
    background-image:linear-gradient(top, #fff,#fff);
    border:solid 0px;
    display:inline-block;
    vertical-align:middle;
    color:#f00 !important;
    line-height:43px;
    text-decoration:none;
    padding:0 0 0 0;
    font-size: 1.1em;
    box-shadow:inset 0;
    text-shadow:0 0 0 rgba(0,0,0,0);
    #float: right;
}
button.filter-condition-company {
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),color-stop(100%, color-stop));
    background-image:-webkit-linear-gradient(top, #fff,#fff);
    background-image:-moz-linear-gradient(top, #fff,#fff);
    background-image:-ms-linear-gradient(top, #fff,#fff);
    background-image:-o-linear-gradient(top, #fff,#fff);
    background-image:linear-gradient(top, #fff,#fff);
    border:solid 0px;
    display:inline-block;
    vertical-align:middle;
    color:#696969 !important;
    line-height:1.6em;
    text-decoration:none;
    padding:0 0 0 0;
    font-size: 1.1em;
    box-shadow:inset 0;
    text-shadow:0 0 0 rgba(0,0,0,0);
}

# 色
.skyblue {color: skyblue}
.orange  {color: #fecb81}
.gray  {color: #696969}

.logofont {
    font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'MS Pゴシック', TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese', sans-serif;
    font-size:0.7em;
    line-height:0.8em;
    font-weight:bold;
    text-decoration:none;
    color:#696969;
}

.category-button {
    text-align: center;
}

.category-button-none {
    display: none;
}

.profile-button {
    text-align: center;
}

.profile-button-none {
    display: none;
}

#now-loading {
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

#now-loading img {
    position: absolute;
    top: 50%;
    left: 52.2%;
    margin: -40px 0 0 -40px;
    width: auto;
}

/* 2023.01.09 mod begin */
.common-dialog {
/* 2023.01.09 mod end */
    width: 90%;
}

/* 2023.01.09 mod begin */
.common-dialog .content {
/* 2023.01.09 mod end */
    text-align: center;
    padding: 15px;
}

/* 2023.01.09 mod begin */
.common-dialog .action {
/* 2023.01.09 mod end */
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

/* 2023.01.09 mod begin */
.common-dialog .border {
/* 2023.01.09 mod end */
    margin: auto;
    border: none;
    border-top: 1px #dcdcdc solid;
}

/* 2023.01.09 add begin */
.normal-dialog-submit-button {
    background-image:none;
    border-radius: 25px;
    background-color: #63bf00;
    color: #fff;
    width: 80px;
    white-space: nowrap;
}

.normal-dialog-cancel-button {
    background-image:none;
    border-radius: 25px;
    background-color: #63bf00;
    color: #fff;
    width: 80px;
    white-space: nowrap;
    margin-left: 50px;
}

.caution-dialog-submit-button {
    background-image:none;
    border-radius: 25px;
    background-color: #696969;
    color: #fff;
    width: 80px;
    white-space: nowrap;
}

.caution-dialog-cancel-button {
    background-image:none;
    border-radius: 25px;
    background-color: #696969;
    color: #fff;
    width: 80px;
    white-space: nowrap;
    margin-left: 50px;
}

.radio-confirm-dialog-form {
    text-align: left;
    padding-top: 2px;
    padding-left: calc(50% - 85px);
    padding-right: calc(50% - 85px);
    padding-bottom: 2px;
}
/* 2023.01.09 add end */

.condition {
  display:none;
}

.my-gray {color: #999999;}
/*# sourceMappingURL=main.css.map */