/***********************************************/
/*  共通  */
/***********************************************/

* 
{
    margin:0;
    padding:0;
}

body 
{
    
    font-size: 62.5%;
}

ul{
	list-style:none;
}

li{
	list-style-image:none;!important
}

#contents h2 
{
    background:none;
    color:#000;
    margin:0;
    padding:0;
    float:none;
    border:none;
    text-align:left;
}

#contents h2 img
{
    width:auto;
    background:none;
    margin:0;
    padding:0;
    position:relative;
    top:0;
    left:0;
}


/***********************************************/
/*  contents  */
/***********************************************/
#contents
{
    position:relative;
    width:950px;
    box-sizing:border-box;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background:url(../image/bg.png) 0 0 repeat;
}

#contents *
{
    box-sizing:border-box;
}

/***********************************************/
/*  contents-header  */
/***********************************************/
#contents-header {
    position:relative;
    width:100%;
    height:480px;
    background:url(../image/headerBg.png) 0 0 no-repeat;
}

p.chubuLabel {
    width:100%;
    margin-bottom:80px;
    padding:5px 0;
    background-color:#551900;
    text-align:center;
    color:#FFF;
    font-size:1.8em;
}

#contents-header h2 {
    display: block;
    width: 294px!important;
    height: 83px;
    margin: 0 auto 30px;
    background: url(../image/mainTitle.png) 0 0 no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

p.headerLead {
    text-align:center;
    font-size:1.6em;
    line-height:1.4em;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.nav {
    position:absolute;
    bottom:0;
    width:100%;
    padding:20px 0 10px;
    background-color:rgba(0,0,0,0.6);
}

.nav ul {
    width:600px;
    margin:0 auto;
    letter-spacing: -.40em;
}

.nav ul li {
    width:190px;
    margin-right:15px;
    display:inline-block;
}

.nav ul li:last-child {
    margin-right:0;
}

.nav ul li a {
    display:block;
    width:190px;
    height:50px;
    line-height:38px;
    background:url(../image/navBg.png) 0 0 no-repeat;
    text-align:center;
    color:#FFF;
    font-size:1.6em;
    font-weight:bold;
    text-decoration:none;
    letter-spacing: 0;
}

.nav ul li a:hover {
    background:url(../image/navOnBg.png) 0 0 no-repeat;
}

.nav ul li a.dateLink:hover {
    color:#B6007A;
}

.nav ul li a.familyLink:hover {
    color:#DD6A08;
}

.nav ul li a.moaiLink:hover {
    color:#551900;
}

 

/***********************************************/
/*  contentsInner  */
/***********************************************/
#contentsInner{
    width:100%;
    padding:50px 0 0;
}

.InnerArea {
    width:100%;
    margin-bottom:50px;
}

.InnerArea h3 {
    width:100%;
    margin-bottom:50px;
    text-align:center;
}

#contentsInner ul.shopList {
    width:100%;
    overflow:hidden;
}

#contentsInner ul.shopList>li {
    width:50%;
    min-height:424px;
    float:left;
    padding:45px;
    background:url(../image/dots-bottom.png) bottom left repeat-x;
}

#contentsInner ul.shopList>li:nth-child(odd) {
    background:url(../image/dots-bottom.png) bottom left repeat-x,url(../image/dots-right.png) top right repeat-y;
}

#contentsInner ul.shopList>li.noBorder {
    background:url(../image/dots-right.png) top right repeat-y;
}

#contentsInner ul.shopList>li.noBorder2 {
    background:none;
}


.imgArea,
.imgArea img {
    width:100%;
}

.imgArea {
    margin-bottom:10px;
}

.shopLead {
    width:100%;
    font-size:1.4em;
    margin-bottom:5px;
    color:#392700;
    font-weight:bold;
}

.shopDetail {
    min-height:80px;
    font-size:1.4em;
    line-height:1.2em;
    margin-bottom:10px;
}

.shopInfo {
    width:100%;
    position:relative;
}

.shopInfo h4 {
    width:100%;
    float:left;
    margin-bottom:15px;
    font-size:1.6em;
    color:#392700;
}

.shopAccessArea {
    display:block;
    position:relative;
    width:45%;
    float:right;
    margin-left:5px
}

.shopAccessArea a {
    display:block;
    width:100%;
    text-align:center;
    color:#392700;
}

.shopAccessArea a.telLink{
    font-size: 1.7em;
    margin-bottom:10px;
    font-weight:bold;
}

.shopAccessArea a.telLink i:before {
    margin-right:5px;
}

.shopAccessArea a.pageLink {
    display:block;
    width:100%;
    background-color:#392700;
    color:#FFF;
    text-decoration:none;
    padding:5px 0;
    font-size:1.6em;
}

.shopAccessArea a.pageLink i:before {
    margin-left:5px;
}

ul.shopInfoList {
    width:50%;
    float:left;
    min-height:110px;
    font-size:1.1em;
}

/***********************************************/
/*  footer 部分 全レイアウト共通 No Touch!  */
/***********************************************/


.tools_btn_R a
{
    display:block;
    width:30px;
    height:30px;
}

.tools_btn 
{
    position:relative;
    bottom:inherit;
    right:inherit;
}

#footer 
{
    min-width:950px;
}

.tools_btn .tools_btn_R a
{
    text-indent:0%;
}

.tools_btn_L,
.tools_btn_R
{
    width:40px;
    height:auto;
}

.tools_btn_L 
{
    margin-right:10px;   
}

.tools_btn_R 
{
    
    margin-left:0%;   
}

.tools_btn_L a, .tools_btn_R a 
{
    width:40px;
    height:auto;
    text-indent:0%;
}

.tools_btn_L a img, .tools_btn_R a img
{
    width:100%;
}

.shareLine 
{
    display:none;
}

#pc_share_outer 
{
    width:950px;
    margin:0 auto;
}


#footer_L a.sp_footer_info,
#footer_L a.sp_footer_top
{
    display:none;
}

.sp_footer-nav
{
    display:none;
}

.footerLink 
{
    display:none;
}



/***********************************************/
/*  pageTop  */
/***********************************************/
    


a.topLink 
{
    width:80px;
    height:80px;
    line-height:80px;
    color:#FFF;
    display:block;
    position: fixed;
    bottom: 17%;
    margin-left:875px;
    padding: 0;
    font-size: 12px;
    text-align:center;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index:1000;
    text-decoration:none;
    background:url(../image/top.png) 0 0 no-repeat;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}


/***********************************************/
/*  clearfix  */  
/***********************************************/
.cf:after {
  content: "";
  clear: both;
  display: block;
}


/***********************************************/
/*  スマートフォン  */  
/***********************************************/


@media screen and (max-width: 768px)
{

/***********************************************/
/*  contents  */
/***********************************************/
#contents
{
    position:relative;
    width:100%;
    box-sizing:border-box;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background:url(../image/bg.png) 0 0 repeat;
}

#contents *
{
    box-sizing:border-box;
}

/***********************************************/
/*  contents-header  */
/***********************************************/
#contents-header {
    position:relative;
    width:100%;
    height:auto;
    background:none;
}

p.chubuLabel {
    width:100%;
    margin-bottom:0;
    padding:5px 0;
    background-color:#551900;
    text-align:center;
    color:#FFF;
    font-size:1.8em;
}

#contents-header h2 {
    display:block;
    width:100%;
    height:0;
    margin:0 auto 30px;
    padding-bottom:33%;
    background:url(../image/headerBgImgSp.png) 0 0 no-repeat;
    background-size:contain;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

p.headerLead {
    width:90%;
    margin:0 auto 40px;
}

.nav {
    position:relative;
    bottom:auto;
    width:100%;
    padding:0;
    background-color:transparent;
}

.nav ul {
    width:84%;
    margin:0 auto;
    letter-spacing: -.40em;
}

.nav ul li {
    width:26%;
    margin-right:11%;
    display:inline-block;
}

.nav ul li:last-child {
    margin-right:0;
}

.nav ul li a {
    display:block;
    width:100%;
    height:0;
    padding-bottom:134%;
    background:none;
    text-align:left;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

.nav ul li a:hover {
    background:inherit;
}

.nav ul li a.dateLink {
    background:url(../image/dateNavSp.png) 0 0 no-repeat;
    background-size:contain;
}


.nav ul li a.familyLink {
    background:url(../image/familyNavSp.png) 0 0 no-repeat;
    background-size:contain;
}

.nav ul li a.moaiLink {
    background:url(../image/moaiNavSp.png) 0 0 no-repeat;
    background-size:contain;
}

 

/***********************************************/
/*  contentsInner  */
/***********************************************/
#contentsInner{
    width:100%;
    padding:50px 0 40px;
}

#contentsInner ul.shopList {
    margin:0 auto;
    overflow:hidden;

}

#contentsInner ul.shopList>li {
    width:100%;
    min-height:auto;
    float:none;
    padding:50px 0;
    background:url(../image/dots-bottom.png) bottom left repeat-x;
}

#contentsInner ul.shopList>li:nth-child(odd) {
    background:url(../image/dots-bottom.png) bottom left repeat-x;
}

#contentsInner ul.shopList>li.noBorder {
    background:url(../image/dots-bottom.png) bottom left repeat-x;
}

#contentsInner ul.shopList>li.noBorder2 {
    background:none;
}


.imgArea,
.imgArea img {
    width:100%;
}

.imgArea {
    margin-bottom:10px;
}

.shopLead {
    width:100%;
    font-size:1.4em;
    margin-bottom:5px;
    color:#392700;
    font-weight:bold;
}

.shopDetail {
    min-height:80px;
    font-size:1.4em;
    line-height:1.2em;
    margin-bottom:10px;
}

.shopInfo {
    width:100%;
    position:relative;
}

.shopInfo h4 {
    margin-bottom:15px;
    font-size:1.6em;
    color:#392700;
}

.shopAccessArea {
    display:block;
    position:relative;
    width:100%;
    float:none;
    clear:both;
    margin-left:5px
}

.shopAccessArea a {
    display:block;
    width:100%;
    text-align:center;
}

.shopAccessArea a.telLink{
    font-size:2.4em;
    margin-bottom:10px;
    font-weight:bold;
    color:#FFF;
    background-color:#392700;
    text-decoration:none;
    padding:10px 0;
}

.shopAccessArea a.telLink:before{
    display:block;
    content:"電話する";
    font-size:0.6em;
}

.shopAccessArea a.telLink i:before {
    margin-right:5px;
}

.shopAccessArea a.pageLink {
    display:block;
    width:100%;
    background-color:#FFF;
    color:#392700;
    text-decoration:none;
    padding:5px 0;
    font-size:1.6em;
    border-bottom:2px solid #bababa;
}

.shopAccessArea a.pageLink i:before {
    margin-left:5px;
}

ul.shopInfoList {
    min-height:110px;
    font-size:1.4em;
    margin-bottom:10px;
}

/***********************************************/
/*  pageTop  */
/***********************************************/
a.topLink 
{
    width:80px;
    height:80px;
    line-height:80px;
    color:#FFF;
    display:block;
    position: fixed;
    right:2%;
    bottom: 17%;
    margin-left:0;
    padding: 0;
    font-size: 12px;
    text-align:center;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index:1000;
    text-decoration:none;
    background:url(../image/top.png) 0 0 no-repeat;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

/***********************************************/
/*  footer 部分 全レイアウト共通 No Touch!  */
/***********************************************/
#footer {
    min-width: 100%;
}

.footerLink,
.shareLine {
    display: block;
}

.footerLink 
{
    font-size:1.4em;
}

.footerLink ul li p {
    overflow: hidden;
    padding: 10% 0 10% 26%;
    font-size: 1.1em;
}
#footer_inner{
    background-color: #481F00;
    padding: 3% 0;
}

#footer_L
{
    width:100%;
    padding-bottom:3%;
}

#footer_L a 
{
    display:none;
    font-size:1.2em;
}

#footer_L a.sp_footer_info
{
    width:auto;
    float:left;
    display:block;
    line-height:14px;
    margin-left:5%;
    vertical-align: baseline;
}

#footer_L a.sp_footer_top 
{
    width:auto;
    float:right;
    margin:0 5% 0 0;
    display:block;
    line-height:14px;
    vertical-align: baseline;
}

#footer_R
{
    width:100%;
    clear:both;
    text-align:center;
    background-color:#B3ADA0;
}



}

@media screen and (max-width: 480px)
{
    

}