@charset "utf-8";


.wrap { width:100%; position:relative; background:#fcd431;border-bottom:2px solid #000; }
.wrap.no{ width:100%; position:relative; background:none;border-bottom:0; display:flex;background: #f8f8f8; }
.wrap.no .contents { width:1080px; display:flex; justify-content: space-between; flex-wrap:wrap; }
/* .wrap.no .contents .bread { width:800px; } */

.wrap.borderno{ width:100%; position:relative; background:#F2F1ED;border-bottom:0; }
.W100 { width:100%; height:auto; display:block; background: #fff;}
.ul_shisetsu { width:100%; display:flex; }
.ul_shisetsu li { width:360px; height:430px;}
#pagetop{ background:#fff;}
.footer_ill { background: #fff;}


/*施設一覧＿メモ帳　大*/
.cate_box { display: flex; flex-wrap: wrap;}
.cate_link.big { position: relative; width:33%; min-width: 355px; height:510px; margin:0 0 30px 0; background: url(../img/memo_big.svg)no-repeat; background-size:contain; padding: 30px 30px 30px 46.4px; box-sizing: border-box; }
.cate_link.big>a { position: absolute; top: 0; bottom: 0; right: 0; left: 0;}/* カード全体をクリック範囲に */
.cate_link { width: 80%;margin: 30px 10% 0 13%;}
.cate_link .sample_box { width:100%; height:210px; margin:0 auto 20px auto; overflow:hidden; background: #f9f9f9; text-align: center;}
.sample_box img { transition:1s all;}
.cate_link.big:hover .sample_box img { transform:scale(1.2,1.2);transition:1s all;}
.cate_link img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin-bottom: 10px;}
.cate_link strong { width:100%; display:inline-block; font-size:16px; font-weight:bold;  }
.cate_link p { text-align: justify; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 6; /*margin-top:10px;*/ }
  .cate_link p.short { -webkit-line-clamp: 4;}
.cate_link em { width:95%; background:#FFFF00; display:inline-block; line-height:2em; font-weight:bold; font-style: normal; padding:0 2.5%; overflow: hidden; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.textleft { text-align:left; }
.wrap_grey { width: 100%; background: url(../img/bg_grey.png) repeat-x; background-size: 400px; height: 180px;}

@media screen and (min-width:417px) and (max-width: 1120px) {
    .cate_link.big  { width:48%; height:50vh; }
    .cate_link .sample_box {height: 100%; max-height: 300px; }
}

/*タイトル回り*/
.shisetu_top{ width:100%; display:flex; justify-content: space-between; }
.shisetu_top div { width:50%; position:relative}
.shisetu_top .right{text-align: right;}
.shisetu_top h1 { font-size:24px; margin-top:50px;}
.search { display:flex; color:#766654; padding-top: 50px; margin-top: 0; }
.search dt { width:20%; font-weight:bold; font-size:16px;}
.search dd { width:80%; }
.search dd .kensakumado_in { justify-content: flex-start;}
.search dd .tag { display:flex; flex-wrap:wrap; justify-content:start; }
.search dd .tag a { width:auto; border:1px solid #766654; padding:0 10px; margin:0 5px 10px 0; }
.search dd .tag a:link { color:#766654;}
.search dd .tag a:visited { color:#766654;}
.search dd .tag a:hover { color:#fff; background:#766654;}
.cate_link .hushtug { position: relative; width:100%; display:flex; flex-wrap: wrap; margin:0; font-size: 13px; line-height:1.7em; text-align:left; z-index: 1;}
.cate_link .hushtug a:hover { color: #766654; text-decoration: underline;}
.kensu{ width:100%; display:inline-block;margin:0px 0% 30px 0;letter-spacing: 0.01em; }
.kensu .number { font-weight:bold; font-size:30px; color:#F65E39; letter-spacing: 0.05em;}

.NUM{width:100%; margin: 0 auto; padding-top: 50px;display: flex;flex-direction: row;justify-content: space-between;align-items: center; }
.NUM span{ margin:0 5px; font-size: 30px;color: #F65E39;font-weight: bold;}

/* ページネーション */
ul.PAGENATION	{ width:auto; display:flex; align-items:center; justify-content:space-between; float:right; margin:20px 0; }
ul.PAGENATION li	{ width:auto; float:left; margin:0 2px; }
ul.PAGENATION li a	{ width:20px; float:left; text-align:center; background:#d8f0f0; font-weight:bold; font-size:12px; line-height:1.8em; }
ul.PAGENATION li a:hover	{ background:#dfdccf; }
ul.PAGENATION li a:active	{ background:#dfdccf;  }
ul.PAGENATION li a.CURRENT	{ background:#76a439; color:#fff; }
ul.PAGENATION li.P_ARROW	{ margin:0; }
ul.PAGENATION li.P_ARROW a	{ margin:0; background:none; border:none; color:#424242; }
ul.PAGENATION li.P_ARROW a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
ul.PAGENATION li.P_ARROW a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
ul.PAGENATION li.P_ARROW span	{ width:16px; float:left; text-align:center; margin:0; background:none; border:none; color:#ccc; font-size:12px; line-height:1.8em; }
ul.PAGENATION li.P_ARROW em	{ float:left; text-align:center; margin:0 10px; font-style:normal; font-size:15px; }
ul.PAGENATION li.P_ARROW .PREV	{ width:100px; float:left; display:block; margin:0 2.5% 0 0; text-align:center; font-size:16px; }
ul.PAGENATION li.P_ARROW .PREV i	{ margin-right:5px; }
ul.PAGENATION li.P_ARROW .NEXT	{ width:100px; float:right; display:block; margin:0 0 0 2.5%; text-align:center; font-size:16px; }
ul.PAGENATION li.P_ARROW .NEXT i	{ margin-left:5px; }
ul.PAGENATION li.P_ARROW em	{ color:#262626; }
ul.PAGENATION li.P_ARROW em.NOLINK	{ color:#ccc; }
.PAGEN	{ width:100%; float:left; background:none; border:none; }

@media screen and (max-width: 740px) {
    .NUM{ margin-top: 30px; padding-top:0; flex-direction:column; }
    ul.PAGENATION	{ width:100%; float:none; margin:10px 0; text-align:center; position:relative; }
    ul.PAGENATION li	{ width:auto; float:none; margin:0 10px; position:relative; text-align:center; }
    ul.PAGENATION li a	{ width:30px; float:left; text-align:center; color:#262626; font-size:18px; line-height:1.8em; }
    ul.PAGENATION li.P_ARROW	{ margin:0; z-index:10; }
    ul.PAGENATION li.P_PAGE	{ text-align:center; z-index:0; }
    ul.PAGENATION li.P_ARROW a	{ margin:0; background:none; border:none; color:#454545; }
    ul.PAGENATION li.P_ARROW span	{ width:16px; float:left; text-align:center; margin:0; background:none; border:none; color:#ccc; font-size:18px; line-height:1.8em; }
    ul.PAGENATION li.P_ARROW .PREV	{ float:left; }
    ul.PAGENATION li.P_ARROW .NEXT	{ float:right; }
    ul.PAGENATION li.P_ARROW em	{ float:none; color:#262626; font-size:18px; line-height:40px; }
    ul.PAGENATION li.P_ARROW em.NOLINK	{ color:#ccc; }
}

/*タブ切り替えここから-------------------------*/
/*tabの形状*/
.shisetu_top div .tab{display: flex;flex-wrap: wrap;position:absolute;bottom:0;}
.tab li a{display: block;}

/*エリアの表示非表示と形状*/
.area {display: none;/*はじめは非表示*/padding:0px;}
/*areaにis-activeというクラスがついた時の形状*/
.area.is-active { display: block;/*表示*/ animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/ animation-duration: 2s; animation-fill-mode: forwards; display:flex; justify-content: space-between; flex-wrap:wrap;}

@keyframes displayAnime{
	from {
opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.wrapper{width:100%;max-width: 960px;margin:30px auto;background:#fefefe;}
.area li{padding: 10px; border-bottom: 1px solid #ddd;}
.tab li a.active { background:#000; color:#fff; }

/*タブ切り替えここまで-------------------------*/



.bg { background: #FED631;}
.top_img　{ width: 920px;margin:20px auto 0;}
.top_img img { width: 100%;}

/*.tab{width: 100%;border-bottom: solid 2px #000;background: #F2F1ED;padding-top: 20px;}*/
.tab{display: flex;width: 1080px;margin:0 auto;font-size: 16px;letter-spacing: 0.2em;}
.tab a{text-align: center;height: 40px;line-height: 45px;width: 120px;margin-right:7px;border-top-right-radius: 18px;border-top-left-radius: 18px;
  border: solid 2px #000;border-bottom: none;display: block;background: #fff;font-weight: bold; font-size:15px; }
.tab a.here{background: #000;color: #fff;}
.tab a:hover{background: #000;color: #fff;transition: 0.3s;}


.list_bg{background: #F8F8F8;width: 100%;padding: 30px 0;}
.list_bg .count{width: 1080px;margin: 0 auto;text-align: right;}
.list_bg .count span{color: #F65E39;font-size: 24px;font-weight: bold;}
.list_wrap{width: 1080px;margin:0 auto;gap: 40px;display: flex;flex-wrap: wrap;}
.list{background: #fff;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);width: 520px;height: fit-content;}
.list_top{display: flex;height: 140px;padding: 30px;justify-content: space-between;}
.list_top_l{width: 50%;}
.list_top_l .date{color: #707070;font-size: 12px;}
.list_top_l .staff{display: flex;margin-top: 10px;}
.list_top_l .staff div{width: 80px;height: 80px;overflow: hidden;border-radius: 50%;}
.list_top_l .staff p{line-height: 1.6em;margin: auto 10px;}
.list_top_l .info{display: flex;gap: 10px;}
.list_top_l .category{width: fit-content;padding: 0 20px;height: 26px;line-height: 26px;background: #E05842;color: #fff;}
.list_top_r{width: 50%;overflow: hidden;}
.list_comment{width: calc(100% - 40px);margin:0 auto;padding-bottom: 30px;}
.list_comment_q{margin-top: 10px;font-size: 16px;font-weight: bold;}
.list_comment_a{margin-top: 10px;}




/*検索窓*/
.center { width:100%; display:block; text-align:center; }
.kensakumado_in { width: fit-content;display: flex;margin: 0 0 20px auto; align-items: center;justify-content:space-between;}
input[type="search"] {box-sizing: content-box;padding-left: 40px;height: 48px;
  width: 300px;
  border-radius: 24px;
  border: 1px solid #000;
  background: #fff url('../img/search03.png') 10px center no-repeat;
  transition: all 0.5s;
  text-align:left;}
input[type="search"]:focus {
    background-color: #ffffff;
    border-color: #4d78b9;
    box-shadow: 0 0 5px 0 #4d78b9;
  }
  ::-webkit-input-placeholder { /* Chrome, Safari */
    color: #666666;
  }
  ::-moz-placeholder { /* Firefox */
    color: #666666;
  }
  :-ms-input-placeholder { /* IE */
    color: #666666;
  }


.report { width:100%; display:flex; flex-wrap:wrap;justify-content: space-between;}
.report div { width:47%; margin-bottom:50px; text-align: center;}
.report div p { text-align: justify;}

/* 1008小野田追記 */
@media screen and (max-width: 740px) {
  .report div{width: 100%;}
  .h1.kazari{font-size: 18px;}
  .shop .left p{font-size: 14px;}
  .wrap.no .contents { width:90%; display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 5%; }
  .wrap.no .contents .bread { width:90%; margin:0 2.5%;}
}
.report div img { width:auto; height: auto; max-width: 100%; max-height: 350px; margin-bottom:20px; }

/*お店の情報*/
h1.kazari { width:100%; text-align:center; font-size:24px; font-weight:bold; position: relative; margin-bottom:45px; }
h1.kazari::after { content: url(../img/title.svg);transform: position; absolute: }
.contents .shop{ width:100%; display:flex; justify-content: space-between; position: relative;}
.shop .left { width:47% }
.shop .left p { font-size:16px; letter-spacing: 0.1em; text-align: justify;}
.shop .left img { display: block; width: auto; max-width: 100%; height: auto; max-height: 370px; margin: 25px auto 10px auto; }
.shop .right { width:47%; height:auto; background:#fff; border-radius: 10px; border:1px solid #000; position:relative; padding:10px 0; }
.shop .right strong { width:100%; margin: 0 0 25px 0; text-align:center; font-size:16px; font-weight:bold; display: inline-block; position: relative;}
.shop .right strong:before {content: '';position: absolute;left: 50%;bottom: -10px; /*下線の上下位置調整*/display: inline-block;width: 50px; /*下線の幅*/height: 2px; /*下線の太さ*/-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translate(-50%); /*位置調整*/background-color: #F65E39; /*下線の色*/}
.shop .right dl { width:80%; display:flex; margin:0 10% 10px 10%; flex-wrap:wrap; }
.shop .right dl dt { width:35%; }
.shop .right dl dd { width:65%; }
.shop .right dl dd .spot_url { text-decoration: underline; word-break:break-all;}
.shop .right .maru { width:95%; margin:0 2.5%;}
.gmap_wrap { width:80%; margin:0 10%; }
.gmap_wrap a.gmap:hover { text-decoration: underline;}
.gmap_wrap a.gmap .fa-solid { margin-right:5px;}
.tagtext { width:100%; margin-top:10px; display:inline-block}
.tagtext a:hover { color: #766654; text-decoration: underline;}
.date { color:#7a7977; }
.shop .date { position: absolute; top: -25px; left: 0;}
iframe { width:80%; margin:0 10%; }
.nami { width:100%; background:#f8f8f8; padding:50px 0 0 0; position: relative; }
.mami_wrap { width:100%; }
.mami_wrap::after { width:100%; content: url(../img/namitop.svg);position: absolute; z-index:-10; }

.nami_wrap { width:100%; height:auto; }
.nami_wrap::after { width:100%; content: url(../img/namitop.svg);position: absolute; z-index:-10; }
.bg_wave{background: #f8f8f8;}

.shop .left .campaign_img { width: 200px; margin: 10px 0 -15px 0; }
.shop .left .campaign_text { padding: 20px; background: #fdfd61; font-weight: bold;}
@media screen and (max-width: 740px) {
.shop .left .campaign_text {margin-bottom: 15px;}
  .shop .right dl { width:90%; display:flex; margin:0 5% 10px 5%; flex-wrap:wrap; }
  .shop .right dl dt { width:100%; border-bottom:1px dotted #ccc; }
  .shop .right dl dd { width:100%; }
  iframe { width:90%; margin:0 5%; }

}


/*レポーター*/
.reporter { width:250px; margin:0 auto 100px auto; }
.reporter strong { color:#796966; font-size:33px; margin-bottom:10px; display:inline-block; letter-spacing: 0.05em; text-align: center;}
.reporter ul { width:90%; display:flex; justify-content: space-between; margin:0 auto;}
.reporter ul li img {width:65px;height:65px;object-fit:cover;border-radius:50%;}
.reporter ul li span { font-size:14px; font-weight:bold; line-height:1.7em; text-align: left;display: block;}
.reporter ul li span a { font-size:12px; font-weight:normal; }
.reporter ul li span a:hover { text-decoration: underline;}
.reporter_img{width: 200px;margin: 0 auto 10px;display: block;}

@media screen and (max-width: 740px) {
  .reporter { margin-bottom:0;}

}

/*クチコミ*/
.voice { width:100%; }
.voice_in { width:95%; display:flex; flex-wrap:wrap; justify-content: space-between; background:#fff; border-radius: 20px;
  padding:30px 2.5%; margin-bottom:50px; }
.voice_in .left { width:auto; font-weight:bold; }
.voice_in .left.left70 { width:70%; }
.voice_in .left span { font-size:18px; margin-right:10px; }
.voice_in .left ul { width:auto; display:flex; align-items: center; margin-bottom:20px; }
.voice_in .left img.maru {width:65px;height:65px;object-fit:cover;border-radius:50%; margin-right:10px; }
.voice_in .left p { font-weight:normal; }
.voice_in .right { width:25%; max-height: 200px; text-align: center; }
.voice_in .right img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.p_right { width:100%; text-align: right;}
.more { color:#248FEB; font-size:13px; font-weight:bold; }
.more:hover { text-decoration: underline;}
/*ワンディくん*/
.wan { width:200px; position:fixed; z-index:20; bottom:70%; right:-20px; display:flex; flex-direction:column; align-items:center; text-align:center; transition:0.5s; }
.wan:hover { bottom: 72%;opacity: 0.7;}
.wan img { width:100%; margin:0 auto 0 auto; }

@media screen and (max-width: 740px) {
.voice_in { width:90%; padding:30px 5%; }
.voice_in .left { width:100%; }
.voice_in .left.left70 { width:100%;}
.voice_in .left p { width:100%; }
.voice_in .right { width:100%; max-height: none;}
.voice_in .right img { width:100%; max-height: none;}
.wan img { position:absolute; bottom:0;right: 0; }
.wan { width: 28vw;  position:fixed; z-index:5; bottom:0; right:0px;  }
.wan:hover { bottom:0;}
}

/*ページネーション*/
.pagenation{ width:auto; display:flex; color:#F0F0F0; font-size:20px; font-weight:bold; margin:0px 0 10px 0; justify-content: center; }
.pagenation a.current { text-decoration: underline; color:#000; }
.pagenation a:hover { text-decoration: underline;}
.pagenation a { margin:0 5px; }




/*お店の口コミのところのタイトル周り*/
.voice_wrap{background: #F8F8F8;display: flex;flex-direction: column;gap: 50px;}
.title_office{position: relative;margin-bottom: 0;padding-bottom: 50px;}
.title_office svg{position: absolute;bottom: 0;width: 100%;z-index: -1;left: 0;right: 0;}




@media screen and (min-width: 740px) and (max-width: 1120px) {

}



@media screen and (max-width: 740px) {
  .bread { width:95%; margin:0 2.5%; }
  .shisetu_top{ width:100%; display:flex; flex-wrap:wrap;flex-direction: column-reverse  }
  .shisetu_top div { width:100%; position:relative; display:inline-block; }
  .shisetu_top div.right {display:none;}
  .shisetu_top h1 { width:100%; font-size:24px; font-weight:bold; display:inline-block; margin:50px 0; }
  .shisetu_top div .tab{width:100%; display: flex;flex-wrap: wrap;position:relative; justify-content: space-between;}
  .tab li { width:24%; }
  .tab a { width:100%; margin: 0;}

  .search { width:100%; display:flex; color:#766654; flex-wrap: wrap;}
  .search dt { width:100%; font-weight:bold; font-size:16px; text-align:center; margin-bottom:10px; }
  .search dd { width:100%;text-align:center; }
  .kensakumado_in { width:100%; display:flex; margin:20px auto 20px; align-items: center;justify-content:space-between;}
  input[type="search"] { width: 70%; box-sizing:border-box; }
   .kensakumado_in form { width:100%; margin:0 auto; }
  .search dd .tag { margin-bottom:30px; }


  /*メモ帳*/
  .cate_link  { width:80%; height:auto; display:inline-block; margin:0 10% 30px 10%; background: url(../img/memo_big.svg)no-repeat;
   padding-bottom:0px; }



  /*施設詳細ページ*/
  .contents .shop{ width:100%; flex-wrap:wrap; }
  .shop .left { width:100%; }
  .shop .right { width:100%; height:auto; background:#fff; border-radius: 10px; border:1px solid #000; position:relative;
    padding:10px 0; margin:0 0 100px 0;  }
  h1.kazari::after { content: '';display: inline-block;width: 100%;height: 50px;background-image: url(../img/title.svg) ;background-repeat: no-repeat;
  background-size: contain;vertical-align: middle; }
  .flag { margin-bottom:0; }
  .shop .right .maru { width:95%; margin:2.5%; }




  /*ワンディくん*/


  .pagetop { display:none; }



}








@media screen and (max-width: 740px) {
   /*メモ帳　大*/
  .cate_link.big  { width: 95%; height: auto; display: inline-block; margin: 0 auto 20px auto; background: none; padding: 20px;
    border: solid 2px #dfdfdf; border-radius: 20px; min-width: 95%;}
  .shop .right { margin-bottom:0; }


   }

.list_bukken_wrap { width:90%; margin:0 auto 100px auto;}
.list_bukken_wrap_title { width:100%; text-align:center; font-size:16px; display:block; margin-top:50px; font-weight:bold; }
.list_bukken_wrap_title img { width:80%; display:block; margin:0 auto 10px auto; }
@media screen and (min-width: 740px) {
   .list_bukken_wrap { width:100%; }
   .list_bukken_wrap_title { margin-top:100px; }
   .list_bukken_wrap_title img { width:474px;  }
}

.fukidashi_zokuzoku { width:100px; margin-bottom:20px; }