input[type="submit"],input[type="button"],input[type="reset"]{appearance: button;border: none;border-radius: 0;box-sizing: border-box;cursor: pointer;-webkit-box-sizing:content-box;-webkit-appearance: button;}
input,button,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;font:inherit;outline:none}


#pan{text-align:left;font-size:1.2rem;padding:40px 0 30px;width: 96%;left: 0;right: 0;margin:auto;}
#pan li{display:inline-block;text-align:left;position:relative;color: #000}
#pan li a{padding-right:20px;}
#pan li a:after{content:'';width:4px;height:4px;border:0px;border-top:solid 1px #ccc;border-right:solid 1px #ccc;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:8px;margin-top:-3px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#pan{display: none}
}

.schedule{margin-top: 0px;}

.pagination{margin: 20px 0 40px}
.pagination .nav-links {text-align: center;}
.pagination .nav-links .current {display: inline-block;width: 30px;height: 30px;margin: 8px;border: 1px solid #FF0000;border-radius: 50%;background: #FF0000;color: #fff;font-size: 1.4rem;line-height: 30px;}
.pagination .nav-links .dots {display: inline-block;margin: 8px;font-size: 1.4rem;font-weight: bold;line-height: 30px;}
.pagination .nav-links a.page-numbers {display: inline-block;width: 30px;height: 30px;margin: 8px;border: 1px solid #FF0000;border-radius: 50%;font-size: 1.4rem;text-decoration: none;line-height: 30px;}
.pagination .nav-links a.page-numbers:hover {background: #FF0000;color: #fff;transition: all .3s;}
.pagination .nav-links a.prev.page-numbers,
.pagination .nav-links a.next.page-numbers {width: auto;padding-right: 6px;padding-left: 6px;border: 0;border-bottom: 1px solid #FF0000;border-radius: 0;background: transparent;}
.pagination .nav-links a.prev.page-numbers:hover,
.pagination .nav-links a.next.page-numbers:hover {color: #FF0000
}

.shop dt{color: #fff;border-radius:6px;padding:6px 20px;font-size: 2rem;letter-spacing: 0.1em;margin-bottom: 30px;font-weight: 700;}
.shop .tag{width: 60px;margin-right: 12px}
.shop .tag img{width: 100%;height: auto}

/*

*/
/*吹き出し*/
.shopborder-balloon {position: relative;  margin: 0em 0 0em auto;  padding: 10px;  width: 70%;  background: #fcf0f0;  border: solid 1px #ccc;  box-sizing: border-box;}
/*
.shopborder-balloon::before {content: "";  position: absolute;  top: 50%;  left: -24px;  margin-top: -12px;  border: 12px solid transparent;  border-right: 12px solid #fcf0f0;  z-index: 2;}
*/
.shopborder-balloon::after {  content: "";  position: absolute;  top: 50%;  left: -26px;  margin-top: -13px;  border: 13px solid transparent;  border-right: 13px solid #ccc;  z-index: 1;}
.shopborder-balloon .col3{width: 20%;margin-right: 2%}
.shopborder-balloon .col3_2{width: 77%}
.shopborder-balloon .balloon_photo img{width: 100%;height:auto}
.shopborder-balloon .balloontitle{font-size: 1.7rem;font-weight: bold;color: #E3070B;}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.shopborder-balloon{width: 100%;margin-top: 1.5em}
/*
.shopborder-balloon::before {content: "";  position: absolute;margin-top:0px;  top: -21px;  left: 7%;  margin-left: -15px;  border: 9px solid transparent;  border-bottom: 12px solid #ccc;  z-index: 2;}
*/
.shopborder-balloon::after {content: "";  position: absolute;margin-top:0px;   top: -24px;  left: 7%;  margin-left: -16px;  border: 10px solid transparent;  border-bottom: 13px solid #ccc;  z-index: 1;}
.shopborder-balloon p{font-size: 1.3rem;line-height: 1.6em}
.shopborder-balloon .balloontitle{font-size: 1.5rem;margin-bottom: 4px}
}

.tabshop{width: 90%;margin:0 auto 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.tabshop li {width: 19%;height:auto;text-align: center;display:flex;}
.tabshop li a{color:#000;padding: 12px 0px;border-radius: 12px;width: 100%;display: flex;  justify-content: center;align-items: center;position: relative;}
.tabshop li a:after {  content: "";  position: absolute;  right: 0;  bottom: -10px;  left: 0;  width: 0px;  height: 0px;  margin: auto;  border-style: solid;  border-color: #999 transparent transparent transparent;  border-width: 10px 10px 0 10px;}
.tabshop li a.area1,
.tabshop li a.area2,
.tabshop li a.area3,
.tabshop li a.area4,
.tabshop li a.area5{background: #999}
.tabshop li a.area1.act{background: #9400e5;}
.tabshop li a.area2.act{background: #f48a00;}
.tabshop li a.area3.act{background: #ce000c;}
.tabshop li a.area4.act{background: #0caa21;}
.tabshop li a.area5.act{background: #f60d72;}

.tabshop li a.act,
.tabshop li a:hover{color:#fff;}
.tabshop li a.area1.act:after{border-color: #9400e5 transparent transparent transparent;}
.tabshop li a.area2.act:after{border-color:  #f48a00 transparent transparent transparent;}
.tabshop li a.area3.act:after{border-color: #ce000c transparent transparent transparent;}
.tabshop li a.area4.act:after{border-color: #0caa21 transparent transparent transparent;}
.tabshop li a.area5.act:after{border-color: #f60d72 transparent transparent transparent;}

.tabshop li a.area1:hover{background: #9400e5;color: #fff}
.tabshop li a.area2:hover{background: #f48a00;color: #fff}
.tabshop li a.area3:hover{background: #ce000c;color: #fff}
.tabshop li a.area4:hover{background: #0caa21;color: #fff}
.tabshop li a.area5:hover{background: #f60d72;color: #fff}
.tabshop li a.area1:hover:after{border-color: #9400e5 transparent transparent transparent;}
.tabshop li a.area2:hover:after{border-color:  #f48a00 transparent transparent transparent;}
.tabshop li a.area3:hover:after{border-color: #ce000c transparent transparent transparent;}
.tabshop li a.area4:hover:after{border-color: #0caa21 transparent transparent transparent;}
.tabshop li a.area5:hover:after{border-color: #f60d72 transparent transparent transparent;}

@media screen and (max-width: 896px) {/*スマホのスタイル*/
.tabshop{width: 90%;margin:0 auto 30px;display: flex;justify-content: center;-webkit-justify-content: center;flex-wrap: wrap;}
.tabshop li {width: 31%;margin:6px 3px}
.tabshop li a{padding: 6px 0px;}
}


#search{background: #ececec;padding: 30px;margin: 0px 0 20px;border-radius: 6px;}
#search form{display : flex;flex-wrap : wrap;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;}
#search form div.f1{width:44%;}
#search form div.f2{width: 34%;}
#search form div.f3{width: 20%}
#search form div{display : flex;flex-wrap : wrap;justify-content: flex-start!important;-webkit-justify-content: flex-start;align-items: center;}
#search form div span{width: 50px}

#search input[type="submit"]{
width : 100%;border-radius : 10px;color : #fff;padding : 10px 0 10px 0;text-align : center;text-decoration : none;box-sizing : border-box;background : #0067b5;position : relative;cursor: pointer;font-size: 2rem;font-weight: 700;}
#search .input_box{background : #fff;border : 1px solid #cccccc;border-radius : 5px;padding : 10px;font-size: 1.8rem;text-align:left;box-sizing : border-box;width: 80%;}
#search select{-webkit-appearance: none;  appearance: none;width: 100%;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;border : 1px solid #cccccc;background: #fff; border-radius : 5px;padding :13px 10px;font-size: 1.8rem;box-sizing : border-box;}
#search::-ms-expand { display: none;}

/* セレクトボックスの矢印デザイン変更 */
.selecon{position: relative;width: 80%}
.selecon::before {  border-bottom: 4.5px solid #0067b5;  border-left: 4px solid transparent;  border-right: 4px solid transparent;  content: "";  position: absolute;  right: 9px;  top: 40%;  width: 0;}
.selecon::after {  border-left: 4px solid transparent;  border-right: 4px solid transparent;  border-top: 4.5px solid #0067b5;  content: "";  position: absolute;  right: 9px;  top: 60%;  width: 0;}

@media screen and (max-width: 896px) {/*スマホのスタイル*/

#search form div{justify-content: flex-start!important;-webkit-justify-content: flex-start;}
#search form div.f1{width:100%!important;;text-align: left;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#search form div.f2{width: 100%!important;;margin: 5px 0; min-height: 50px;text-align: left;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#search form div.f3{width: 80%;text-align: center; margin: 12px auto 0!important}
#search .input_box{min-height: 50px;}
#search form div span{width: 20%!important;}
#search form div.f1 span{width: 20%!important;}
#search .input_box{width: 70%!important}
#search select{width:100%!important;}
.selecon{width:70%!important;}
}

.openlist h3{color: #fff;background: #000; border-radius:6px;padding:6px 20px;font-size: 2rem;letter-spacing: 0.1em;margin-bottom: 30px;font-weight: 700;}
.openlist h3.area1{background: #9400e5;}
.openlist h3.area2{background: #f48a00;}
.openlist h3.area3{background: #ce000c;}
.openlist h3.area4{background: #0caa21;}
.openlist h3.area5{background: #f60d72;}

.openlist dd img{width: 100%;height: auto}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.openlist dd img{width: 100%;height: auto!important}
.openlist dd.col2{width: 90%;margin: 12px auto}
}
.gmap {height: 0;overflow: hidden;padding-bottom: 10%;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.gmap {padding-bottom: 30%;}
}

.reportdetail h2.contents_title{padding: 20px 30px}

.reportdetail .mainimg img{width: 100%;height: auto;}
.reportdetail dt{margin-top: 40px}
.reportdetail dd{text-align: left}
.reportdetail dd .title{width: 20%;background: #000;color: #fff;text-align: center}
.reportdetail dd .naiyo{width: 78%;}
.reportdetail table{margin-bottom: 20px}
.reportdetail table th{border: 1px solid #666;background: #000;color: #fff;text-align: center;padding: 10px}
.reportdetail table td{border: 1px solid #666;text-align: center;padding: 10px}
.reportdetail .photo p{width: 48%}
.reportdetail .photo img{width: 100%;height: auto}
.reportdetail .photo p.nophoto{width:100%;text-align: left}

.reportdetail  .waku.rdetail .icatch{width: 40%;}
.reportdetail  .waku.rdetail .icatch img{width: 100%;height: auto; border-radius: 6px}
.reportdetail  .waku.rdetail .nnaiyo{padding: 12px 12px 12px;width: 57%}
.reportdetail  .waku.rdetail .nnaiyo .shopname{font-size: 2rem;font-weight: 700;border-bottom: 1px solid #000;padding-bottom: 10px;margin-bottom: 10px;}
.reportdetail  .waku.rdetail .nnaiyo .comment{margin-bottom: 12px}
.reportdetail  .waku.rdetail .nnaiyo .date{text-align: right;font-size: 1.3rem}
/*
.reportdetail  .waku.rdetail .nnaiyo .shopname{font-size: 2rem;font-weight: 700;border-bottom: 1px solid #000;margin-top: 8px;padding-bottom: 10px;margin-bottom: 10px;}
*/
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.reportdetail dd .naiyo.gmap{width: 100%;}
.reportdetail .photo p{width: 100%;margin-bottom: 20px}
.reportdetail .waku.rdetail{width: 100%;margin: 0 auto 20px;padding: 12px }
.reportdetail  .waku.rdetail .icatch{width: 30%;margin-right:0%}
.reportdetail  .waku.rdetail .nnaiyo{width: 67%;padding: 0px;}
.reportdetail  .waku.rdetail .pc{display: none}
.reportdetail  .waku.rdetail .nnaiyo .shopname{font-size: 1.6rem;padding-bottom: 5px;margin-bottom: 5px}
.reportdetail  .waku.rdetail .nnaiyo .date{text-align: right;width: 100%; font-size: 1rem;}
.reportdetail  .waku.rdetail .tag{width: 60%;margin:10px auto 0}
.reportdetail  .waku.rdetail .nnaiyo .comment{margin-bottom: 4px;font-size: 1.2rem;line-height: 1.6em}
}




.awarddetail .mainimg img{width: 100%!important;height: auto!important}
.awarddetail .comment{margin: 30px 0 0;text-align: left;font-size: 1.6rem}
.awarddetail .part{margin-top: 40px;border-bottom: none}
.awarddetail .part dt{background: #000}
.awarddetail .part dd{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;border-bottom: 1px dashed #ccc;margin-bottom: 20px;padding-bottom: 10px}
.awarddetail .part dd .best{width: 100px;}
.awarddetail .part dd .shopname{font-size: 3rem;}
.awarddetail .part dd .shopname p{font-size: 1.3rem;color: #000;margin-bottom: 3px}

.awarddetail .kako{margin-top: 40px;background: #666;padding: 30px;border-radius: 6px}
.awarddetail .kako dl{border-bottom: none;padding-bottom: 0}
.awarddetail .kako a{font-size: 1.8rem;color: #fff}
.awarddetail .comment *{all:initial;}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.awarddetail .part{margin-top: 30px;}
.awarddetail .part dd .best{width:20%;margin-right: 2%}
.awarddetail .part dd .shopname{width: 76%;font-size: 2rem;}
.awarddetail .kako{margin-top: 30px;padding: 20px}
}

.investigator .waku{width: 48%;margin-bottom: 40px; background: #fff;border-radius: 6px; box-shadow: 0 0 6px rgba(0, 0, 0, .3);box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.investigator .waku .nakami{width: 100%; padding: 12px 12px 12px;}
.investigator .waku .nakami .investigatorphoto{width: 40%;}
.investigator .waku .nakami .investigatorphoto img{width: 100%;height: auto}
.investigator .waku .nakami .investigatordetail{width: 57%;text-align: left;font-size: 1.4rem;line-height: 1.8em;}

.investigator .waku .nakami .investigatorname{font-size: 2rem;font-weight: 700;margin:5px 0}
.investigator .waku .nakami .investigatordetail a{display: block;border: 1px solid #ccc;padding: 8px;border-radius: 6px;margin: 7px 0}
.investigator .waku .nakami .investigatordetail a span img{margin-right:5px}
.investigator .waku .nakami .investigatordetail .bg p{margin: 10px 0}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.investigator .waku{width: 100%;}
.investigator .waku .nakami .investigatorphoto{width: 100%;}
.investigator .waku .nakami .investigatordetail{width: 90%;margin:12px auto 0}
.investigator .waku .nakami .sp{text-align: center;width: 100%;border-top: 1px solid #ccc;padding-top: 12px;margin-top: 12px}
.investigator .waku .nakami .sp p{width: 50px;margin: 0 2%; text-align: center}
.investigator .waku .nakami .sp p img{width: 100%}
}

/*famer*/
#famer_page .container{background: #56030b url("../images/famer/famer_bg.jpg") no-repeat center top;background-size: 100%; text-align: center;padding-bottom: 100px}
#famer_page #pan li{color: #fff}
#famer_page #pan li a{color: #fff}
#famer_page .catch{margin: 40px 0;font-size: 2rem;color: #fff;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 2em}
#famer_page .report{margin: 0}
#famer_page .report .waku{margin-top: 80px}
#famer_page .report .waku .lavel{display: inline-block;font-size: 1.2rem;background: #ececec;min-width:auto;text-align: left; margin-right: 20px;border-left: 6px solid #000;padding: 6px 12px; border-radius: 6px;}
#famer_page .report .waku .lavel.area1{border-left-color:#9400e5 }
#famer_page .report .waku .lavel.area2{border-left-color:#f48a00}
#famer_page .report .waku .lavel.area3{border-left-color:#ce000c}
#famer_page .report .waku .lavel.area4{border-left-color:#0caa21}
#famer_page .report .waku .lavel.area5{border-left-color:#f60d72}
#famer_page .report .nakami{text-align: left;position: relative;}
#famer_page .report .nakami .shopname{font-size: 3rem;line-height: 1.5em; border-bottom: none;margin: 12px 0;width: 75%}
#famer_page .report .nakami .comment{}
#famer_page .waku{position: relative}
#famer_page .kaisu{position: absolute;right: 20px;top: -20px}
#famer_page .kaisu span{font-size: 7rem;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";color: #49291f;display: block;width: 60px;position: absolute;left: 26px;top: 86px;text-align: right;}
#famer_page .report .nakami .detail{margin-bottom: 0}
#famer_page .report .nakami .detail a{width: 100%;padding: 12px;}
#famer_page #footer{margin-top: 0}
#famer_page .comming{font-size: 6rem;text-align: center;color: #fff}
#famer_page .pagination .nav-links a.page-numbers {background: #fff;}
#famer_page .pagination .nav-links a.prev.page-numbers,
#famer_page .pagination .nav-links a.next.page-numbers {color: #fff;background: none}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
#famer_page .container{background-size: 150%}
#famer_page .container h2{width: 70%;margin: auto}
#famer_page .catch{margin: 40px 0;font-size: 1.6rem;padding: 0 20px}
#famer_page .report .icatch{width: 100%;margin-bottom: 12px}
#famer_page .report .nakami{width: 100%}
#famer_page .report .waku .lavel{width: auto}
#famer_page .report .nakami .shopname{width: 100%}
#famer_page .kaisu{width: 30%;right: 5px;}
#famer_page .kaisu span{font-size: 5rem;top: 58%;left: 5%;width: 57%;}
}