/* 店舗詳細ページ */

@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:home.css
Author:fancs&co.
UpdatedBy:hirata
----------------------------------------------- */

/* --------------
Layout
-------------- */

/* content1_shop
----------------------------------------------------*/
.container_contents #content1_shop #img_content1_shop{
  width:628px;
  border:#c3c3c3 solid 1px;
  border-radius:7px;
  margin:0 0 30px 5px;
  padding:5px;
  overflow:hidden;
}

.container_contents #content1_shop #img_content1_shop div,
.container_contents #content1_shop #img_content1_shop ul{
  float:left;
}

.container_contents #content1_shop #img_content1_shop ul{
  width:166px;
  overflow:hidden;
  padding-left:5px;
}

.container_contents #content1_shop #img_content1_shop ul li{
  padding-bottom:6px;
}

.container_contents #content1_shop #img_content1_shop ul li:last-child{
  padding-bottom:0;
}

.container_contents #content1_shop #map_content1_shop,
.container_contents #content1_shop #map_content1_shop2{
  clear:both;
  margin:40px 0 35px 5px;
}

.container_contents #content1_shop #map_content1_shop div{
  width:628px;
  border:#c3c3c3 solid 1px;
  border-radius:7px;
  padding:5px 5px 0 5px;
  overflow:hidden;
}

.container_contents #content1_shop #map_content1_shop p,
.container_contents #content1_shop #map_content1_shop2 p{
  text-align:center;
  margin-top:25px;
}

.container_contents #content1_shop ul#list_access_contents1_shop{
  border-top:#c8c8c8 solid 1px;
  border-bottom:#c8c8c8 solid 1px;
  overflow:hidden;
  width:640px;
  margin:0 0 0 5px;
}

.container_contents #content1_shop ul#list_access_contents1_shop li{
  padding:18px 0 25px;
}

.container_contents #content1_shop ul#list_access_contents1_shop li:first-child{
  background:url(../umeda/img/line_contents1_shop.gif) repeat-x 0 bottom;
}

.container_contents #content1_shop ul#list_access_contents1_shop li dl{
  padding-top:16px;
}

.container_contents #content1_shop ul#list_access_contents1_shop li dl dt{
  font-weight:bold;
  padding-bottom:8px;
}
#content1_shop h3{
  margin-bottom:20px;
}

/* content2_shop
----------------------------------------------------*/
/*.container_contents #content2_shop p{
  float:left;
}

.container_contents #content2_shop p:nth-child(2){
  padding:20px 58px 45px 75px;
}

.container_contents #content2_shop p:nth-child(3){
  padding-top:40px;
}
*/
/* content3_shop
----------------------------------------------------*/
/*.container_contents #content3_shop p{
  float:left;
}

.container_contents #content3_shop p:nth-child(2){
  padding:20px 58px 45px 75px;
}

.container_contents #content3_shop p:nth-child(3){
  padding-top:40px;
}
*/
#shoplist {
  margin-top:40px;
}

#shoplist li {
  float: left;
  margin:0 20px 20px 0; 
}

.comment{
  width:620px;
  padding:20px 20px;
  overflow:hidden;
}
.comment img{
  width:146px;
  float:right;
}

.comment p{
  width:454px;
  float:left;
  padding-right:20px;
}

.container_contents .contents .list2_com{
  width:640px;
}
.container_contents .contents .list2_com ul{
  float:right;
  width:400px;
  padding:10px;
  margin-left:10px;
  border:1px solid #E9E9E9;
  border-radius: 0  0 5px 5px;
}
.container_contents .contents .list2_com img{
  float:left;
  width:200px;
}
.container_contents .contents .list2_com img+img{
  width:422px;
  overflow:hidden;
  float:right;
}

.container_contents .contents .list2_com ul li{
  overflow:hidden;
  padding:5px 12px 5px 15px;
  width:372px;
  margin:5px 0;
}

.container_contents .contents .list2_com ul li:nth-child(2n+1){
  background:#f7f7f7;
  border-radius:5px;
}

.container_contents .contents .list2_com ul dl dt,
.container_contents .contents .list2_com ul dl dd{
  float:left;
}

.container_contents .contents .list2_com ul dl dt{
  min-width:120px;
  font-weight:bold;
}

.container_contents .contents .list2_com ul dl dt span{
  padding-left:20px;
  background:url(../img/common/ico_circle_com.png) no-repeat 0 0;
}

.content .regionlist{
  margin:30px 0;
}

.content .regionlist ul{
  width:618px;
  overflow:hidden;
  border:1px solid #E9E9E9;
  border-radius: 0  0 5px 5px;
  padding:5px 10px;
}
.content .regionlist ul li{
  float:left;
}

.content .regionlist ul li+li{
  margin-left:2px;
}

.content .skilist,
.content .skilist2 {
  overflow:hidden;
  margin-bottom:30px;
}

.content .skilist2 {
  margin:0 110px 30px;
}

.content .skilist li,
.content .skilist2 li{
  float:left;
  width:200px;
  display:block;
}

.content .skilist li+li,
.content .skilist2 li+li{
  margin-left:20px;
}

.mbf15{
  margin-bottom:15px;
  font-size:18px;
  font-weight:bold;
}

.customervoice{
  width: 660px;
  margin: 0 0 0 -10px;
}

.customervoice2{
  width: 850px;
  margin-left:18px;
  margin:0 0 50px 42px;
}

.customervoice dl,
.customervoice2 dl{
  width: 145px;
  height:206px;
  margin: 0 10px 10px;
  overflow:hidden;
  float:left;
}

.customervoice dt,
.customervoice2 dt{
  box-sizing: border-box;
  width: 145px;
  padding: 8px 8px 21px;
  background:url(../img/common/bg_contents_img_voice.png) no-repeat;
  background-size:100% 100%;
  overflow: hidden;
}

.customervoice dt img,
.customervoice2 dt img{
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  width: auto\9;  
}

.customervoice dd,
.customervoice2 dd{
  overflow: hidden;
  height: 36px;
  /*margin:0 20px 20px 0;*/
  padding: 0 5px;
}

.topicsbox{
  width:598px;
  overflow:hidden;
  border:1px solid #E9E9E9;
  border-radius: 0  0 5px 5px;
  padding:20px 20px 10px 20px;
}

.topicslist li{
  padding:12px 10px;
  font-size:14px;
}

.topicslist img{
  padding-right:25px;
}

.topicslist span{
  padding-right:30px;
}

.topicslist li:nth-child(odd){
  background:#f7f7f7;
  border-radius:5px;
}

.topicscategory p{
  margin:20px 0 10px;
}

.topicscategory ul{
  margin-right:-20px;
}

.topicscategory li{
  float:left;
  padding-right:18px;
}

.shoptelbnr{
  padding-left: 5px;
  width: 645px;
  margin-top:20px;
}

/* ここまで店舗詳細ページ */

/*お客様の声*/
.conte_voice_tit,
.conte_voice_tit2{
    padding: 10px 0 0px 43px !important;
    background: url(../img/common/voice_tit_01.png) no-repeat left top;
    width: 640px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.conte_voice_tit2{
    background: url(../img/common/voice_tit_02.png) no-repeat left top;
    width: 910px;
    text-align:left;
}

/*スペシャルコンテンツ修正*/
.main2{
  width:970px;
  height:174px;
  left:50%;
  margin-left:-485px;
  text-align:center;
  background:url(../img/common/line_main_com.gif) repeat-x center 496px;
  position:relative;
}

.main2 .main_contents{
  width:970px;
  margin:0 auto;
  text-align:left;
  position:absolute;
}

.main2 .main_contents h2{
  margin-top:18px;
}

.container_contents .sidebar1_com #side1-12_com li {
  padding: 0 0 0 23px;
  background:url(../img/common/ico_circle_com2.png) no-repeat left center;
}

.mokuji li,
.article{
  font-size:15px;
  line-height:2.0em;
}

.article h4{
  font-size:22px;
  text-align:center;
  color:#000;
  width: 620px;
  height: 42px;
  padding-bottom:10px;
  background:url(../region/img/common/sp_tit_bg.jpg) repeat-x bottom;
  border-radius:0;
  margin:30px 0 20px;
}


.container_contents .contents .content h3{
  padding:0px;
}

.article{
  width:640px;
  text-align:left;
  overflow:hidden;
}

.article h3{
  margin-top:10px;
}

.article img{
  padding-bottom:20px;
  display:block;
  margin:0 auto;
}

.article .rightbtn{
  display:block;
  margin:20px 0px 10px auto;
}

.article a:hover img{
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.article ol {
  margin: 0 0 20px -10px;
  padding:0 12px;
}

.article ol li{
  list-style: none;
  float:left;
  margin:0 0 0 18px;
}

.article ol li+li{
  background:url(../ball/img/img/sp01_beaf_02.png) no-repeat left center;
  padding-left:18px;
}

.article ol li img{
  padding-left:18px;
}

.article div:nth-child(even) img,
.article div:nth-child(even) p,
.article div p.leftimg,
.article div p.rightimg,
.article div img.leftimg,
.article div img.rightimg,
.article div img,
.article div p{
  float:none;
}

.article p,
.article div p,
.spcontentsmb20,
.spcontentsmb40{
  width:640px;
}

.article p+p{
  margin-top:15px;
}

.blackbox{
  width:580px !important;
  overflow:hidden;
  background:#000;
  font-weight:bold;
  color:#fff;
  padding:15px 0;
  margin:0 0 20px 35px;
  text-align:center;
}
.mbpull20{
  margin-bottom:-30px;
}

.contents .article .h5font{
  font-size:18px;
  font-weight:700;
  margin:15px 0 10px;
}

.contents .article .mb15{
  margin-bottom:15px;
}

.appeal{
  overflow:hidden;
  width:640px;
  margin:0 0 0 5px;
  border-bottom: #c8c8c8 solid 1px;
}

.appeal h2{
  margin:40px 0 30px;
}

.appeal li{
  background:url(../umeda/img/line_contents1_shop.gif) repeat-x 0 bottom;
  padding-bottom:18px;
  margin-bottom:25px;
  list-style:none;
}

ol li{
  list-style:none;
}

.appeal li img{
  display:block;
  padding-bottom:16px;
}

.appeal li.bgnon{
  background:none;
  padding-bottom:0px;
}

/*キャンペーン人数の残りテキスト*/
.container_contents .contents  .txt_campaign_contents_tit h3{
    width:860px;
    margin:0 auto;
    padding:20px 0 0 !important;
}


.txt_large_campaign_com,
.txt_large_campaign_com2{
  width:858px;
  border:solid #dedede 1px;
  margin:0 auto;
  padding:20px 0;
  overflow:hidden;
}

.txt_large_campaign_com2{
  width:638px;
  margin-left:0px;
}

.txt_large_campaign_com dl,
.txt_large_campaign_com2 dl{
  width:200px;
  float:left;
  padding:0 60px 0 199px;
}

.txt_large_campaign_com2 dl{
  width:150px;
  padding:0 60px 0 139px;
}

.txt_large_campaign_com dl.pdr0,
.txt_large_campaign_com2 dl.pdr0{
  padding:0 199px 10px 0;
}

.txt_large_campaign_com2 dl.pdr0{
  padding:0 139px 10px 0;
}

.txt_large_campaign_com dl dd,
.txt_large_campaign_com2 dl dd{
  background:url(../img/common/bg_campaigntxt.png) no-repeat left top;
  overflow:hidden;
  font-size:70px;
  font-weight:bold;
  text-align: center;
  padding-right: 18px;
  line-height: 83px;
  color:#c70000;
}

.txt_large_campaign_com2 dl dd{
  background:url(../campaign/img/bg_campaigntxt1.png) no-repeat left top;
  padding-right: 30px;
}

.txt_large_campaign_com p,
.txt_large_campaign_com2 p{
  text-align:center;
  font-size:14px;
  font-weight:600;
}

.txt_large_campaign_com2 p{
  font-size:13px;
}
