@charset "UTF-8";
/* contents
/*-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 668px) {
  .page-shop #contents {
    padding-top: 140px;
  }
.page-under .shoplist {
	padding-top: 38px;
}
#shop-ranking .shoplist {
	padding-top:0;
}
}
@media screen and (min-width: 669px) {
  .page-shop #contents {
    padding-top: 180px;
  }
  .page-shop #header {
    height: 90px;
  }
}

#shopNav h2, #shopNav a {
  color: #fff;
}
@media screen and (max-width: 668px) {
  #shopNav {
    position: absolute;
    top:96px;
    left: 0;
    width: 100%;
  }
  #shopNav h2 {
	text-align: right;
    line-height: 38px;
    background: rgba(0, 0, 0, 0.8);
  	padding-right: 3%;
}
  #shopNav ul {
    display: none;
    background: rgba(0, 0, 0, 0.75);
    border-top: 1px solid #fff;
  }
  #shopNav ul li {
    border-bottom: 1px solid #fff;
	text-align: right;
  	padding-right: 3%;
  }
  #shopNav ul li a {
    display: block;
    padding-left: 25px;
    line-height: 36px;
  }
	
#shopNav ul li.shoptop_back {
	display: none;
}
}
@media screen and (min-width: 669px) {
  #shopNav {
    background: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid #fff;
	min-height: 53px;
  }
  #shopNav .inner {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    zoom: 1;
  }
  #shopNav .inner:before, #shopNav .inner:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
  }
  #shopNav .inner:after {
    clear: both;
  }
  #shopNav h2 {
    position: absolute;
    left: 25px;
    top: 0;
    font-size: 28px;
    line-height: 53px;
  }
  #shopNav ul {
    text-align: right;
    font-size: 0;
  }
  #shopNav ul li {
    display: inline-block;
    border-right: 1px solid #fff;
  }
  #shopNav ul li:first-child {
    border-left: 1px solid #fff;
  }
  #shopNav ul li a {
    display: block;
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 53px;
  }
  #shopNav ul li a:hover, #shopNav ul li a.active {
    background: rgba(255, 255, 255, 0.3);
  }
}

@media screen and (max-width: 668px) {
  #shopmenuTrigger {
    position: absolute;
    top: 4px;
    left: 15px;
    height: 30px;
    width: 30px;
  }
  #shopmenuTrigger span {
/*    display: block;*/
    height: 30px;
    width: 30px;
    background: url(../img/shopcommon/shopmenutrigger_df.png) 0 0 no-repeat;
    background-size: contain;
  }
  #shopmenuTrigger.opened span {
    background-image: url(../img/shopcommon/shopmenutrigger_opened.png);
  }
}
@media screen and (min-width: 669px) {
  #shopmenuTrigger {
    display: none;
  }
}

#shopBannerArea {
  border-top: 2px solid #ccc;
}
@media screen and (max-width: 668px) {
  #shopBannerArea {
    padding: 30px 20px 0 20px;
    width: 100%;
    max-width: 560px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #shopBannerArea li {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 669px) {
  #shopBannerArea {
    padding-bottom: 30px;
    padding-top: 50px;
  }
  #shopBannerArea ul {
    font-size: 0;
    text-align: center;
    white-space: nowrap;
  }
  #shopBannerArea ul li {
    position: relative;
    display: inline-block;
    margin-right: 26px;
    overflow: hidden;
    width: 560px;
    height: 236px;
  }
  #shopBannerArea ul li:last-child {
    margin-right: 0;
  }
  #shopBannerArea ul li img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition: .3s ease-in;
  }
  #shopBannerArea ul li a {
    display: block;
    position: relative;
  }
  #shopBannerArea ul li a:hover .bg {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 1;
  }
  #shopBannerArea ul li a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    font-size: 0;
    width: 100%;
    height: 236px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}

/* ショップトップ--------------------------------------------------------------------*/
#shop-top #shopBannerArea {
	border: none;
	padding-top: 30px;
	margin-top: 10px;
	background: #f5f5f5;
}
@media screen and (max-width: 668px) {
  #shop-top #contents {
    padding-top: 96px;
  }
}
@media screen and (min-width: 669px) {
  #shop-top #contents {
    padding-top: 90px;
  }
  #shop-top #header {
    height: 90px;
  }
}
#shop-top .kv span {
  display: block;
  background-size: contain;
  font-size: 0;
}
#shop-top #kv_kyoto span {
	background: url(../img/kyoto/top/kyoto_kv_01_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_ikebukuro span {
	background: url(../img/ikebukuro/top/ikebukuro_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_sapporo span {
	background: url(../img/sapporo/top/sapporo_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_tsudanuma span {
	background: url(../img/tsudanuma/top/tsudanuma_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_machida span {
	background: url(../img/machida/top/machida_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_sendai span {
	background: url(../img/sendai/top/sendai_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_nagoya span {
	background: url(../img/nagoya/top/nagoya_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_kumamoto span {
	background: url(../img/kumamoto/top/kumamoto_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_kitasenju span {
	background: url(../img/kitasenju/top/kitasenju_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_matsudo span {
	background: url(../img/matsudo/top/matsudo_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_umeda span {
	background: url(../img/umeda/top/umeda_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_kinshicho span {
	background: url(../img/kinshicho/top/kinshicho_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_kinshicho.first span {
	background: url(../img/kinshicho/top/kinshicho_shopimg_1st_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
#shop-top #kv_ariake span {
	background: url(../img/ariake/top/ariake_shopimg_new_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
@media screen and (max-width: 668px) {
  #shop-top .kv span {
    padding-top: 47.96875%;
  }
  #shop-top .kv span.tsuda {
    padding-top: calc(197 / 640 * 100%);
  }
}
@media screen and (min-width: 669px) {
#shop-top .kv {
border-bottom: 2px solid #9D0029;
}
#shop-top .kv span {
width: 1000px;
margin: 0 auto;
padding-top: 340px;
}
#shop-top .kv span.tsuda {
padding-top: 307px;
}
#shop-top #kv_kyoto span {
background-image: url(../img/kyoto/top/kyoto_kv_01_pc.jpg);
}
#shop-top #kv_ikebukuro span {
background-image: url("../img/ikebukuro/top/ikebukuro_shopimg_new_pc.jpg");
}
#shop-top #kv_sapporo span {
background-image: url("../img/sapporo/top/sapporo_shopimg_new_pc.jpg");
}
#shop-top #kv_tsudanuma span {
background-image: url("../img/tsudanuma/top/tsudanuma_shopimg_new_pc.jpg");
}
#shop-top #kv_machida span {
background-image: url("../img/machida/top/machida_shopimg_new_pc.jpg");
}
#shop-top #kv_sendai span {
background-image: url("../img/sendai/top/sendai_shopimg_new_pc.jpg");
}
#shop-top #kv_nagoya span {
background-image: url("../img/nagoya/top/nagoya_shopimg_new_pc.jpg");
}
#shop-top #kv_kumamoto span {
background-image: url("../img/kumamoto/top/kumamoto_shopimg_new_pc.jpg");
}
#shop-top #kv_kitasenju span {
background-image: url("../img/kitasenju/top/kitasenju_shopimg_new_pc.jpg");
}
#shop-top #kv_matsudo span {
background-image: url("../img/matsudo/top/matsudo_shopimg_new_pc.jpg");
}
#shop-top #kv_umeda span {
background-image: url("../img/umeda/top/umeda_shopimg_new_pc.jpg");
}
#shop-top #kv_kinshicho span {
background-image: url("../img/kinshicho/top/kinshicho_shopimg_new_pc.jpg");
}
#shop-top #kv_kinshicho.first span {
background-image: url("../img/kinshicho/top/kinshicho_shopimg_1st_pc.jpg");
}
#shop-top #kv_ariake span {
background-image: url("../img/ariake/top/ariake_shopimg_new_pc.jpg");
}
}

#shop-top #information {
  padding-top: 20px;
}
#shop-top #information ul {
  width: 95.625%;
  margin: 0 auto;
  zoom: 1;
}
#shop-top #information ul li {
  width: 48.03922%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 3.92157%;
  margin-bottom: 10px;
}
#shop-top #information ul:before, #shop-top #information ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
#shop-top #information ul:after {
  clear: both;
}
#shop-top #information a {
  color: #333;
}
#shop-top #information .date {
  padding: 5px;
  text-align: right;
  font-size: 0.8rem;
}
#shop-top #information .text {
  padding: 0 5px 5px;
  font-size: 0.9rem;
}
#shop-top #information .gotoDetail {
  text-align: right;
  padding: 0 5px 5px;
  font-size: 0.85em;
}
#shop-top #information .date span {
	background: #ccc;
	color: #fff;
	font-size: 88%;
	padding: 2px 6px;
	margin: 0 0 0 8px;
}
@media screen and (max-width: 668px) {
  #shop-top #information ul li:nth-child(2n) {
    margin-right: 0;
  }
  #shop-top #information .date {
	  text-align:left;
}
}
@media screen and (min-width: 669px) {
  #shop-top #information {
    padding-top: 45px;
  }
  #shop-top #information ul {
    width: 1000px;
    overflow: hidden;
  }
  #shop-top #information ul li {
    overflow: hidden;
    position: relative;
    width: 316px;
    margin-right: 26px;
  }
  #shop-top #information ul li:nth-child(3n) {
    margin-right: 0;
  }
  #shop-top #information .image {
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 316px;
    height: 199px;
  }
  #shop-top #information .image > img {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1;
  }
  #shop-top #information .blursvg {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 3px 3px 0 0;
  }
  #shop-top #information .date {
    padding: 10px;
  }
  #shop-top #information .text {
    padding: 0 10px 10px;
  }
  #shop-top #information .gotoDetail {
    padding: 0 10px 10px;
  }
  #shop-top #information li a:after {
    content: "";
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 55px;
    top: 76px;
    left: 0;
    background: url(../img/common/icon_imagehover.png) center top no-repeat;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
#shop-top #information li a:hover .text {
text-decoration: underline;
cursor: pointer;
}
  #shop-top #information li a:hover .image > img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 1;
  }
  #shop-top #information li a:hover:after {
    opacity: 1;
  }
}
#shop-top #instagram .read {
	text-align: center;
	padding: 0 2%;
}
#shop-top #instagram .read strong {
	display: block;
	font-weight: 400;
	margin: 0 auto 26px;
	font-size: 17px;
}
#shop-top #instagram .btn_insta_follow {
  display: block;
  margin: 0 auto;
  width: 200px;
  background: #9D0029;
  padding: 10px 0;
  text-align: center;
  font-size: 0;
  border-radius: 4px;
}
#shop-top #instagram {
  padding-top: 20px;
}
#shop-top #instagram .outerforBg {
  background: #F5F1DF;
}

#shop-top #instagram p.readhash {
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto 32px;
  text-align: center;
}


@media screen and (max-width: 668px) {
#shop-top #instagram .btn_insta_follow img {
width: 158px;
}
#shop-top #instagram .read {
	margin: 14px auto 12px;
	text-align: left;
	width: 96%;
	font-size: 12.5px;
}
#shop-top #instagram .read strong {
	text-align: center;
	font-weight: bold;
	font-size: 13.5px;
	margin-bottom: 16px;
}
#shop-top #instagram .outerforBg {
	padding: 15px 0 20px;
	margin: 0 0 30px;
}
}
@media screen and (max-width: 321px) {
#shop-top #instagram .read strong {
	font-size: 12px;
}
#shop-top #instagram .btn_insta {
	margin: 16px 0 0;
}
}
@media screen and (min-width: 669px) {
#shop-top #instagram .btn_insta_follow {
    padding: 12px 0 10px;
    width: 322px;
  }
  #shop-top #instagram {
	padding-top: 40px;
  }
  #shop-top #instagram .outerforBg {
    padding: 32px 0 34px;
	  margin: 0 0 50px;
  }
#shop-top #instagram .btn_insta {
	margin: 46px 0 20px;
}
}
#shop-top .instaApiList_shop {
  width: 98%;
  margin: 0 auto 10px;
  zoom: 1;
  display: flex;
flex-wrap: wrap;
}
#shop-top .instaApiList_shop li {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 12px;
}
#shop-top .instaApiList_shop li a {
  display: block;
  font-size: 0;
overflow: hidden;
}
#shop-top .instaApiList_shop li:before,
#shop-top .instaApiList_shop li img:before {
    content: "";
    display: block;
    padding-top: 100%; 
}
#shop-top .instaApiList_shop li img,
#shop-top .instaApiList_shop li video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    display: block;
}
#shop-top .instaApiList_shop:before, #shop-top .instaApiList_shop:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
#shop-top .instaApiList_shop:after {
  clear: both;
}
@media screen and (max-width: 668px) {
video {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
#shop-top .instaApiList_shop li {
	width: 31.8%;
	margin-right: 2%;
	margin-bottom: 8px;
	background: #fff;
}
#shop-top .instaApiList_shop li:nth-child(3n) {
	margin-right: 0;
}
#shop-top .instaApiList_shop li:last-child {
  display: none;

}
}
@media screen and (min-width: 669px) {
  #shop-top .instaApiList_shop {
    max-width: 1110px;
    width: 90%;
    margin: 0 auto 10px;
  }
  #shop-top .instaApiList_shop li {
    width: 31.3%;
    margin: 0 1% 20px;
	  background: #fff;
  }
#shop-top .instaApiList_shop li img,
#shop-top .instaApiList_shop li video {
	max-width: 100%;
	max-height: 100%;
  }
}
@media screen and (max-width: 668px) {
}
@media screen and (min-width: 669px) {
}
/*Edge*/
@supports (-ms-ime-align:auto) {
}
/* IE11 */
@media all and (-ms-high-contrast:none){
/*
*::-ms-backdrop,  { 
}
*/ 
}
/* IE10 */
@media all and (-ms-high-contrast:none){
}


#hashCP {
  max-width: 830px;
  margin: 30px auto 30px;
}
#hashCP a {
  display: block;
  padding-top: 80.48387%;
  background: url(https://amuse-beaute.jp/img/top/top_img_03_sp.png) 0 0 no-repeat;
  background-size: contain;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
}

@media screen and (max-width: 668px) {
  #hashCP {
    padding: 0 10px;
  }
}
@media screen and (min-width: 669px) {
  #hashCP {
    margin-top: 40px;
    margin-bottom:0;
  }
  #hashCP a {
    padding-top: 32.4%;
    background-image: url(https://amuse-beaute.jp/img/top/top_img_03_pc.png);
  }
}

#shop-top #shopinfo {
  padding: 30px 0;
}
#shop-top #shopinfo .googleMap iframe {
  border: 1px solid #ccc;
}
#shop-top #shopinfo dt {
  font-size: 1.5rem;
}
#shop-top #shopinfo dd .btn_arrow_01 {
  padding: 5px 0;
  font-size: 0.85rem;
  font-weight: bold;
}
@media screen and (max-width: 668px) {
  #shop-top #shopinfo .inner_01 {
    margin: 0 10px;
  }
  #shop-top #shopinfo .data {
    text-align: center;
  }
  #shop-top #shopinfo dt {
    margin-bottom: 10px;
  }
  #shop-top #shopinfo dd p {
    margin-bottom: 1em;
  }
  #shop-top #shopinfo dd .btn_arrow_01 {
    width: 160px;
    margin: 0 auto;
  }
#shop-top #shopinfo .googleMap,
#shop-top #shopinfo .googleMap_2 {
    margin: 0 30px 25px;
  }
#shop-top #shopinfo .googleMap iframe,
#shop-top #shopinfo .googleMap_2 iframe {
    width: 100%;
    height: 260px;
  }
  #shop-top #shopinfo .floorMap {
    margin: 0 30px 20px;
    text-align: center;
  }
  #shop-top #shopinfo .floorMap img {
  }
}
@media screen and (min-width: 669px) {
  #shop-top #shopinfo {
    padding: 80px 0 80px;
  }
  #shop-top #shopinfo .title01 {
    margin-bottom: 50px;
  }
  #shop-top #shopinfo .data, #shop-top #shopinfo .floorMap {
    float: right;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #shop-top #shopinfo .data_2 dl {
    float: left;
    width: 450px;
    box-sizing: border-box;
  }
  #shop-top #shopinfo .googleMap_2 {
    float: right;
    width:530px;
    box-sizing: border-box;
  }
  #shop-top #shopinfo .data_2 dd p a {
	  margin: 10px 0 0;
  }
  #shop-top #shopinfo .floorMap {
    padding-right: 20px;
    text-align: right;
  }
  #shop-top #shopinfo .data {
    padding-left: 20px;
  }
  #shop-top #shopinfo .data_2 dl {
    padding-left: 20px;
  }
  #shop-top #shopinfo dd .btn_arrow_01 {
    padding: 3px 15px;
  }
  #shop-top #shopinfo .googleMap {
    padding-top: 20px;
  }
  #shop-top #shopinfo .text {
    clear: both;
    padding-top: 40px;
  }
}

/* hovar時 blurSVG IE用 */
@media all and (-ms-high-contrast: none) {
  #shopBannerArea ul li a:hover .bg {
    opacity: 0 !important;
  }

  #shop-top #information ul li a:hover .image > img {
    opacity: 0;
  }
  #shop-top #information ul li a:hover .blurimage {
    opacity: 1 !important;
  }
}
/* インフォメーション 詳細--------------------------------------------------------------------*/
#shop-info #contents {
  margin-bottom: 40px;
}
#shop-info #infoDetailBlock {
  margin-bottom: 15px;
}
#shop-info #infoDetailBlock h4 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
}
#shop-info #infoDetailBlock .image {
  margin-bottom: 25px;
  background: #eee;
  border-top: 2px solid #ccc;
  text-align: center;
}
#shop-info #infoDetailBlock .text .note {
  font-size: 0.9rem;
}
#shop-info #infoDetailBlock .text p {
  margin-bottom: 1em;
}
#shop-info #infoDetailBlock .text p:last-child {
  margin-bottom: 0;
}
#shop-info .btnBack {
  text-align: center;
  font-size: 0.9rem;
}
#shop-info .btnBack a {
  padding: 10px 20px;
}
@media screen and (max-width: 668px) {
  #shop-info #infoDetailBlock .text {
    margin: 0 10px;
  }
}
@media screen and (min-width: 669px) {
  #shop-info #contents {
    margin-bottom: 40px;
  }
  #shop-info #infoDetailBlock {
    margin-bottom: 35px;
  }
  #shop-info #infoDetailBlock h4 {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  #shop-info #infoDetailBlock .image {
    margin-bottom: 25px;
    background: #eee;
  }
  #shop-info #infoDetailBlock .text {
    width: 720px;
    margin: 0 auto;
  }
}

/* ランキング--------------------------------------------------------------------*/
#shop-ranking #shopBannerArea {
  border: none;
}
#shop-ranking #contents .read {
  padding-bottom: 15px;
  text-align: center;
}
#shop-ranking #contents .read p,#best-cosme #contents .read p {
  font-weight: bold;
  font-size: 0.9rem;
}
#shop-ranking #contents .read .copy,#best-cosme #contents .read .copy {
  margin-bottom: 5px;
  font-size: 1.15rem;
}
#shop-ranking .rankNav {
  margin-bottom: 20px;
  text-align: center;
  font-size: 0;
}
#shop-ranking .rankNav a:after {
  content: "";
  display: inline-block;
  background: url(../img/common/arrow_01.png) 0 0 no-repeat;
  width: 14px;
  height: 14px;
  margin-left: 5px;
}
#shop-ranking #r12 ul.rankNav a:after {
  display: none;
}
#shop-ranking .rankNav a:hover {
  background: url(../img/common/btn_bg_01.png) 0 0 repeat;
}
#shop-ranking #r01, #shop-ranking #r03,#shop-ranking #r05,#shop-ranking #r07,#shop-ranking #r08,#shop-ranking #r10 {
  background: #f5f5f5;
}
#shop-ranking #r02 .itemImage, #shop-ranking #r04 .itemImage,#shop-ranking #r06 .itemImage,#shop-ranking #r08 .itemImage,#shop-ranking #r10 .itemImage {
	border: 2px #eee solid;
}
#shop-ranking .rankingBlock {
  overflow: hidden;
  padding: 30px 4% 30px ;
  overflow: hidden;
}
#shop-ranking .rankingBlock h3 {
  margin-bottom: 26px;
  text-align: center;
}
#shop-ranking .rankingBlock h3 span {
  display: inline-block;
  padding-bottom: 2px;
  color: #9D0029;
  font-weight: bold;
  font-size: 1.15rem;
  border-bottom: 3px solid #9D0029;
}
#shop-ranking .rankingBlock h4 {
  position: relative;
  width: 54.05405%;
}
#shop-ranking .rankingBlock h4 .crown {
  position: absolute;
  top: -11px;
  left: 6px;
  z-index: 10;
}
#shop-ranking .rankingBlock h4 .itemImage {
  z-index: 1;
  border-radius: 4px;
}
#shop-ranking .rankingBlock .brandName {
  font-weight: bold;
}
#shop-ranking .rankingBlock .itemName {
  font-size: 15px;
	line-height: 23px;
	display:block;
}
#shop-ranking .rankingBlock .discription {
  margin-top: 5px;
  font-size: 15px;
}
#shop-ranking .rankingBlock .btn_gotoOnlineshop {
  margin-top: 10px;
  font-size: 0.85rem;
  background: #888;
}
#shop-ranking .halloffame .btn_gotoOnlineshop {
  background: #888;
}
#shop-ranking .rankingBlock .abOnline {
  background: #9D0029;
}
#shop-ranking .halloffame .abOnline {
  background: #9D0029;  
}
#shop-ranking .rank02 h4 .crown, #shop-ranking .rank03 h4 .crown {
  top: -13px;
  left: 8px;
}

p.rank_date {
	width: 1000px;
	margin: 4px auto;
	text-align: right;
	font-size: 0.9rem;
}
@media screen and (max-width: 668px) {
#shop-ranking .rankNav {
    margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#shop-ranking .rankNav li {
	width: 49%;
	margin:0 0 6px;
	padding:0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border: 2px solid #9D0029;
	border-radius: 4px
}
#shop-ranking .rankNav a {
    font-size: 10px;
	padding: 6px 3px;
	display: block;
	width: 100%;
  color: #9D0029;
}
#shop-ranking .rankNav a:after {
    content: "";
    display: inline-block;
    background: url(../img/common/arrow_01.png) 0 0 no-repeat / 11px 11px;
    width: 11px;
    height: 11px;
    margin-left: 5px;
}
#shop-ranking .rankingBlock {
text-align: center;
}
#shop-ranking .rankingBlock .text {
  font-size: 13px;
}
#shop-ranking .rankingBlock .itemName {
  font-size: 13px;
	line-height: 1.5;
}
#shop-ranking .rankingBlock .discription {
  font-size: 13px;
}
#shop-ranking .rank01 {
    padding-bottom: 31px;
    text-align: left;
    zoom: 1;
	width: 97%;
	margin: 0 auto;
}
#shop-ranking .rankingBlock .btn_gotoOnlineshop {
    font-size:10px;
}
#shop-ranking .rank01 h4 .crown {
width: 30px;
}
#shop-ranking .rankingBlock h4 {
	width: 60%;
	margin: 0 auto  14px;
}
#shop-ranking .rank01:before, #shop-ranking .rank01:after {
display: block;
height: 0;
visibility: hidden;
content: "\0020";
}
#shop-ranking .rank01:after {
clear: both;
}
#shop-ranking .rank02, #shop-ranking .rank03 {
display: inline-block;
width: 46.24324%;
margin: 0 1.44144%;
text-align: left;
vertical-align: top;
}
#shop-ranking .rank02 h4, #shop-ranking .rank03 h4 {
float: none;
width: 100%;
}
#shop-ranking .rank02 h4 .crown, #shop-ranking .rank03 h4 .crown {
width: 30px;
}
#shop-ranking .rank02 .text, #shop-ranking .rank03 .text {
width: 100%;
float: none;
}
p.rank_date {
	width: 96%;
}
#shop-ranking p.copy_hof {
	text-align: center;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
}
.accbox label {
    display: block;
    margin: 1.5px 2% 10px 2%;;
    padding : 11px 12px;
    color :#fff;
    font-weight: bold;
    background :#9D0029;
    cursor :pointer;
    transition: all 0.5s;
	text-align: center;
}
.accbox i {
	font-weight: bold;
	font-size:18px
}
.accbox input {
    display: none;
}
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
}
#shop-ranking .rankingBlock .rank01_list h4,
#shop-ranking .rankingBlock .rank02_list h4,
#shop-ranking .rankingBlock .rank03_list h4 {
	float: none;
	clear: both;
	width: 92%;
	margin: 0 auto 10px;
}
#shop-ranking .rankingBlock .rank01_list h4 .crown,
#shop-ranking .rankingBlock .rank02_list h4 .crown,
#shop-ranking .rankingBlock .rank03_list h4 .crown {
	width: 30px;
	top: -16px;
}
#shop-ranking .rankingBlock .rank01_list .text,
#shop-ranking .rankingBlock .rank02_list .text,
#shop-ranking .rankingBlock .rank03_list .text {
	width: 98%;
	margin: 0 auto 20px;
}
}
@media screen and (max-width: 320px) {
#shop-ranking .rankNav a {
    font-size: 10px;
    padding: 5px;
}
}

@media screen and (min-width: 669px) {
.inner_01.w800 {
    max-width: 800px;
}
#shop-ranking .rankingBlock h4 {
  float: left;
}
  #shop-ranking #contents .read {
    padding: 10px 0 30px;
  }
  #shop-ranking #contents .read .copy {
    margin-bottom: 10px;
  }
#shop-ranking .rankNav {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
#shop-ranking .rankNav li {
	width: 25%;
	display: block;
	margin:0 0 8px;
	padding:0 5px;
	box-sizing: border-box;
}
#shop-ranking .rankNav a {
  display: block;
  padding: 7px 10px;
  border: 2px solid #9D0029;
  border-radius: 4px;
  font-size: 12.5px;
  font-weight: bold;
  color: #9D0029;
}
#shop-ranking .halloffame_scroll {
	margin-bottom: 30px;
}
#shop-ranking .halloffame_scroll li {
	width: 33%;
	display: block;
	margin:0 0 10px;
	padding:0 5px;
	box-sizing: border-box;
}
#shop-ranking p.copy_hof {
	text-align: center;
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 600;
}
  #shop-ranking .rankingBlock {
    overflow: hidden;
    padding: 35px 0 15px;
  }
  #shop-ranking .rankingBlock h3 {
    margin-bottom: 52px;
  }
#shop-ranking .rankingBlock h4 {
	float: left;
	max-width: 300px;
}
#shop-ranking .rankingBlock h4 img.itemImage {
	width: 94%;
}
#shop-ranking .rankingBlock h4 .crown {
	top: -22px;
	left: 13px;
	width: 40px;
	height: auto;
}
  #shop-ranking .rankingBlock .discription {
    margin-top: 10px;
  }
  #shop-ranking .rankingBlock .btn_gotoOnlineshop {
    margin-top: 20px;
	  font-size: 13px;
  }
  #shop-ranking .rank01 {
    width: 60%;
    float: left;
  }
  #shop-ranking .rank02, #shop-ranking .rank03 {
    float: right;
    width: 39%;
  }
  #shop-ranking .rank02 h4, #shop-ranking .rank03 h4 {
    max-width: 180px;
    padding-bottom: 35px;
  }
  #shop-ranking .rank02 h4 .crown, #shop-ranking .rank03 h4 .crown {
    top: -13px;
    left: 8px;
  }
#shop-ranking .rankingBlock .rank01_list h4,
#shop-ranking .rankingBlock .rank02_list h4,
#shop-ranking .rankingBlock .rank03_list h4 {
	float: none;
	clear: both;
	width: 70%;
	margin: 0 auto 20px;
}
#shop-ranking .rankingBlock .rank01_list .text,
#shop-ranking .rankingBlock .rank02_list .text,
#shop-ranking .rankingBlock .rank03_list .text {
	width: 70%;
	margin: 0 auto 30px;
}
}
.rank01_list,
.rank02_list,
.rank03_list {
	float: left;
	width: 33%;
}
/*殿堂入り*/
div.halloffame {
	background: #F5F1DF;
	margin: 30px 0 0;
}
div.hof_inner ul {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
div.halloffame h5 {
	background: #9D0029;
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	text-align: center;
	padding: 7px 0;
}
div.halloffame .text .brandName {
	font-weight: 600;
	display: block;
}
div.halloffame .text .itemName,
div.halloffame .text .price {
	display: block;
}

@media screen and (min-width: 669px) {
div.halloffame p {
	text-align: center;
	font-size: 14px;
	margin: 10px 0 0;
}
div.hof_inner {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding:50px 0 0;
}
div.hof_inner ul li {
	width: 16%;
	min-width: 160px;
	margin: 0 0 60px;
	padding: 0 5px;
	box-sizing: border-box;
}
div.hof_inner ul li img {
	max-width: 100%;
	display: block;
	margin: 0 0 10px;
}
div.hof_inner h4 {
	position: relative;
}
div.hof_inner h4 .crown {
    top: -12px;
	transform: translateX(-50%);
    left: 50%;
    width: 80px;
    height: auto;
	position: absolute;
}
div.halloffame .text {
	font-size: 14px;
}
div.halloffame .text .gotoOnlineshop {
	margin: 10px 0 0;
	font-size: 12px;
}
}
@media screen and (max-width: 668px) {
div.halloffame p {
	font-size: 12px;
	margin: 10px 0 0;
	padding: 0 2%;
}
div.hof_inner {
	width: 90%;
	margin: 0 auto;
	padding:40px 0 0;
}
div.halloffame h5 {
	font-size: 15px;
}
div.hof_inner ul li {
	width: 33%;
	margin: 0 0 50px;
	padding: 0 5px;
	box-sizing: border-box;
}
div.hof_inner ul li img {
	max-width: 100%;
	display: block;
	margin: 0 0 10px;
}
div.hof_inner h4 {
	position: relative;
}
div.hof_inner h4 .crown {
    top: -12px;
	transform: translateX(-50%);
    left: 50%;
    width: 65px;
    height: auto;
	position: absolute;
}
div.halloffame .text {
	font-size: 12px;
}
div.halloffame .text .gotoOnlineshop {
	margin: 10px 0 0;
	font-size: 11px;
}
}
@media screen and (max-width: 320px) {
div.hof_inner h4 .crown {
    width: 55px;
}
	
}
/* セミナー--------------------------------------------------------------------*/
#shop-seminar #contents .read {
  margin: 0 10px 20px;
}
#shop-seminar h4.title {
  background: #eee;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2.3em;
  margin-bottom: 20px;
}
#shop-seminar .seminarList li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  line-height: 1.4;
}
#shop-seminar .seminarList h5 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.1rem;
}
#shop-seminar .seminarList p {
  margin-bottom: 10px;
}

#shop-seminar .seminarList p a:link,
#shop-seminar .seminarList p a:visited {
	color: #231815;
}

#shop-seminar .seminarList p a:hover {
	text-decoration: underline;
}

#shop-seminar .seminarList p:last-child {
  margin-bottom: 0;
}
#shop-seminar .seminarList strong {
  font-weight: bold;
}
#shop-seminar .reserve {
  border: 2px solid #9d0029;
  border-radius: 4px;
  padding: 20px 0;
  color: #9d0029;
  text-align: center;
  margin: 0 0 20px;
}
#shop-seminar .reserve h4 {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  background: url(../img/common/icon_tel_01.png) no-repeat top left;
  background-size: 24px auto;
  font-weight: bold;
  font-size: 1.25rem;
}
#shop-seminar .reserve .tel {
  font-size: 2.5rem;
  font-weight: bold;
	line-height: 50px;
}
#shop-seminar .reserve .tel a {
  color: #9D0029;
}
#shop-seminar .reserve .time {
  font-weight: bold;
}
@media screen and (max-width: 668px) {
  #shop-seminar .seminarList {
    margin: 0 7px;
  }
  #shop-seminar .seminarList li {
    margin-bottom: 15px;
  }
  #shop-seminar .seminarList .text {
    padding: 10px;
  }
  #shop-seminar .reserve {
    margin: 0 14px 15px;
  }
}
@media screen and (min-width: 669px) {
  #shop-seminar #contents .read {
    width: 950px;
    margin: 40px auto;
  }
  #shop-seminar h4.title {
    margin-bottom: 40px;
  }
  #shop-seminar .seminarList li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 40px;
  }
  #shop-seminar .seminarList .image {
    float: left;
    width: 350px;
  }
  #shop-seminar .seminarList .text {
    float: left;
    width: 600px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #shop-seminar .seminarList h5 {
    margin-bottom: 10px;
  }
  #shop-seminar .reserve {
    margin-bottom: 40px;
  }
}

/* ジュースバー--------------------------------------------------------------------*/
#shop-juice h4.menuTitle {
  height: 80px;
  margin-bottom: 20px;
  background: url(../img/kyoto/juice/juice_img_01.jpg) center center no-repeat;
  background-size: cover;
  text-align: center;
}
#shop-juice h4.menuTitle img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#shop-juice .menuBlock h5 {
  text-align: center;
  margin-bottom: 10px;
}
#shop-juice .menuBlock li {
  border: 1px solid #000;
  border-radius: 4px;
  margin-bottom: 10px;
  text-align: left;
}
#shop-juice .menuBlock .inner {
  padding: 5px 10px;
  zoom: 1;
}
#shop-juice .menuBlock .inner:before, #shop-juice .menuBlock .inner:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
#shop-juice .menuBlock .inner:after {
  clear: both;
}
#shop-juice .menuBlock .itemName {
  padding: 5px 10px;
  border-bottom: 3px solid #ccc;
  line-height: 1.5;
}
#shop-juice .menuBlock .itemName strong {
  font-weight: bold;
  font-size: 0.9rem;
}
#shop-juice .menuBlock .itemImage {
  float: left;
  width: 100px;
}
#shop-juice .menuBlock .itemPrice {
  margin-bottom: 10px;
  line-height: 1.4;
}
#shop-juice .menuBlock .category {
  display: inline-block;
  margin-bottom: 0.5em;
  border: 1px solid #000;
  width: 100px;
  text-align: center;
  line-height: 1.8em;
}
#shop-juice .menuBlock .description {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.2;
}
#shop-juice .menuBlock .material {
  font-size: 0.8rem;
  line-height: 1.6;
}
@media screen and (max-width: 668px) {
  #shop-juice #read {
    margin: 0 10px 15px;
  }
  #shop-juice #read .honeysLogo {
    width: 100px;
    margin: 0 auto 20px;
  }
  #shop-juice h4.menuTitle img {
    width: 50px;
  }
  #shop-juice .menuBlock {
    margin: 0 20px 30px;
  }
  #shop-juice .menuBlock h5 img {
    height: 40px;
    width: auto;
  }
  #shop-juice .menuBlock .text {
    padding-left: 115px;
  }
}
@media screen and (min-width: 669px) {
  #shop-juice #read {
    margin-bottom: 13px;
    overflow: hidden;
  }
  #shop-juice #read .honeysLogo {
    float: left;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
  }
  #shop-juice #read .text {
    padding-top: 10px;
    width: 800px;
    float: right;
  }
  #shop-juice h4.menuTitle {
    height: 168px;
    margin-bottom: 70px;
  }
  #shop-juice .menuBlock {
    text-align: center;
    margin-bottom: 50px;
  }
  #shop-juice .menuBlock h5 {
    margin-bottom: 20px;
  }
  #shop-juice .menuBlock li {
    display: inline-block;
    width: 316px;
    margin: 0 8px;
    vertical-align: top;
  }
  #shop-juice .menuBlock .inner {
    padding: 10px;
  }
  #shop-juice .menuBlock .itemImage {
    width: 155px;
    margin-bottom: 10px;
  }
  #shop-juice .menuBlock .material {
    clear: both;
  }
}


/*インスタキャンペーン*/
@media screen and (max-width: 668px) {
.insta_camp {
	width: 100%;
}
}
@media screen and (min-width: 669px) {
.insta_camp {
	margin: 40px 0 0;
}
}

/* タブレット調整 */
@media screen and (min-width:768px) and (max-width:1120px) {
#shop-top #shopinfo .data_2 dl {
    width: 45%;
    max-width: 450px;
}
#shop-top #shopinfo .googleMap_2 {
    width: 53%;
    max-width: 530px;
}
}

/*# sourceMappingURL=shopcommon.css.map */


/*221122追加_TELrink*/

a[href^="tel:"] {
    color: #444;
}
@media screen and (min-width: 768px) {
a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
}
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
    text-decoration: underline;
}
}