@charset="utf-8";

body {margin:0; padding:0; font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ",YuGothic,"Yu Gothic",sans-serif; background-color:#f3f3f3; color:black;}
p {margin:0;}

/*ヘッダー*/
.header {height:35px; background-color:white; border-top:3px solid #8ef0fa; box-shadow:0 0 5px #bababa; margin-bottom:7px;}
.header img {display:block; margin:0 auto; width:auto; height:30px;}

/*メイン*/
.wrapper {width:680px; margin:2px auto; background-color:white; padding:0 20px 10px 20px;; /*box-shadow:0 2px 10px gray;*/
  /*▼方眼CSS
  background-color: #FFF;
  background-image: linear-gradient( transparent 95%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03)), linear-gradient( 90deg, transparent 95%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) );
  background-size: 14px 14px;
  background-repeat: repeat;*/
}

.main {margin-top:30px;}
p {margin-bottom:20px; line-height:1.9; font-size:15px; letter-spacing:0.5px;}
.pr { line-height:0; color:#c1c1c1; font-size:11px; text-align: right; margin-bottom: 10px;}
.ko {text-align:right; line-height:1.5; color:#a9a9a9; font-size:9px;}
.ko2 {text-align:right; line-height:0; font-size:12px;}

.button_solid004 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #ff8e8e;
    border-radius: 8px;
    border-bottom: solid 5px #f65353;
    text-decoration: none;
}
.button_solid004 a:hover {
    border-bottom: solid 2px #f65353;
    transform: translateY(3px);
}

.btn-top {background-color: #ff8e8e; color: white; text-decoration: none; display: block; padding: 13px; width: 45%; text-align: center; font-weight: bold; margin: 0 auto; border-radius: 15px; font-size: 15px; box-shadow: 0px 3px 3px gray; text-shadow: 0px 1px 2px black;}

.btn-gazou {display:block; margin:0 auto; width:100%; margin-top:30px;}
.itembtn-gazou {display:block; margin:0 auto; width:70%; margin-top:30px; margin-bottom: 40px;}

#toc_container {margin:0 auto;}

/* 黒板風　タイトル　5 */
.kokuban-t5 {
 position: relative;
 margin: 0em auto;
 margin-bottom:22px;
 padding: 3.2em 1em 1em;
 width: 87%; /* ボックス幅 */
 background-color: #006633; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 8px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban-t5 p {margin-bottom:10px;}
.kokuban-t5::before,
.kokuban-t5::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-t5::before {
 width: 17px; 
 right: 20px;
 border: solid 3px #ffff00; /*チョーク黄 */
 border-radius: 3px 2px 0 2px;
}
.kokuban-t5::after {
 width: 13px; 
 right: 55px;
 border: solid 3px #ff7fbf; /*チョークピンク */
 border-radius: 15px 10px 2px 5px;
}
.title-t5 {
 position: absolute;
 top: .5em;
 right: 0;
 left: 0;
 text-align: center;
 font-weight: bold;
 font-size: 19px;
 color: #ffff00; /* タイトル色 */
}
/* 黒板風　タイトル　5_END */


.star5_rating{
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC;
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32;
}

/*★評価*/
.star5_rating[data-rate="5"]:after{ width: 100%; }
.star5_rating[data-rate="4.9"]:after{ width: 98%; }
.star5_rating[data-rate="4.8"]:after{ width: 96%; }
.star5_rating[data-rate="4.7"]:after{ width: 94%; }
.star5_rating[data-rate="4.6"]:after{ width: 92%; }
.star5_rating[data-rate="4.5"]:after{ width: 90%; }
.star5_rating[data-rate="4.4"]:after{ width: 88%; }
.star5_rating[data-rate="4.3"]:after{ width: 86%; }
.star5_rating[data-rate="4.2"]:after{ width: 84%; }
.star5_rating[data-rate="4.1"]:after{ width: 82%; }
.star5_rating[data-rate="4"]:after{ width: 80%; }
.star5_rating[data-rate="3.9"]:after{ width: 78%; }
.star5_rating[data-rate="3.8"]:after{ width: 76%; }
.star5_rating[data-rate="3.7"]:after{ width: 74%; }
.star5_rating[data-rate="3.6"]:after{ width: 72%; }
.star5_rating[data-rate="3.5"]:after{ width: 70%; }
.star5_rating[data-rate="3.4"]:after{ width: 68%; }
.star5_rating[data-rate="3.3"]:after{ width: 66%; }
.star5_rating[data-rate="3.2"]:after{ width: 64%; }
.star5_rating[data-rate="3.1"]:after{ width: 62%; }
.star5_rating[data-rate="3"]:after{ width: 60%; }
.star5_rating[data-rate="2.9"]:after{ width: 58%; }
.star5_rating[data-rate="2.8"]:after{ width: 56%; }
.star5_rating[data-rate="2.7"]:after{ width: 54%; }
.star5_rating[data-rate="2.6"]:after{ width: 52%; }
.star5_rating[data-rate="2.5"]:after{ width: 50%; }
.star5_rating[data-rate="2.4"]:after{ width: 48%; }
.star5_rating[data-rate="2.3"]:after{ width: 46%; }
.star5_rating[data-rate="2.2"]:after{ width: 44%; }
.star5_rating[data-rate="2.1"]:after{ width: 42%; }
.star5_rating[data-rate="2"]:after{ width: 40%; }
.star5_rating[data-rate="1.9"]:after{ width: 38%; }
.star5_rating[data-rate="1.8"]:after{ width: 36%; }
.star5_rating[data-rate="1.7"]:after{ width: 34%; }
.star5_rating[data-rate="1.6"]:after{ width: 32%; }
.star5_rating[data-rate="1.5"]:after{ width: 30%; }
.star5_rating[data-rate="1.4"]:after{ width: 28%; }
.star5_rating[data-rate="1.3"]:after{ width: 26%; }
.star5_rating[data-rate="1.2"]:after{ width: 24%; }
.star5_rating[data-rate="1.1"]:after{ width: 22%; }
.star5_rating[data-rate="1"]:after{ width: 20%; }
.star5_rating[data-rate="0.9"]:after{ width: 18%; }
.star5_rating[data-rate="0.8"]:after{ width: 16%; }
.star5_rating[data-rate="0.7"]:after{ width: 14%; }
.star5_rating[data-rate="0.6"]:after{ width: 12%; }
.star5_rating[data-rate="0.5"]:after{ width: 10%; }
.star5_rating[data-rate="0.4"]:after{ width: 8%; }
.star5_rating[data-rate="0.3"]:after{ width: 6%; }
.star5_rating[data-rate="0.2"]:after{ width: 4%; }
.star5_rating[data-rate="0.1"]:after{ width: 2%; }
.star5_rating[data-rate="0"]:after{ width: 0%; }
/*★評価*/

.dounyu {background: #fbf4eb; padding:20px; margin-bottom:30px;}

.btn-waku {/*padding-left:20px;*/ width: 70%; margin: 0 auto;}
.kousiki {width:100%; display:inline-block; vertical-align: bottom;}
.syosai {width:45%; display:inline-block; vertical-align: bottom;}
.syosai a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #fc3f97;
    border-radius: 8px;
    border-bottom: solid 5px #8d0041;
    height: 37px;
    margin-left: 20px;
    text-decoration: none;
 }
.syosai a:hover {
    border-bottom: solid 2px #8d0041;
    transform: translateY(3px);
}

.item-info {display:block; width:88%; margin:0 auto; font-size:15px;}
.item-info table  {border-collapse: collapse; margin-bottom:30px; width:100%; text-align:center;}
.item-info th,.item-info td{border:1px solid gray; padding:7px;}
.item-info th {width:115px; background-color:#d8be8c; color:white;}
.item-info td{width:288px; height: 60px; background-color:#fff;}
.item-info td img {width:60px;}

.item {width:33%; display:inline-block; vertical-align:middle; margin-bottom:60px; margin-left:32px; margin-right:3%;}
.item img {width:100%;}

.item-syosai {width:33%; display:inline-block; vertical-align:middle; margin-bottom:60px; margin-left:70px; margin-right:3%;}
.item-syosai img {width:100%;}

.review {border:1px solid gray; width:90%; height:500px; margin:0 auto;overflow-y:scroll; padding:10px; background-color:#fff;}
.icon {display: flex;
    margin-bottom: 0;
    align-items: center;
    margin-inline-start:0;
    }
.icon img {
    width: 50px;
    margin-right: 3%;
}

/*ランキングページ「こんなワンちゃんにおすすめ」*/
.rank-point {
  position: relative;
  margin: 35px 15px 15px;
  padding: 25px 10px 0px 0px;
  background: #FCFAF3;
  border: 3px solid #ffa380;
  border-radius: 8px;
  box-sizing: border-box;
  width:53%;
  margin:20px auto;
  display: inline-block;
  vertical-align: middle;
}
.rank-point .image {
  position: absolute;
  top: -47px;
  left: 50px;
}
.rank-point .image img {
  width: 225px;
  height: auto;
}
.rank-point .detail  {
  margin: 15px 0 0 10px;
  padding: 0;
}

.rank-point .detail ul {margin-top:0;}
.rank-point .detail ul li {margin-bottom:10px;}

.rank-ul {background:#ffe9ed; width: 100%; margin-bottom:20px; padding:7px;}
.rank-ul ul {margin:0 0 0 30px;}
/*ランキングページ「こんなワンちゃんにおすすめ」*/

/*比較表*/
.hikaku-table {width:95%; overflow-x:scroll; margin:0 auto; margin-bottom:20px; border:4px solid #f1851f;}
.hikaku {border-right:1px solid gray; border-collapse: collapse; width:200%;}
.hikaku th,.hikaku td {width:350px; height:100px; font-size:13px; text-align:center; border-right: 2px dotted rgb(225, 225, 225); border-bottom: 2px solid rgb(225, 225, 225);}
.hikaku th {background-color:#f1851f; color:white; height:50px;}
.hikaku img {width:70%;}
.hikaku img.maru {width:40%;}
.btn {background-color: rgb(12, 156, 7); box-shadow: rgb(10, 108, 6) 2px 2px 0px; display:block; text-decoration:none; color:white; font-weight:bold; border-radius:5px; width:90%; margin:0 auto; line-height:1.3; padding:4px 0 4px 0;}
/*比較表*/

/*商品情報table*/
.info {border: 2px solid rgb(225, 225, 225); border-collapse: collapse; width:100%; margin:0 auto; margin-bottom:30px;}
.info th,.info td {width:15px; font-size:14px; border-right: 2px dotted rgb(225, 225, 225); border-bottom: 2px solid rgb(225, 225, 225);}
.info th {background-color:#f1851f; color:white; height:50px;}
.info td {padding:10px;}
/*商品情報table*/

/*レーダーチャート*/
.can {width:50%; display: inline-block; vertical-align:bottom;}

/*デフォルトテーブル*/
.def-table {border-right:1px solid gray; border-collapse: collapse; width:90%; margin:0 auto; margin-bottom:20px;}
.def-table th,.def-table td {font-size:13px; border: 1px solid rgb(225, 225, 225);}
.def-table th {background-color:#f1851f; color:white; height:50px; width:100px;}
.def-table td {padding:7px; text-align:left;}
/*デフォルトテーブル*/

.rank-waku {border-top: #e6c10e 5px solid; background: #fbf4eb; padding:20px; margin-bottom:30px;}

/*星評価*/

/*星評価*/

.rank-1 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-1:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-1.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rank-2 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-2:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-2.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rank-3 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-3:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-3.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rank-4 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-4:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-4.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rank-5 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-5:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-5.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rank-6 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-6:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-6.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rank-7 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-7:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-7.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rank-8 {
position: relative;
background: #b4967c;
padding: 0.25em 0.5em;
border-left: solid 2.3em #b4967c;
font-size:21px;
margin-bottom:40px;margin-bottom:4rem;
line-height: 1.5;
color:#fff;
}

.rank-8:before {
font-family: FontAwesome;
content:  url(https://dogfood-rank.info/wp-content/uploads/2025/03/rank-8.png);
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -2.3em;
top: 60%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.ad-list {
  border: solid 3px #6bb6ff;
  padding: 17px 0 0 10px;
  position: relative;
  background: #eef7ff;
}

.ad-list li {
  line-height: 0.2;
  padding: 0.5em 0;
 }

 /*・・・の挙動*/
#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue span {
  display: block;
  /*点の幅サイズ*/
  width: 10px;
  /*点の高さサイズ*/
  height: 10px;
  /*点の色*/
  background-color: #000000;
  /*角を丸くする*/
  border-radius: 100vh;
  /*点周りの余白。左の値が上下、右の値が左右*/
  margin: 10px 0;
}

#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue .dot-1,
#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue .dot-2,
#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue .dot-3 {
  /*アニメーションの指定。左から、アニメーション名、アニメーション時間の長さ（1sは1秒）、infiniteは無限に再生を繰り返す*/
  -webkit-animation: continue 1s infinite;
  -moz-animation: continue 1s infinite;
}

#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue .dot-1 {
  /*アニメーションし始める時間*/
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
}

#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue .dot-2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
}

#sb-part-1955.sb-custom-part-llulvc8b9aduk7gdvz .continue .dot-3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
}

@keyframes continue {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
/*・・・の挙動*/

/*動く矢印*/
 .cp_arrows {
  position: relative;
  display: flex;
  height: 120px;/*画面いっぱいにする場合100vh*/
  justify-content: center;
  align-items: center;
}
.cp_arrows .cp_arrow {/*矢印を配置するベースの設定*/
  position: absolute;
  top: 65%;/*着地点(cp_arrowsの高さの50%)*/
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 10px;
  opacity: 0;
}
.cp_arrows .cp_arrow:first-child {
  animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrow:nth-child(2)  {
  animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before,
.cp_arrows .cp_arrow:after {/*矢印全体の設定*/
  position: absolute;
  content: '';
  top: 0;
  width: 30px;
  height: 3px;
  background: #E91E63;
}
.cp_arrows .cp_arrow:before {/*矢印左の線の位置と傾斜*/
  left: 3px;
  transform: rotate(30deg);
}
.cp_arrows .cp_arrow:after {/*矢印左の線の位置と傾斜*/
  right: 3px;
  transform: rotate(-30deg);
}
@keyframes arrow-move08 {
    0% { opacity: 0; top: 40%;/*スタート地点(cp_arrowsの高さの40%)*/}
   70% { opacity: 1;}
  100% { opacity: 0;}
}


/*吹き出し*/
.balloon{
  display: flex;
  margin: 0 0 1.5em 0;
}
.balloonR{
  flex-direction: row-reverse;
}
.balloon-img{
  width: 80px;
  height: auto;
  flex-shrink: 0;
}

.balloon-img img{
  width: 100%;
  height: auto;
  flex-shrink: 0;
}

.balloon-text{
  padding: 1em;
  border-radius: 6px;
  position: relative;
  display: flex;
}
.balloon-text-inner{
  margin: auto;
  line-height:1.7;
}
.balloon-text::before,.balloon-text::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.balloonL .balloon-text{
  margin: 0 0 0 15px;
  background: #e1f6ff;
}
.balloonR .balloon-text{
  margin: 0 15px 0;
  background: #ffeffd;
}
.balloonL .balloon-text::before{
  left: -16px;
  border-right: 16px solid #e1f6ff;
}
.balloonR .balloon-text::before{
  right: -16px;
  border-left: 16px solid #ffeffd;
}
/*吹き出し*/

/*▼絞り込み検索*/
.search-cont {display:none;}
.s-title {margin:0; text-align:center; font-size: 12px; cursor:pointer; padding: 7px;}
.searchArea {border:5px solid #ebebc7; width: 85%; margin: 0 auto; background-color:white;}
.ul00 {list-style-type: none;}
.liTitle001 {background-color:#ebebc7; padding: 5px; font-weight:bold;}
.searchArea .btn001 input {background-color:#369b15; color:white; padding: 7px;}
.btn001 {width:135px; margin:0 auto;}

table.search {width: 185%; margin: 0 auto;}
table.search th {background-color:#ffc0cb; color:white;}
table.search td {border:1px solid gray;}

.arr {display:none;}

.table-kensaku {overflow-x: scroll;}
/*▲絞り込み検索end*/

/*▼絞り込み検索*/
.dw-btn {background-color: #5bb0ef; text-align: center; font-weight: bold; color:white; padding: 10px; border-radius: 6px; text-shadow: 1px 1px 1px black; cursor: pointer; box-shadow: 0 1px 3px black; width: 50%; margin: 10px auto; margin-bottom:20px;}
.dw-inner {display:none;}
.search-waku {border: 5px solid #b5e0ff; border-radius: 10px; padding: 15px; margin-bottom: 30px;}
.search-box_label {font-weight: bold;}
.is-hide {display: none;}
.search-box input {vertical-align:middle; margin-left:10px;}
.search-table {border-collapse: collapse; border-spacing: 0; width:97%; margin:0 auto; margin-bottom:19px;}
.search-table tr {border:1px solid gray;}
.search-table th {border:1px solid gray; background-color:#d0d0d0; color:white; padding:3px; width:79px;}
.search-table td {border:1px solid gray; padding:4px; text-align:center; background-color:#ffffff;}
.search-table td p {font-size:13px; margin:0;}
.search-table td span {padding: 4px; background-color: #e8880b; color: white; border-radius: 5px; font-size:11px;}
.search-table img {width:50%; height:auto;}
.search-table td p.btn-s {background-color: #06af06; color: white; font-weight: bold; border-radius: 5px;}
.search-table caption {display:none;}
input[type="reset"] {background-color: #c3c3c3; border-radius: 5px; padding: 2px 5px; cursor: pointer; text-shadow: 1px 1px 1px white; box-shadow: 0 1px 3px black;}
/*▲絞り込み検索end*/

/*強調*/
.red {color:red; font-weight:bold;}
.blue {color:#0551fd; font-weight:bold;}
.yel {color:#e5c200; font-weight:bold;}
/*.mark {background:linear-gradient(rgba(255, 255, 255, 0) 40%, #ffff66 60%); font-weight:bold;}*/
.mark {background:linear-gradient(rgba(255, 255, 255, 0) 40%, #ffff66 60%); font-weight:bold;}
.green {color:#ff3de8; font-weight:bold;}
.pink {font-weight: bold; color: #ffc1e0;}
.zei {font-size: 10px;}
.black {font-weight:bold;}
.big {font-weight:bold; font-size:20px;}
a {color:#0000de;}
.wrap {word-break: break-all;}
.black {background-color:#f8e300; width:100%;}

.waku {margin:0 auto; width:50%; background-color:#ffeffd; padding: 20px 0 1px 0; margin-bottom: 20px;}
.waku2 {margin:0 auto; width:80%; background-color:#ffeffd; padding: 20px 0 10px 5px; margin-bottom: 20px;}
.waku2 p {margin-bottom:10px;}


/*口コミ枠*/
.kuchikomi {border-bottom:1px solid #ddd; margin:0 auto; margin-bottom:20px; width:90%;}
.kuchikomi p {margin-bottom:7px;}
.title {font-weight:bold; font-size:19px;}
.hosi {color:yellow;}

/*コメントフォーム*/
.box {border: solid 2px #ddd;border-radius: 3px;padding: 10px;background-color: #FdFdFd;margin-bottom: 10px;}
.box span {font-size: 12px;}
.box p {font-size: 14px;}
.box img {max-width: 50px;margin-right: 6px;}
.bold{font-weight: bold;}
.list2{line-height: 1.2;padding: 0 0 0 20px;}
.m500 {max-width: 580px;}
.formitem {color: #666;font-weight: bold;font-size:14px;}
#comment {color: #666;background-color: #fff;padding: 16px;max-width: 100%;display: block;border: solid 2px #ddd;line-height: 1.6;}
#author {color: #666;background-color: #fff;padding: 16px;max-width: 100%;display: block;border: solid 2px #ddd;}
.submit input[type="submit"] {padding: 10px;background-color: #c5c5c5;color: #fff;margin:25px 0 25px 0;}
#comment:focus, #author:focus {border: solid 2px #b4d4e1;}
.memo {font-size:14px;}
.tyu {color: #E50202;font-size:16px;margin-left: 3px;}

.center {display:block; text-align:center;}
.center-nega {margin-top: -73px;}
.right {text-align:right;}

.head-gazou {display:block; margin:0 auto; margin-bottom:20px; width:100%;}
.gazou {display:block; margin:0 auto; width:80%; height:auto; margin-bottom:20px;}
.gazou2 {display:block; margin:0 auto; margin-bottom:20px;}
.gazou3 {display:block; margin:0 auto; width:60%; height:auto; margin-bottom:20px;}
.gazou4 {display:block; margin:0 auto; height:auto;}
.s-img {display:none;}

iframe {display:block; margin:0 auto;}

/*文字点滅*/
.blink {animation:blink 0.8s ease-in-out infinite alternate;}

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

/*見出しデザイン*/
.h1 {
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #7b6459;/*文字色*/
  border-bottom: 1px solid gray;
  margin-bottom: 40px;
}

.h1:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}

.h1-re {
     position: relative;
     padding:5px;
     padding-bottom: 0.5em;
     margin-top:0;
     font-size:30px;
     line-height:1.4;
     }
 
.h1-re::after {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     width: 100%;
     height: 7px;
     box-sizing: border-box;
     /*border-top: 3px solid #afafaf;*/
     border-bottom: 1px solid #afafaf;
}

.h2 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #f1f1f1;/*背景色*/
border-left: solid 5px #ff9633;/*左線（実線 太さ 色）*/
font-size:22px;
}

.h3 {border-bottom: double 5px #ff9633;}

.kuchikomi-table {border-collapse: collapse; border-spacing: 0; width:100%; margin:0 auto; margin-bottom:10px;}
.kuchikomi-table tr {border:1px solid gray;}
.kuchikomi-table th {border:1px solid gray; background-color:#f1feff; padding:3px; width:113px;}
.kuchikomi-table td {border:1px solid gray; padding:4px; text-align:center;}
.star {color:#f7b319;}
.k-waku {background: #fff9f1; border: 2px solid #f7b319; padding: 10px; border-radius: 10px; margin:0 auto; width:80%;  margin-bottom: 25px; } 

/*リストデザイン*/
.list-box {width:94%; border:2px solid #55a6c7; position:relative; padding:0 10px 10px 30px; margin-bottom:20px; background-color: #e5f4fa;}
.list-box span {background-color:#55a6c7; color:white; padding:5px 20px; position: absolute; top: -2px; left: -2px; font-weight:bold;}
.list-box ul {margin-top:35px;}
.list-box ol {margin-top:35px;}
.list-box li {font-size:15px;}

.list {background-color:#dbf7ff; margin-bottom: 20px; padding:1px}
/*.list ul {list-style-type:none;}*/

.boxcenter {text-align:center; background-color: #e9feff; width:95%; margin:0 auto; padding-top: 10px; margin-bottom:20px;}
.boxcenter p {margin-bottom:5px;}

ul {padding:3px 0 0 5px;}
li {margin-bottom:20px; margin-left: 25px;}

.tarr_shak{
    overflow:hidden;
}
.tarr_shak a{
    position: relative;
    width: 100%;
    max-width: 400px;
    display: block;
    height: 140px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom:10px;
}
/*ﾎﾞﾀﾝ(揺れ)---------------------------------------------------------*/
.tarr_shak a .btn_shak{
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 300px;
    height: 131px;
    margin-left: -150px;
    z-index: 1;
    
    animation-name: btn_shak;
    animation-duration: 3s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-direction: normal;
    
    -webkit-animation-name: btn_shak;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    
    -moz-animation-name: btn_shak;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
}
@keyframes btn_shak {
    0% {left: 55%;}
    3.5% {left: 47%;}
    7% {left: 53%;}
    10.5% {left: 48%;}
    14% {left: 52%;}
    17.5% {left: 49%;}
    21% {left: 51%;}
    28% {left: 49%;}
    35% {left: 51%;}
    42% {left: 50%;}
    100% {left: 50%;}
}
@-webkit-keyframes btn_shak {
    0% {left: 55%;}
    3.5% {left: 47%;}
    7% {left: 53%;}
    10.5% {left: 48%;}
    14% {left: 52%;}
    17.5% {left: 49%;}
    21% {left: 51%;}
    28% {left: 49%;}
    35% {left: 51%;}
    42% {left: 50%;}
    100% {left: 50%;}
}
@-moz-keyframes btn_shak {
    0% {left: 55%;}
    3% {left: 47%;}
    6% {left: 53%;}
    9% {left: 48%;}
    12% {left: 52%;}
    15% {left: 49%;}
    18% {left: 51%;}
    24% {left: 49%;}
    30% {left: 51%;}
    36% {left: 50%;}
    100% {left: 50%;}
}

/*矢印(上)---------------------------------------------------------*/
.tarr_shak .arr_t{
    position: relative;
    width: 300px;
    margin: 0px auto;
    height: 40px;
}
.tarr_shak .arr_t img{
    position: absolute;
    z-index: 2;
    width:50px;
    height:50px;
    top: 0px;
    
    animation-name: arr_t;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction:alternate;
    
    -webkit-animation-name: arr_t;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate;
    
    -moz-animation-name: arr_t;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction:alternate;
}
.tarr_shak .arr_t img:nth-child(1){
    left:0px;
}
.tarr_shak .arr_t img:nth-child(2){
    left:50%;
    width:200px;
    height:50px;
    margin-left:-100px;
}
.tarr_shak .arr_t img:nth-child(3){
    right:0px;
}
@keyframes arr_t {0% {top: 0px;}100% {top: 20px;}}
@-webkit-keyframes arr_t {0% {top: 0px;}100% {top: 20px;}}
@-moz-keyframes arr_t {0% {top: 0px;}100% {top: 20px;}}

/*ボタンデザイン*/
.btn1{font-size:20px; padding:5px 0; text-decoration:none;display:block;background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2eeb25), color-stop(0.41, #2aac2d), color-stop(0.00, #2aac2d));background:-webkit-linear-gradient(top, #2aac2d 0%, #2aac2d 41%, #2eeb25 100%);background:-moz-linear-gradient(top, #2aac2d 0%, #2aac2d 41%, #2eeb25 100%);background:-o-linear-gradient(top, #2aac2d 0%, #2aac2d 41%, #2eeb25 100%);background:-ms-linear-gradient(top, #2aac2d 0%, #2aac2d 41%, #2eeb25 100%);background:linear-gradient(to bottom, #2aac2d 0%, #2aac2d 41%, #2eeb25 100%);color:#FFF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #57772F;-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);text-shadow:0px 0px 3px rgba(0,0,0,0.5);width:60%;margin:0 auto; text-align:center; font-weight:bold; margin-top: 30px; margin-bottom: 40px; /*border:3px solid white; box-shadow:0 0 10px gray;*/}

.btn1:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2eff24), color-stop(0.00, #30b036));background:-webkit-linear-gradient(#30b036, #2eff24);background:-moz-linear-gradient(#30b036, #2eff24);background:-o-linear-gradient(#30b036, #2eff24);background:-ms-linear-gradient(#30b036, #2eff24);background:linear-gradient(#30b036, #2eff24);}

.btn img {display:block; margin:0 auto; width:90%; animation: bbtn 2s linear 0s infinite normal;}

/*ボタンアニメーション*/
@keyframes bbtn{
    0% {opacity:0.5;}    
    30% {opacity:1.0;}
    50% {opacity:1.0;}
    70% {opacity:1.0;}     
    100% {opacity:0.5;}
}

.btn-lp {font-size:22px; 
	     text-decoration:none; 
	     display:block; 
	     background:gradient(linear, left top, left bottom, color-stop(1.00, #2eeb25), color-stop(0.41, #2aac2d), color-stop(0.00, #2aac2d));
	     background:linear-gradient(to bottom, #2aac2d 0%, #2aac2d 41%, #2eeb25 100%);
	     color:#FFF;
	     border-radius:4px;
	     border:1px solid #57772F;
	     box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	     text-shadow:0px 0px 3px rgba(0,0,0,0.5);
	     width:90%;margin:0 auto; 
	     text-align:center; 
	     font-weight:bold; 
	     margin-top: 30px; 
	     margin-bottom: 40px;
	     padding:9px;
	    }

footer {height:50px; text-align:center; font-size:12px;}
div.tyosa-waku {text-align:left; font-size:12px; margin:20px auto; width: 56%; background-color: #f6f6f6; padding:15px;}

/*library*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:100}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

#nowActiveVisiter,
#nowActiveCountDown,
#nowremainingCountDown {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  background-color: #03010A;
  height: 50px;
  line-height: 0;
  text-align: center;
}

#nowActiveVisiter .todayTime{
  margin: 0 3px;
  font-weight: bold;
  color: #f33;
}
#nowActiveVisiter .VisiterNum {
  margin: 0 3px;
  font-weight: bold;
}
#nowActiveVisiter .VisiterNum {
  color: #f33;
}
#nowActiveCountDown .timer {
  font-weight: bold;
  margin-left: 5px;
  font-size: 16px;
  color: #f33;
}

#nowremainingCountDown .count {
  font-weight: bold;
  margin: 0 5px;
  font-size: 16px;
  color: #f33;
}

#nowActiveCountDown .timer {
  display: inline-block;
}
#nowActiveCountDown .jst-hours {
  display: inline-block;
}
#nowActiveCountDown .jst-minutes {
  display: inline-block;
}
#nowActiveCountDown .jst-seconds {
  display: inline-block;
}
#nowActiveCountDown .jst-clearDiv {
  clear: both;
}
#nowActiveCountDown .jst-timeout {
  color: red;
}


.swiper-container {
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0;
}

.swiper-slide {
  text-align: center;
  font-size: 1.5rem;
  background-color: #03010A;
  color: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 点滅 */
.blinking{
  -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
    color: #e50202;
    font-weight: bold;
    font-size:12px;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
 
 }

/*768px以下の挙動制御（主にレスポンシブ用）*/
@media screen and (max-width:768px){

.header {width:100%; margin-bottom:0;}	
.wrapper{width:100%; padding:0; /*margin-bottom: 40px;*/}
.main {float:none; width:94%; padding:0; padding:10px; margin-top:10px;}
.gazou {width:95%;}
.gazou2 {width:95%;}
.btn-top {width:85%;}
.rank-point {width:100%;}
.rank-point .image {
  position: absolute;
  top: -48px;
  left: 25px;
}
.rank-point .image img {width:90%;}
.item {
    width: 90%;
    display: block;
    margin: 20px auto;
    margin-bottom: 50px;
}
.item-info {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size:14px;
}

.item-syosai {
    width: 80%;
    display: block;
    margin: 20px auto;
    margin-bottom: 50px;
}
.can {display:block; width:90%; margin:0 auto; margin-top:-55px; margin-left: 30px;}

.hikaku {width:320%;}
.hikaku img {width:90%;}
.btn-gazou {width:95%;}
.info th {width:45px;}

.btn-waku {padding-left:0; width: 100%;}
.kousiki {width: 100%; display: block;}
.syosai {width: 94%; display: block; margin: 25px auto;}
.syosai a {margin-left:0;}

.list-box {margin:20px auto; width: 85%;}
.btn1 {width:95%;}
.btn img {width:100%;}
.h1 {font-size:30px;}
.h1-re {font-size:19px;}
.waku {width:80%;}
div.tyosa-waku {width:80%;}
.waku2 {width:90%;}
iframe {width:100%;}
.title-t5 {font-size: 17px;}
.p-img {display:none;}
.s-img {display:block;}
/*▼絞り込み検索*/
table.search {width:330%;}
.dw-inner {overflow-x: scroll; white-space: nowrap; border: 1px solid #d7d7d7; padding:7px;}
.dw-inner .search-table {width:170%;}
.dw-inner .search-table th {width:100px;}
.search-table caption {display:block;}
/*▲絞り込み検索end*/

}