@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body{background: #ffffff;
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif,"メイリオ";
    /*font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; */
    color:#000000;
    line-height:1.5em;
    word-break: break-all;
}
.showtoast{display: none;}
.section{padding: 0px 0;}
ul{padding:0;}
ul li{list-style: none;}
p{line-height:1.5em;margin:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#F16E9A;text-decoration:none;}
hr{margin:5px 0;}
img{max-width:100%;}
.bbDotted{border-bottom:1px dotted #CCCCCC;}


/*clear*/
.cl {display: block; min-height: 1%;}
.cl:after {	clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl {height: 1%;	/*\*//*/height: auto;overflow: hidden;/**/}
.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}



.flR{float:right;}
.flRsp{float:right;}
.flL{float:left;}
.flN{float:none;}

.fs8{font-size: 8px !important;}
.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fwB{font-weight:bold;}
.fwN{font-weight:normal;}

.m0{margin:0 !important;}
.mb0{margin-bottom:0 !important;}
.m0auto{margin:0 auto;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.mlr-15{margin-left:-15px;margin-right:-15px;}

.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}



.noPadding{padding:0 !important;}
.noMargin{margin:0 !important;}

.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p10-0{padding:10px 0;}
.p20-0{padding:20px 0;}
.p20-10{padding:20px 10px;}
.p020{padding:0 20px;}
.p030{padding:0 30px;}
.p1020{padding:10px 20px;}
.p1030{padding:10px 30px;}

.pt20{padding-top:20px !important;}


.w25P{width:25%;}
.w50P{width:50%;}
.w60P{width:60%;}
.w70P{width:70%;}
.w75P{width:75%;}
.w100P{width:100%;}

.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}
.w280{width:280px;}
.w400{width:400px;}

.dispBlock{display: block;}
.dispInlineBlock{display: inline-block;vertical-align: top;}
.h40{height:40px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h280{height:280px;}

.decorationNone{text-decoration: none !important;}
.pointer{cursor: pointer;}
.border{border:solid 1px #DDD;}
.overflowHidden{overflow: hidden;}
.overflowScroll{overflow: scroll;}
.lazyloading{opacity: 0;}
.lazyloaded{opacity: 1;transition: all 1s;}
.positionRelative{position: relative;}
.positionAbsolute{position: absolute;}
.top0{top:0;}
.left{left:0;}
.bottom0{bottom:0;}
.right0{right:0;}
.ellipsis {max-width:100%;overflow: hidden;}
.ellipsis p,.ellipsis a,.ellipsis span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0; }

.bgMogukita{background-image:url('../img/bg_mogukita.png');}
.bgMogukita2{background-image:url('../img/bg_mogukita2.png');}


@media (min-width: 1200px){
.container {max-width: 1200px;width: 100%;}
}


@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?6vzoxl');
    src:  url('../fonts/icomoon.eot?6vzoxl#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?6vzoxl') format('truetype'),
        url('../fonts/icomoon.woff?6vzoxl') format('woff'),
        url('../fonts/icomoon.svg?6vzoxl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="fa-i-"], [class*=" fa-i-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-i-feedly:before {content: "\e900";}
.fa-i-hatebu:before {content: "\e901";}
.fa-i-line:before {content: "\e902";}
.fa-i-pocket:before {content: "\e903";}

/* *********************** */
header{background:#FFF;position:relative;border-top:5px solid #FFF160;height: 220px;width:100%;padding:10px 0 0;color:#FFFFFF;z-index:1000;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.headerContact{position:absolute;top:0;right:0;width: 25%;text-align: right;}
header h1{text-align:center;margin:25px 0 35px 0;}
header nav ul li{display:inline-block;width:13.6%;}
header nav ul li a{display:block;text-align:center;color:#000000;text-decoration:none;padding:5px 0 7px 0;}
header nav ul li a:hover{color:#93E3EC;text-decoration:none;background-image:url('../img/bg_globalmenu.png');background-repeat: repeat-x;background-position: bottom;}
header nav ul li a.active{color:#93E3EC;text-decoration:none;background-image:url('../img/bg_globalmenu.png');background-repeat: repeat-x;background-position: bottom;}
header nav ul li a span{display:block;text-align:center;margin:5px 0 0;}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger {
  /*  background: #ccc;*/
  /*  position: relative;*/
  position: fixed;
  width: 50px;
  height: 50px;
  top: 15px;
  /*  right: 1em;*/
  left: 5px;
  z-index: 100;
  display:none;
  background: #ffffffcc;
}

.menu-trigger span {
  position: absolute;
  left: 20%;
  /*  right: 0;*/
  width: 60%;
  height: 4px;
  background-color: #000000;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 24%;
}
.menu-trigger span:nth-of-type(2) {
  top: calc(50% - 2px);
}
.menu-trigger span:nth-of-type(3) {
  bottom: 24%;
}

.menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}


.footerEntry{background-image:url('../img/bg_mogukita.png');text-align:center;padding:40px 10px;}
footer{background-image:url('../img/bg_footer.png');text-align:center;}
footer ul.footerContents{margin:20px 0;}
footer ul.footerContents li{display: inline-block;margin:0 3px;color:#000;line-height:1.5em;}
footer ul.footerContents li a{color:#000;line-height:1.5em;}
footer ul.footerContents li a:hover{color:#000;border-bottom:1px solid #000;padding-bottom:2px;display:inline;}

footer ul.snsBlock{margin:20px 0;}
footer ul.snsBlock li{display: inline-block;margin:0 3px;color:#000;}

.copyright p{background:#000;color:#FFF;text-align:center;padding:15px;font-size:14px;margin:0;}
.pageTop{position:fixed;bottom:60px;right:10px;z-index:100;}

.sideArea{border:3px solid #000000;padding:15px 10px;margin:0 0 20px 0;}
.sideArea h4{font-size:16px;font-weight:normal;}
.sideArea .searchFreewordForm{display:inline-block;width:100%;border:3px solid #000000;padding:0;background:#FFFFFF;text-align:right;}
.sideArea .searchFreewordForm .searchFreewordFormText{border:none;padding:2px;background:#FFFFFF;margin:1px 0;width:84%;}
.sideArea .searchFreewordForm button{border:none;background:none;margin:0;padding:0;width:14%;background: #000000;}
.sideArea ul li{font-size:16px;margin:0 0 10px 0;}
.sideArea ul li img{margin:0 3px 0 0;width:25px;}
.sideArea ul li a{text-decoration: underline;}
.sideBanner{margin:0 0 20px 0;}
.sideContents{border: 3px solid #000000;padding: 15px 10px;margin: 0 0 20px 0;}
.sideContents p{margin:0 0 10px 0;font-size:16px;font-weight:bold;}
.sideContents ul li{list-style: disc;margin: 0px 0 0 20px;}
.sideContents ul li a{text-decoration: underline;margin:0 0 8px;display: block;}


.subvisual{width:100%;height:240px;position: relative;}
.subvisual img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

/*背景画像の設定をする*/
.subvisual{
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}
.subvisual:before{
    content: '';
    background: inherit;/*.bgImageで設定した背景画像を継承する*/
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;/*重なり順序を一番下にしておく*/
  }

.subvisual2{width:100%;height:240px;position: relative;}
.subvisual2 img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

/*背景画像の設定をする*/
.subvisual2{
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}

  .contentsTitle img{margin:0 5px 0 0;}
  .contentsTitle{font-size:18px;border-bottom:3px solid #000000;margin:0 0 20px 0;padding: 0 0 5px 0;}

  .badge{border:2px solid #000000;background:#93E3EC;color:#000000;padding:5px 10px;font-weight:normal;font-size:14px;border-radius:30px;margin:0 3px 10px;}
  .badge:hover{border:2px solid #FFF160;background:#FFF160;color:#000000 !important;}


  .pagination > li > a,
  .pagination > li > span {
      color: #000000;
      border-color: #000000;
      border-radius: 0 !important;
      margin: 0 3px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
      color: #000000;
      background-color: #93E3EC;
      border-color: #000000;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
      background-color: #93E3EC;
      border-color: #000000;
      color: #000000;
  }  
  .pagination .pageEllipsis{border:1px solid #FFFFFF;}
  .pagination .pageEllipsis:hover{border:1px solid #FFFFFF;background:#FFFFFF;}
  
  .textLink{color:#F16D99;text-decoration: underline;}
  .textLink:hover{color:#F16D99;text-decoration: underline;}

/* *********************** */
.mainVisual img{width:100%;}

.newShopList{padding:0 10px;height:150px;}
.newShopList a{height:150px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;margin:0 7px;max-width:300px;}
.newShopList a:hover{background-size: 110%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.newShopList a:after {position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background: #fff1604d;transition: all .8s ease;opacity: .0;}
.newShopList a:hover:after {opacity: .8;}


.newShopList .newShopListText{height:50px;position: absolute;bottom:0;left:0;width:100%;background: linear-gradient(#ffffff00, #000000FF);z-index:10;}
.newShopList p{position: absolute;bottom:0;left:0;width:100%;padding:3px;font-size:12px;color:#FFFFFF;margin:0;}


.newsInfo{max-width: 900px;border:3px solid #000000;margin:50px auto;padding:20px;height:240px;overflow-y: scroll;}
.newsInfo ul li{border-bottom:1px solid #E2E2E2;padding:10px 0;}
.newsInfo ul li span{font-size:12px;margin:0 5px 0 0;}
.newsInfo ul li p{margin:3px 0 0 0;}
.newsInfo ul li p a:hover{text-decoration: underline;}

.searchShop{background:#F5F5F5;padding:50px 0;}
.searchShopMenu{text-align:center;}
.searchShopMenu a{display: inline-block;width:140px;height:140px;background-position: center;background-repeat: no-repeat;background-size: 100%;margin:0 10px;position: relative;transition: background-size 0.5s;}
.searchShopMenu img{z-index:10;position:absolute;top:0;left:0;}
.searchShopMenu a:hover{background-size: 110%;transition: background-size 0.5s;}
.searchShopMenu a.genre{background-image:url('../img/bg_menu_genre.png');}
.searchShopMenu a.area{background-image:url('../img/bg_menu_area.png');}
.searchShopMenu a.purpose{background-image:url('../img/bg_menu_purpose.png');}
.searchShopMenu a.takeout{background-image:url('../img/bg_menu_takeout.png');}
.searchShopMenu a.coupon{background-image:url('../img/bg_menu_coupon.png');}
.searchShopMenu a.delivery{background-image:url('../img/bg_menu_delivery.png');}

.searchShopMenu a:after {position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background: #fff1604d;transition: all .8s ease;opacity: .0;}
.searchShopMenu a:hover:after {opacity: .8;}

.searchFreeword{text-align:center;margin:50px 0 30px 0;}
.searchFreeword span{display:inline-block;width:200px;font-size:18px;}
.searchFreeword .searchFreewordForm{display:inline-block;width:50%;border:3px solid #000000;padding:0;background:#FFFFFF;text-align:right;}
.searchFreeword .searchFreewordForm .searchFreewordFormText{border:none;padding:7px;background:#FFFFFF;margin:3px 0 3px 0;width:90%;}
.searchFreeword .searchFreewordForm button{border:none;background:none;margin:0;padding:0;width:9%;background: #000000;}

.shopList .shopImage{height:180px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;}
.shopList .shopImage:hover{background-size: 110%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.shopList .shopImage:after {position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background: #fff1604d;transition: all .8s ease;opacity: .0;}
.shopList .shopImage:hover:after {opacity: .8;}

.shopList .shopText{padding:5px 0px;margin:0 0 20px 0;height: 70px;overflow: hidden;text-overflow: ellipsis;}
.shopList span{font-size:12px;margin:0 5px 0 0;}
.shopList .shopText a{font-size:16px;}
.shopList .shopText a:hover{text-decoration:underline;}
.top .shopList .shopImage{height:240px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;}

.recommendList .shopImage{height:140px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;}
.recommendList .shopImage:hover{background-size: 110%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.recommendList .shopImage:after {position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background: #fff1604d;transition: all .8s ease;opacity: .0;}
.recommendList .shopImage:hover:after {opacity: .8;}

.recommendList .shopText{padding:5px 0px;margin:0 0 20px 0;height: 70px;overflow: hidden;text-overflow: ellipsis;}
.recommendList span{font-size:12px;margin:0 5px 0 0;}
.recommendList .shopText a{font-size:16px;}
.recommendList .shopText a:hover{text-decoration:underline;}

.shopTitle{background-color:#000000;color:#FFFFFF;vertical-align: middle;}
.shopTitle:after {position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background: #000000;opacity: .25;z-index:1;}
.shopTitle .container{z-index:10;position: relative;}
.shopTitle .left{margin:60px -2px 0 -2px;}
.shopTitle .left h2{color:#FFFFFF;font-size:26px;font-weight:bold;}
.shopTitle .left p{color:#FFFFFF;}
.shopTitle .left p span{text-decoration: underline;padding:10px 10px 10px 0;}
.shopTitle .right{margin:60px -2px 0 -2px;}
.shopTitle .right h2 a{color:#FFFFFF;font-weight:bold;}
.shopTitle .right p{color:#FFF;font-size:12px;}

.tabArea{margin:0 0 20px 0;}
.tabArea ul{border-bottom:3px solid #000;}
.tabArea ul li{display: inline-block;}
.tabArea ul li a{border-top:3px solid #CCC;border-left:3px solid #CCC;border-right:3px solid #CCC;background:#DDD;color:#666;display: inline-block;margin:0;padding:15px 0px;width:140px;text-align:center;}
.tabArea ul li a:hover{border-top:3px solid #000;border-left:3px solid #000;border-right:3px solid #000;background:#93E3EC;color:#000;font-weight:bold;}
.tabArea ul li a.active{border-top:3px solid #000;border-left:3px solid #000;border-right:3px solid #000;background:#93E3EC;color:#000;font-weight:bold;}

.shopNews{border:3px solid #FFF160;margin: 0 0 20px 0;}
.shopNews h3{background:#FFF160;margin:0;padding:10px;font-size:16px;}
.newsBlock{padding:10px;}
.newsBlockIn{padding:10px 0px;border-bottom:1px solid #E2E2E2;}
.newsBlockIn:last-child{border-bottom:none}
.newsBlockIn .date{font-size:12px;}
.newsBlockIn .title{font-size:14px;font-weight:bold;margin: 0 0 0 0;display: inline-block;}
.newsBlockIn p{word-break: break-all;}

.shopBase .catchcopy{font-size:20px;margin:0 0 10px;line-height: 1.3em;}
.shopBase .shopTable tr th{border:3px solid #000000;padding:15px;text-align:center;font-weight:normal;white-space: nowrap;min-width: 20%;width: 25%;}
.shopBase .shopTable tr td{border:3px solid #000000;padding:15px;}
.mapBadge{background:#000000;color:#FFFFFF;padding:3px 15px;font-size:12px;line-height:3em;border-radius:30px;}
.mapBadge:hover{background:#4C4C4C;color:#FFFFFF;;}

.shopReview{border:3px solid #FFF160;margin: 0 0 30px 0;}
.shopReview h3{background:#FFF160;margin:0;padding:10px;font-size:16px;}
.reviewBlock{padding:10px;}
.reviewBlockIn{padding: 10px 0;border-bottom:1px solid #E2E2E2;}
.reviewBlockIn:last-child{border-bottom:none}

.reviewBlockIn .user{font-size:12px;margin:0 10px 0 0;}
.reviewBlockIn .date{font-size:12px;}
.reviewBlockIn .delete a{font-size:12px;float:right;background:#000000;color:#FFFFFF;padding: 0 5px;line-height: 18px;width: 20px;height: 20px;}
.reviewBlockIn p{word-break: break-all;}

.shopSns{margin:0 0 50px 0;}
.shopSns .row div{padding:0 10px;}
.snsIcon{display: inline-block;background:#000000;border-radius: 20px;width:20px;height:20px;line-height: 19px;padding-top:2px;text-align: center;font-size:13px;color:#FFF;}
.sns-instagram{background:#D93177 !important;color:#FFFFFF;}
.sns-twitter{background:#55acee !important;color:#FFFFFF;}
.sns-facebook{background:#3B5998 !important;color:#FFFFFF;}
.sns-pocket{background:#ee4256 !important;color:#FFFFFF;}
.sns-line{background:#00b900 !important;color:#FFFFFF;}
.sns-hp{background:#ff6d6d !important;color:#FFFFFF;}
.sns-hatebu{background:#008fde !important;color:#FFFFFF;}

.shopSnsLeft{position:fixed;top:260px;left:0;width:40px;z-index: 100;}
.shopSnsLeft .btn{width: 40px;display: block;padding: 3px;text-align: center;font-size: 20px;margin: 0 0 5px 0;}

.sns-instagram:hover{background:#D93177 !important;color:#FFFFFF;}
.sns-twitter:hover{background:#55acee !important;color:#FFFFFF;}
.sns-facebook:hover{background:#3B5998 !important;color:#FFFFFF;}
.sns-pocket:hover{background:#ee4256 !important;color:#FFFFFF;}
.sns-line:hover{background:#049604 !important;color:#FFFFFF;}
.sns-hp:hover{background:#ff6d6d !important;color:#FFFFFF;}
.sns-hatebu:hover{background:#1980b9 !important;color:#FFFFFF;}

.btn-facebook{font-size:26px;}
.btn-twitter{font-size:26px;}
.sns-line{font-size:26px;}
.sns-hatebu{font-size:26px;}

.shopMap{border:3px solid #000;padding:10px;margin:0 0 30px 0;}
.shopPhoto{border:3px solid #000;padding:0;margin:0 0 10px 0;}
.shopPhoto .photoArea{padding:20px;text-align:center;height: 400px;position: relative;}
.shopPhoto .photoArea img{max-height: 360px;max-width: 90%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.shopPhoto .photoAreaText p{background:#000;padding:10px;color:#FFFFFF;}

.photoAreaList{margin-bottom: 60px !important;}
.photoAreaList .photoBlock{height:120px;width:15.6%;background-position: center;background-repeat: no-repeat;background-size: 150%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;display: inline-block;cursor:pointer;margin:5px 0.5%;}
.photoAreaList .photoBlock:hover{background-size: 160%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.photoAreaList .photoBlock:after {position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background: #fff1604d;transition: all .8s ease;opacity: .0;}
.photoAreaList .photoBlock:hover:after {opacity: .8;}

.shopCoupon{border:3px solid #000;padding:30px;margin:0 0 30px 0;}
.shopCoupon .couponBlock{background-image:url('../img/bg_coupon.png');border-radius:10px;padding:20px;margin:0 0 30px;position: relative;}
.shopCoupon .couponBlock .couponBlockInLeft{width:30%;display: inline-block;vertical-align: top;}
.shopCoupon .couponBlock .couponBlockInLeft p{color:#FFFFFF;background:#000000;margin:10px 0;padding:5px;text-align:center;}

.shopCoupon .couponBlock .couponBlockInRight{width:67%;display: inline-block;margin:0 0 0 3%;vertical-align: top;}

.shopCoupon .couponBlock .couponBlockInRight h3{font-size:18px;font-weight:bold;margin:0 0 10px 0;}
.shopCoupon .couponBlock .couponBlockInRight .price{font-weight:bold;font-size:36px;color:#000000;margin:0 0 10px 0;}
.shopCoupon .couponBlock .couponBlockInRight .info{color:#000000;}

.ribbonLeft{position: absolute;top:0;left:0;}
.ribbonRight{position: absolute;bottom:0;right:0;}

.optionCheck{position: absolute;top:0;right:0px;z-index:10;}
.optionCheck span{margin:0;}
.optionCheck img{display: inline;vertical-align: top;}
.checkNew{position: absolute;top:0;left:0;z-index:10;}

.shopContents{margin:0 0 30px 0;}
.shopContents .contentsBlock{border:3px solid #000;padding:30px;margin:0 0 30px;position: relative;}
.shopContents .contentsBlock .blockInLeft{width:30%;display: inline-block;vertical-align: top;}
.shopContents .contentsBlock .blockInLeft p{color:#FFFFFF;background:#000000;margin:10px 0;padding:5px;text-align:center;}

.shopContents .contentsBlock .blockInRight{width:67%;display: inline-block;margin:0 0 0 3%;vertical-align: top;}

.shopContents .contentsBlock .blockInRight h3{font-size:18px;font-weight:bold;margin:0 0 10px 0;}
.shopContents .contentsBlock .blockInRight h3 a:hover{text-decoration: underline;}
.shopContents .contentsBlock .blockInRight .info{color:#000000;}

.shopContents .contentsBlock .blockInRight .readmore{color:#FFFFFF;background:#000000;display: inline-block;margin:20px 0 0 0;padding:10px 20px;}
.shopContents .contentsBlock .blockInRight .readmore:hover{background:#555555;}

.shopContents .contentsImage{height:180px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;}
.shopContents .contentsImage:hover{background-size: 110%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.shopContents .contentsImage:after {position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background: #fff1604d;transition: all .8s ease;opacity: .0;}
.shopContents .contentsImage:hover:after {opacity: .8;}

.shopContentDetail h2{color:#000000;background:#FFF160;padding:10px;font-size:18px;font-weight:bold;margin:0 0 30px 0;}
.shopContentDetail .movie{margin:0 0 30px 0;width:100%;}
.shopContentDetail .contentDetailBlock{margin:0 0 50px 0;}
.shopContentDetail .contentDetailBlock h3{border-bottom:1px solid #CCCCCC;padding:5px 0;font-size:18px;line-height:1.6em;margin:0 0 30px 0;}
.shopContentDetail .contentDetailBlock img{margin:0 0 30px 0;width:100%;}
.shopContentDetail .contentDetailBlock p{margin:0 0 30px 0;}

.shopMenuCaution{}
.shopMenu{border:3px solid #000;padding:20px;margin:0 0 30px;position: relative;}
.shopMenu h2{background:#FFF160;color:#000000;padding:5px 10px;font-size:16px;margin:10px 0 10px 0;}
.shopMenu .menuBlock{}
.shopMenu .menuBlock h3{font-size:14px;font-weight:normal;padding:5px 0;border-bottom:1px solid #E2E2E2;margin:10px 0;}
.shopMenu .menuBlock h3 .name{}
.shopMenu .menuBlock h3 .price{margin:0 0 0 10px;color:#F16E9A;}
.shopMenu .menuBlock h3 .takeout{margin:0 0 0 20px;}
.shopMenu .menuBlock .menuBlockIn{margin:0 0 30px 0;}

.shopMenu .menuBlock .menuBlockIn .blockInLeft{max-width:27%;display: inline-block;margin:0 3% 0 0;}
.shopMenu .menuBlock .menuBlockIn .blockInLeft img{width:100%;}
.shopMenu .menuBlock .menuBlockIn .blockInRight{max-width:70%;display: inline-block;vertical-align: top;}

.reviewWriteBtn{margin: 0 0 0 0;background:#000000;color:#FFFFFF;border-radius:30px;font-size: 12px;padding: 2px 15px 4px;vertical-align: middle;/* line-height: 5px; */}
.reviewWriteBtn:hover{background:#555555;color:#FFFFFF;}

#reviewForm{border:3px solid #000000;}
#reviewForm h3{background:#000000;color: #FFFFFF;font-size: 16px;padding: 10px;margin: 15px 0;}
#reviewForm table{width:100%;margin: 20px 0 20px 0;border-top: 1px solid #DCDCDC;}
#reviewForm table tr{border-bottom:1px solid #DCDCDC;}
#reviewForm table tr th{padding:10px;font-weight: normal;width: 25%;}
#reviewForm table tr td{padding: 20px;}

.reviewDelete{border:3px solid #000000;text-align:center;}
.reviewDelete p{line-height: 1.7em;}

.must{background: #F16E9A;color: #FFFFFF;font-weight: normal;padding: 2px 7px;font-size: 12px;margin:0 10px 0 0;}
.any{background: #999999;color: #FFFFFF;font-weight: normal;padding: 2px 7px;font-size: 12px;margin:0 10px 0 0;}
.blueBtn{position: relative;background:#FFFFFF;padding:15px;width: 200px;font-weight:bold;display: inline-block;font-size:16px;z-index:10;border: none;}
.blueBtn:before{
    /* border: 15px solid #93E3EC; */
    content: "";
    position: absolute;
    background: #93E3EC;
    top: 6px;
    left: 6px;
    display: block;
    width: 101%;
    height: 103%;
    z-index: -1;
}


.blueBtn:after{
    /* border: 15px solid #93E3EC; */
    content: "";
    position: absolute;
    background: none;
    border: 2px solid #000000;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
}


.blueBtn:hover{color:#000000;text-decoration: none;;}
.blueBtn:hover:before{top:0;left:0px;width: 100%;height: 100%;}

.yesBtn{margin:0 20px 0 0;}
.noBtn{margin:0 0 0 20px;}

.shopReviewTitle{line-height:15px;vertical-align: middle;}
.shopReviewBtn{float:right;margin: -1px 0 0 0;}


.mfp-close{background: #000000 !important;opacity: 1 !important;color: #FFFFFF !important;top: 5px;width: 30px;right: 5px;height: 30px;padding: 0;line-height: 32px;}

.err{text-align: center;padding:10px;color:#000000;background:#FFF160;margin:20px 0;}


.contact{margin:0 auto 80px auto;}
.contact .contactText{text-align:center;margin:50px 0;font-size:16px;line-height:1.8em;}
.contact .contactBlock{width:80%;background:#F9F9F9;margin:0 auto 30px auto;padding:50px;}
.contact table{width:100%;border-top:1px solid #DCDCDC;margin:0 auto 30px auto;}
.contact table tr{border-bottom:1px solid #DCDCDC;}
.contact table tr th{padding:15px;width:30%;}
.contact table tr td{padding:15px;}


.errMsg{background: #fdcfcf;color: #dc5353;padding: 5px;margin: 5px 0 0 0;}

.searchNotFound{padding: 20px 5px;background: #f16f99;color: #FFF;text-align: center;margin: 0px 0 50px 0;}