/*画像 タイル
---------------------------------------*/
.img-tile-01 li a{
    display:block;
    transition:opacity .2s ease;
}

.img-tile-01 li a:hover{
    opacity:.8;
}

.img-tile-01 img{
    aspect-ratio:1/1;
    object-fit:cover;
}

.tile-text{
    font-size:1rem;
    line-height:1.3;
}

@media (max-width:576px){
    .tile-text{
        font-size:.82rem;
        line-height:1.2;
    }
}

/*見出し H2 23-11-22*/
.mid-2{
  font-size: 1rem;
  font-weight: 700;
  text-align: center;   
  margin-bottom: 10px;
  margin-top: 10px;
  color: #fff;
  line-height: 1.5;
  background: #387C9D;
  padding: 4px;
}


/*見出し H3
---------------------------------------*/
/*h3*/
.mid-3{
	clear: both;
	margin-bottom: 15px;
        margin-top: 10px;
	color: #FFF;		/*文字色*/
	padding: 10px 15px;	/*上下、左右への余白*/
	background: #58b2d0;	/*背景色*/
        font-size: 1.5em; /*2019-4-16追加*/
	border-left: 3px solid #fff;	/*左側のアクセント用ラインの幅、線種、色*/
}


/*見出し H4
---------------------------------------*/
.mid-4{
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;   
  margin-bottom: 10px;
  margin-top: 10px;
}
@media (max-width: 767px){
.mid-4 {
margin-bottom: 15px;
margin-top: 10px;
}
}


/* SEO-TOP-001 */
#seo-top-001 {
   background-color:#FDFAEE;
   padding: 4px 30px 2px 30px;
}
#seo-top-001 h1 {
  font-size: 0.6rem;
  color: #444444;
  line-height: 1.2;
}


/* Header_001 */
#header_001 {
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 40px 0 40px;
  box-sizing: border-box;
 padding-bottom: 2px;
 box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2)
}

#header_001 .inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 50px;
}


#header_001 .inner .logo {
  position: relative;
  margin: 0;
  padding: 0;
  font-weight: bold;

}

/* header_001-navi */

#header_001 .navi {
  margin: 0 0 0 auto;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  list-style: none;
}
#header_001 .navi li {
  margin: 5px;
}
#header_001 .navi li:first-child {
  margin-left: 0;
}
#header_001 .navi li a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  color: #F9EEE3;
  font-size: 18px;
}
#header_001 .navi li a:hover {
  text-decoration: underline;
}


@media (max-width: 767px){
#header_001 .navi .navi-item {
  display: none;
}
}

/* add css  */

#header_001.scroll {
  position: fixed;
  background: #fff;
  animation-name: anime;
  animation-duration: 0.7s;
  padding-bottom: 2px;/*コレ*/
 box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2)
}

@keyframes anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Mynav */
.mynav {
background-color: #66503b;
color: #ffffff;
font-size: 14px;
background: #463628;
}

.mynav ul {
display: flex;
list-style-type: none;
padding: 10px;
justify-content:space-around;
align-items:center;        /* 縦の位置指定 */
}

.mynav ul li {
text-align: center;
width: 30%;
 justify-content:center;
}

.mynav ul li a {
font-weight: bold;
font-size: 15px;
text-decoration: none;
color: #fff;
}

@media (max-width: 767px){
 .menu-nav-container {
  display: none;
}
}


/* Hamburger */
/*jimdo癖 */
.dis-no-001 {
  display: none;
  color: #fff;
}

#hamburger {
   position: relative;
   display: block;
   width: 30px;
   height: 25px;
   margin: 0 0 0 auto;
   top: 10px;
   left: 10px;
}

@media (max-width: 767px){
 #hamburger {
   position: relative;
   top: -5px;
   left: 10px;
}
}

#hamburger span {
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 100%;
   height: 2px;
   background-color: #463628;
   transform: translateY(-50%);
}

#hamburger::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 2px;
   background-color: #463628;
}
#hamburger::after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 2px;
   background-color: #463628;
}

.sp-nav {
   z-index: 1;
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   height: 100vh;
   display: block;
   width: 60%;
   background: rgba(0, 0, 0, .56);
   transition: all .2s ease-in-out;
   opacity: 0;
   transform: translateY(-100%);
}

.sp-nav ul {
   padding: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;
}
.sp-nav li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
.sp-nav li span {
   font-size: 20px;
}

.sp-nav li a, .sp-nav li span {
   display: block;
   padding: 30px 0;
   color: #fff;
}

/*基準となるli要素*/
.sp-nav .close {
   position: relative;
   padding-left: 20px;
}
/*バツ印線1*/
.sp-nav .close::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 16px;
   height: 1px;
   background: #fff;
   transform: rotate( 45deg );
}

/*バツ印線2*/
.sp-nav .close::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 16px;
   height: 1px;
   background: #fff;
   transform: rotate( -45deg );
}

.toggle {
   transform: translateY( 0 );
   opacity: 1;
}


/* Main-img */

#main-img-l{
   display: none;/*JIMDO独自設定 TOPのみ表示*/
}
.cc-indexpage #main-img-l {
height: 500px;
width: 100%;
background-image:url(https://u.jimcdn.com/cms/o/sb03f409fdd6b052c/userlayout/img/main-1500-500.jpg?t=1701163654);
background-position: center center;
background-repeat: no-repeat;
display:block;
}

@media(max-width: 900px) {
.cc-indexpage #main-img-l {
      display: none;
    }
}
@media(min-width: 900px){
.cc-indexpage #main-img-s {
      display: none;
   }

}
@media(max-width: 900px) {  
.cc-indexpage #main-img-s {
        height: auto;
        max-height: 550px;
       background:url(https://u.jimcdn.com/cms/o/sb03f409fdd6b052c/userlayout/img/main-1000-400.jpg?t=1701163427);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 55%;
    }
    
}


/* Sliede-001 */

.slide-container {
   display: none;
}
 .cc-indexpage .slide-container {
    width: 100%;
    margin: 3px 0 18px 0;
    display: flex;
    align-items: center;
    overflow: hidden;
}
 .cc-indexpage .slide-wrapper {
  display: flex;
animation: slide-flow 22s infinite linear 1s both;


}
 .cc-indexpage .slide{
  width:110px;
  object-fit:cover;
  border: 1px solid #ddd;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}


@media (max-width: 766px){
 .cc-indexpage .slide {
   width: 100px;
}
}

@media (max-width: 566px){
 .cc-indexpage .slide {
   width: 85px;
}
}

@media (max-width: 420px){
 .cc-indexpage .slide {
   width: 70px;
}
}

/* Table-001 */
.table-001 {
  display: table;
   width: 100%;
   table-layout: fixed;
}

.table-001 .table-td-001 .table-td-title-001 {
padding: .625rem 0;
font-size:clamp(14px,3.67%,10px);
font-weight: normal;
color: #fff;
}

.table-001 .table-tr-001 {
  display: table-row;
}

.table-001 .table-td-001 {
   display: table-cell;
   width: 25%;
   text-align: center;
}

.table-001 .table-td-001:not(:last-of-type)  {
border-right: solid 1px #fff;
}

.table-001 .table-td-001 .table-td-item-001 {
padding: .5rem;
font-size: .75rem;
font-size: 20px;
font-weight: bold;
line-height: 1.344;
color: #545454;
background: #f2f2f2;
}

 .table-001 .table-td-001 .table-td-title-001.table-td-cell-01-001 {
background: #463628;
border-top-left-radius: 20px;
}

.table-001 .table-td-001 .table-td-title-001.table-td-cell-02-001 {
background: #f1c088;
color: #4b4b4b;
}

.table-001 .table-td-001 .table-td-title-001.table-td-cell-03-001 {
background: #e5e1d6;
color: #4b4b4b;
}

.table-001 .table-td-001 .table-td-title-001.table-td-cell-04-001 {
background: #8d7f71;

}

.table-001 .table-td-001 .table-td-title-001 {
padding: .625rem 0;
font-size:clamp(14px,3.67%,10px);
font-weight: normal;
color: #fff;
}

.table-001 .table-td-001:last-of-type .table-td-item-001 {
border-bottom-right-radius: 20px;
}

@media (max-width: 767px){
 .table-001 .table-td-001 .table-td-title-001 {
font-size: 14px;
}
}

@media (max-width: 767px){
 .table-001 {
display: block;
}
}

@media (max-width: 767px){
 .table-001 .table-tr-001 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}

@media (max-width: 767px){
 .table-001 .table-td-001 {
width: 48%;
}
}

@media (max-width: 767px){
 .table-001 .table-td-001:nth-last-child(2) .table-td-item-001 {
border-bottom-left-radius: 20px;
}
}

@media (max-width: 767px){
.table-001 .table-td-001 .table-td-title-001.table-td-cell-02-001 {
border-top-right-radius: 20px;
}
}

@media (min-width: 768px){
.table-001 .table-td-001 .table-td-title-001.table-td-cell-04-001 {
border-top-right-radius: 20px;
}
}

@media (min-width: 768px){
.table-001 .table-td-001:first-of-type .table-td-item-001 {
border-bottom-left-radius: 20px;
}
}


/* Table-002 */
.table-002 {
border-collapse: collapse;
width: 100%;
}

.table-002 tr th {
width: 33.3333333333%;
padding: .625rem 0;
font-size: 14px;
font-weight: normal;
text-align: center;
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
}

.table-td-cell-02-001 {
background: #f1c088;
color: #4b4b4b;
}

 .table-002 tr td {
padding: .5rem;
font-size: .75rem;
line-height: 1.344;
color: #545454;
background: #eae6dd;
text-align: center;
}

 .table-002 tr td>span {
   display: block;
   font-size: 20px;
   font-weight: bold;
 }

@media (max-width: 767px){
.table-002 {
  width: calc(100% - 1rem);
  margin-right: auto;
  margin-left: auto;
}
}

.table-td-cell-02-002 {
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

.table-td-cell-03-002 {
  border-bottom: solid 1px #fff;
}

.table-td-cell-04-002 {
  border-right: solid 1px #fff;
  border-bottom-left-radius: 20px;
}

.table-td-cell-05-002 {
  border-bottom-right-radius: 20px;
}


/* table-003 */
.table-003{
	font-size: 14px;
	margin: 0 auto 5px;
	border-top: 1px solid #ddddd8;
	border-bottom: 1px solid #ddddd8;
	border-spacing: 0;
	border-collapse: collapse;
}

table.table-003 th{
   border-bottom: 1px solid #ddddd8;
   color: #222;
   background: #f7f7f4;
   padding: 25px 20px;
   font-size: 15px;
   width: 33%;
   text-align: left;
   font-weight: bold;
}

table.table-003 td{
   border-bottom: 1px solid #ddddd8;
   color: #222;
   padding: 25px 20px;
   font-size: 15px;
   text-align: left;
}

@media only screen and (max-width: 980px){
   table.table-003 {
      width: 95%;
	  border-top: none;
   }
   table.table-003 th {
      display: block;
	  width: 95%;
	  border-right: none;
	  padding: 10px 7px;
      border-top:  1px solid #ddddd8;
	  border-collapse: collapse;
   }
   
   table.table-003 td {
      display: block;
	  width: 95%;
	  border: none;
	  padding: 10px 7px;
   }
}

/* Tabs-001 */
.tabs-001 {
  width: 100%;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  width: 47%;
  height: 50px;
  background-color: #eee;
  line-height: 50px;
  font-size: 15px;
  text-align: center;
  display: block;
  /*float: left;*/
  order: -1;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.tab_class:not(:last-child){
  margin-left: 3px;
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: cadetblue;
  color: aliceblue;
  box-shadow: none;
  padding: .1rem .5rem .1rem .5rem;
}

input:checked + .tab_class_02 {
  background-color: #608BDB;
  color: aliceblue;
  box-shadow: none;
  padding: .1rem .5rem .1rem .5rem;
}

.content_class {
  display: none;
  width: 100%;
  padding-top: 10px;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

/* Table-001 4段重*/
.table-004{
 width: 100%;
}

.table-004 th {
  /*background: cadetblue;*/
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}

.table-004-th-01 {
  background-color: cadetblue;
}
 
.table-004-th-02 {
  background-color: #608BDB;
}
 
.table-004 td {
  padding: 10px;
  border: solid 1px #ccc;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .table-004 {
    width: 100%;
  }
  .table-004 th,
  .table-004 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*PC用 店舗案内テーブル  2021-03-30
---------------------------------
*/
.shop-list-01 table{
  width: 100%!important;
}
.shop-list-01 table th {
   background: #e2e9fd;
   padding: 10px 10px;
   color: #2f322a;
   text-align: center;
   border: solid 1px #225bfb;
}

.shop-list-01 table td {
   background: #fdfae2;
   padding-left: 20px;
   padding-right: 20px;
   border: solid 1px #225bfb;
}

.shop-list-01 table td span {
  margin-right: 10px;
  font-size: 0.7em;
  color: green;
  font-weight: bold;
}


/* Btn-2 12-6
----------------------------------------*/
.btn-2{
 margin:0;
 padding: 0;
 border: solid 1px #ccc; 
 padding: 10px;
}
.btn-2 h2 {
margin-bottom: 5px;
background-color: transparent; 
vertical-align: baseline; 
max-height: 100%; 
caret-color: #222222; 
font-size: 24px; 
color: #ff3350; 
font-weight: bold;
letter-spacing: 0.6px; 
text-align: center;
}
/*h2内span*/
.btn-2-sp-1 {
font-size: 16px; 
color: #000;
}

.btn-2-p-a-1{
margin: 0px auto; 
padding: 0px; 
background-image: linear-gradient(#f9a155 0px, #f88724 50%, #f7790b 51%, #f7790b 100%); font-size: 18px; vertical-align: baseline; 
display: block; 
border: none; 
line-height: 80px; 
text-align: center; 
transition: opacity 0.1s ease-out; 
-webkit-appearance: none; 
border-radius: 3px; 
font-weight: bold; 
text-shadow: #d67227 0px -1px 0px;
 -webkit-box-shadow: #f7790b 0px 0px 0px 1px inset, #ffffff 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px; 
box-shadow: #f7790b 0px 0px 0px 1px inset, #ffffff 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px; 
width: 100%; 
height: 80px; 
letter-spacing: 0.41999998688697815px; 
color: #ffffff !important; 
text-decoration: none !important;
}

.btn-2-a-span{
display: inline-block; 
overflow: hidden; 
margin: 0px;
padding: 0px; 
background-color: transparent; 
vertical-align: middle; 
text-indent: 100%; 
white-space: nowrap; 
width: 226px; 
height: 28px; 
background-position: 0px -899px; 
background-repeat: no-repeat no-repeat;
}
/*ボタン内文字*/
.btn-2-sp-2 {
font-size: 28p
}

/* Button-002 */
a.button-002 {
	display: block;
	text-align: center;
	width:100%;
	margin: auto;
        padding: 0.5rem;
	font-weight: bold;
        font-size: 0.7rem;
}
a.button-002:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

/* Grid-002 */
 .grid-002 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.grid-002-li-02 {
   margin-left: 3px;
}

 .grid-002-a-01 {
    background: #0ABF04;
    border-radius: 0.3rem;
    border-bottom: 7px solid #0A9204;
    color: #fff!important;
}

.grid-002-a-01 a:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0A9204;
}

.grid-002-a-02 {
    background: #07A6F2;
    border-radius: 0.3rem;
    border-bottom: 7px solid #0570A6;
    color: #fff!important;
}

.grid-002-a-02 a:hover {
	margin-top: 6px;
	border-bottom: 1px solid #C46F06;
}

/*PC用 3列カラム ３つの買取方法  2021-03-24
---------------------------------
*/
.col-3 {
 display: flex;
 display: -webkit-flex;
 display: -ms-flexbox;
 justify-content: space-around;
-ms-flex-pack: distribute;
 width: 100%;
 text-align: center;
 margin-top: 10px;
}
.col-3 div {
 width: 32%;
}

.col-3 h3 {
color: #252525; 
font-size: 1.2em; 
text-align: center;
}

.col-3 h3 > a {
color: #2f322a;
background-repeat: no-repeat;
display: block;
border: solid 1px #ccc; 
padding: 115px 0 8px 0;
font-weight: normal;
}

.col-3-1-a { 
background-image:url("0001.png");
}


.col-3-2-a {
background-image:url("0002.png");
}

.col-3-3-a {
background-image:url("0003.png");
}



/*PC用 よくあるご質問 2019-8-18
----------------------------------*/
.query-1 {
clear: both;
margin-top: 1.5em;
  }

.query-1 dl {
color: #000000; 
clear: both; 
padding: 10px 20px 20px; 
border: 1px solid #f3e3d3; 
}
.query-1 dt {
width: 850px; 
color: #ec8413;  
min-height: 45px; 
margin: 0px; 
padding: 7px 0px 0px 78px; 
font-size: 1.2em; 
background-image:url(https://u.jimcdn.com/cms/o/sb03f409fdd6b052c/userlayout/img/q.png?t=1566102989);
background-repeat: no-repeat no-repeat;
line-height: 1.3;
}
.query-1 dd {
width: 850px; 
padding-left: 70px; 
padding-bottom: 15px; 
clear: both; 
margin: 0px 0px 15px; 
border-bottom-width: 1px; 
border-bottom-style: dotted;
border-bottom-color: #dadada;
font-size: 1em;
line-height: 1.3;
}



/*PC用  全店舗案内 table 2019–8-18
----------------------------------*/
#shop-3 table {
margin10px; 
width: 95%;
}

#shop-3 table td{
padding: 7px; 
font-size: 1.1em; 
font-weight: 400; 
color: 24100d; 
border-bottom: 1px solid #ccc; 
text-align: center;
}
#shop-3 table td:first-child{
 width: 30%;
text-align: right;
}
/*PC用 特定商取引法 2019-08-18
---------------------------------
*/
.company-2 {
margin-top: 20px;
}
.company-2 h2{
box-sizing: border-box; 
font-size: 21px; 
margin-top: 20px; 
margin-bottom: 20px; 
}
.company-2 table th{
vertical-align: top; 
padding: 14px 20px; 
border: 1px solid #dddddd; 
font-weight: 400; 
background-color: #eeeeee; 
}
.company-2 table td{
vertical-align: top; 
padding: 14px 20px; 
border: 1px solid #dddddd; 
}
.company-2 table td p{
line-height: 1.4;
font-size: 1.1em;
}


/*PC用 スタッフ募集 2019-8-17
---------------------------------
*/
#staff-1 {
margin:0;
padding:0;
clear:both;
box-sizing: boder-box;
}
#staff-1 dl{
color: #000000; 
box-sizing: inherit; 
font-size: 1.1rem; 
border-top-width: 1px; 
border-top-style: solid; 
border-top-color: #d4d9e2; 
padding: 20px 30px; 
margin: 0px; 
display: flex; 

}

#staff-1 dt {
box-sizing: inherit; 
color: #7b879f; 
margin: 0px; 
width: 165px; 
}
#staff-1 dd {
box-sizing: inherit; 
margin: 0px; 
width: calc(100% - 165px); 
padding: 2px 0px 0px; 
}



/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
}



/*  Layout
----------------------------------------------- */


#header
{

}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    text-align:right;
}

#header a:hover { text-decoration:none;  }


/*navigation-----------------------------------------------*/
#navigation
{
    padding:0;
    margin: 0;
    background: #FFF;

}

#sidebar
{
    padding-top:10px;
}


/*content-----------------------------------*/
#content
{
　　 background-color: #fff;
    
}

#footer
{
    clear:both;
    margin-top:10px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }