/*----------------------------------------------------------------TOP---------------------------------------------------------------*/
/*----------- トップボックス--------*/
.top-box{
z-index:1;
position:absolute;
left:0px;
width:50%;
top:68%;
color:#fff;
text-align:center;
background:#000;
padding:15px;
background:rgba(0,0,0,.9);
}
p.top-catch1{
font-size:25px;
line-height:1.2;
}
p.top-catch2{
font-size:20px;
}
/*ドットフィルターを重ねる*/
.top-filter {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.top-filter::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.1);
  background-image: radial-gradient(#222 30%, transparent 31%), radial-gradient(#222 30%, transparent 31%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.top-filter video {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
}

#video,
.video-bg {
width: 100%;
position:relative;
object-fit: cover;
}
/*---------------------各種動画高さ設定----------------------------*/
.top-filter::after,
.top-filter video,
.top-filter,
#video,.video-bg{
height:630px!important;
clear:both;
margin-bottom:15px;
}
/*-----------------------------------------------page.php archive.php----------------------------------------------------------*/
/*----------------パンくず-------------------*/
#breadcrumb{
width:100%;
overflow: hidden;
padding:0px 8px 8px 0;
}
#breadcrumb li{
padding:1px 6px;
display:inline-block;
font-size:14px;
}
#breadcrumb a:hover {
opacity:.6;
}

/*----------- リストｰｰｰ----------*/

/*---要素全体をリンクにする----*/
.sushi-list{
width:100%;
clear:both;
border-bottom:1px solid #dfdfdf;
}

.sushi-list:hover{
background:#FADA5E!important;
}

.sushi-list-img{
float:left;
width:40%;
padding:10px 5px 10px 10px;
}

.sushi-list-img img{
height:140px!important;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat
display: flex;
align-items: center;
background:#dfdfdf;
object-fit: cover; 
}

.sushi-list-text{
float:left;
width:60%;
padding:5px 5px 5px 10px;
}


.header-admin-fix-top{
margin:-20px 0!important;
}
.header-admin-fix{
margin:15px 0!important;
}

/*----------- 評価ボックス----------*/
.eva-box-top{
padding:0px;
font-size:13px!important;
margin-top:0px;
line-height:1.5;
}
.eva-box-single{
padding: 15px 30px 5px 30px;
font-size:20px;
margin-top:-20px;
}

/*----------- エリアカテゴリ----------*/
.area-label{
color:#fff!important;
border-radius:3px;
padding:2px 5px;
}
.area-label a{
color:#fff!important;
}


/*------------------------------------------------single.php----------------------------------------------------------*/
/*-----------画像アップロード---------*/
.single-box{
display:inline-block;
padding:0px;
width:47%;
margin:5px;
height:270px;
float:left;
background:#000;
color:#fff;
text-align:center;
}
.single-box img{
/*コレ*/display: flex;
   /*コレ*/align-items: center;
height:160px;!important;
background:#dfdfdf;
object-fit: cover; 
}

/*----------- コメント----------*/
.coment1,
.coment2{
position: relative;
display: inline-block;
margin: 3px 20px 3px 20px;
padding: 7px 10px;
width: 340px;
border:1px solid #dfdfdf;
color: #666;
background: #e0edff;
border-radius:10px;
float:none;
font-size:12px;
}
.coment1{
background: #e0edff;
}
.coment2{
background: #FFF4F6;
margin: 3px 5px 3px 30px;
}
.coment1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #D3E6FF;
}
.coment2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #f5e6e9;
}
.coment-img1,
.coment-img2{
width:25%;
float:left;
padding:0 10px 0px 0px;
}
.coment-img2{
padding:5px 0px 0px 5px;
margin-bottom:-5px;
float:right;
}
.coment-text{
padding:5px	0;
}	

/*--------------------------------次の記事・前の記事----------------------------------*/
.next-prev-box-none,
.next-prev-box{
width:48.5%;
float:left;
margin:30px 5px;
overflow:hidden;
border:2px solid #000;
line-height:1.6;
background:#efefef;
padding:15px;
height:130px;
}
.next-prev-thumbnail{
width:30%!important;
height:100px;
float:left;
}
.next-prev-thumbnail img{
height:100px;
object-fit: cover;
overflow:hidden;
}
.next-title,
.prev-title{
width:70%;
height:90px;
overflow:hidden;
padding:0 15px;
float:left;
font-size:18px;
text-overflow: ellipsis;
}
.next-title{
text-align:right!important;
}
.next-title a,
.prev-title a{
color:#444;
}

@media (max-width: 1365px) {/*--- PC以下 ---*/
.next-prev-box{
width:92%;
float:none;
margin:15px;
line-height:1.3;
padding:15px;
height:110px;
}
.next-prev-thumbnail img{
height:80px;
}
.next-title,
.prev-title{
height:80px;
padding:0 15px;
}
}
/*-------------------------------------------ページナビ-------------------------------------------*/
.pagination {
  margin: 40px 0 30px;
  text-align: center;
}
.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination li {
  display: inline-block;
  width: auto;
  text-align: center;
}
.pagination li a, .pagination li > span {
  font-size: .9em;
  display: block;
  width: 30px;
  margin: 0 1px;
  padding: 5px 0;
  text-decoration: none;
  border: solid 1px;
  border-radius: 3px;
}
.pagination li .dots {
  width: 15px;
  padding: 0;
  border-color: transparent;
  background-color: transparent;
}


/*---------アクションボタン-----------*/
.footer-action{
width:100%;
height:60px;
bottom:0;
right: 0;
left:0;
z-index:10000;
position: fixed;
text-align: center;
background:rgba(0,0,0,.8);
margin:0;
}
.footer-action-button2,
.footer-action-button{
float:left;
height:60px;
padding:15px;
font-size:20px!important;
transition: transform .1s ease;
width:100%;
float:none;
 background-image: linear-gradient(40deg, rgba(45, 71, 150, 1) 4%, rgba(95, 91, 165, 1) 23%, rgba(143, 106, 174, 1) 40%, rgba(185, 86, 230, 1) 52%, rgba(219, 111, 150, 1) 67%, rgba(245, 150, 59, 1) 77%, rgba(247, 165, 103, 1) 84%, rgba(216, 175, 104, 1) 94%);
color:#fff;
}
.footer-action-button2 a,
.footer-action-button a{
color:#fff;
}
.footer-action-button2{
background-image: linear-gradient(90deg, rgba(89, 173, 241, 1), rgba(207, 253, 157, 1));
}
}
.footer-action-button2:hover,
.footer-action-button:hover{
transform: scale(1.1);
}

/*--------------TOPへ戻る---------------*/
.pagetop {
width:50px;
bottom:80px;
height:30px!important;
right:0;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
position: fixed;
z-index:100;
text-align: center;
background:rgba(0,0,0,.5);
padding:10px 0px;
color:#fff;
transition: .3s;
font-size:35px;
line-height:1;
}
.pagetop a {
color:#fff;
border:none;
}
.pagetop:hover {
opacity:.6;
}


/*--------------------------404-------------------------------*/
.notfound{
z-index:10;
padding:200px 30px;
width:100%;
font-size:16px;
text-align:center;
background:#000;
color:#fff;
}