@charset "utf-8";
/* CSS Document */


#contents{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 80px;
    }



/*-----------------------------------------------------SC*/
#SC{}
#SC ul{display:flex;justify-content:space-between;width:900px;margin:0 auto;position: relative;}
#SC li{font-size:18px;text-align:center;flex:1}
#SC li + li{border-left:1px solid #e8e0c8}
#SC li a{color:#bda662;text-decoration:none}
#SC li a:after{content:"\f107";font-family:FontAwesome;display:block;text-align:center;line-height:1;margin-top:-2px}
#SC li a:hover{color:#999}

/*-----------------------------------------------------Inner*/
#shop{width:980px;margin:0 auto;margin-top: -40px;}
#shop .attention {text-align: center;}
#shop .attention p{border: 2px solid #e03f3f;color: #e03f3f;display: inline-block;font-size: 16px;padding: 22px;margin-top: 25px; width: 80%;}
#shop .attention p a{color: #e03f3f;font-size: 16px;}

#shop .attention_left {border: 2px solid #e03f3f;color: #e03f3f;display: inline-block;font-size: 16px;padding: 22px;margin-top: 100px!important;width: 95%;text-align: center;padding-top: 0!important;margin: 0 auto;}
#shop .attention_left h2{font-size: 20px;padding-top: 15px;padding-bottom: 15px;}
#shop .attention_left p{
    text-align: left;
    padding: 0 30px;
}
#shop .attention_left strong{}
#shop .attention_left span{}
#shop .attention_left p a{color: #e03f3f;font-size: 16px;}



#shop .Entry{padding-top: 90px;margin-top: 0px;}
#shop .Entry + .Entry{}
#shop .Entry .title{text-align:center;margin-bottom: 25px;}
#shop .Entry .title dt{font-size:32px;padding-bottom: 10px;display: flex;justify-content: center;align-items: center;}
#shop .Entry .title dt:before,
#shop .Entry .title dt:after{content:"";width: 50px;height: 2px;margin: 0 10px;border-bottom: 2px solid #5f5f5f;}
#shop .Entry .title dd{font-size:16px}
#shop .Entry .title .shopnews_lower{border: 2px solid #e03f3f;color: #e03f3f;display: inline-block;font-size: 16px;padding: 4px 20px;margin-top: 25px;}
#shop .Entry .shisaku{
	text-align: center;
	border: 2px solid #bda661;
	margin: 0 auto;
	margin-bottom: 25px;
	padding: 7px;
	border-radius: 3px;
}
#shop .Entry .shisaku a{font-size: 15px;font-weight: bold;}
#shop .Entry .photo{margin-bottom: 20px;}
#shop .Entry .detail{display:flex;flex-wrap:wrap;justify-content:space-between}
#shop .Entry .detail .box{width:48%}
#shop .Entry .detail .box dl{display:flex;}
#shop .Entry .detail .box dl + dl{border-top:1px solid #ccc;margin-top:12px;padding-top:12px}
#shop .Entry .detail .box dt{width:12em;background-color: #e5e5e5;display: flex;justify-content: center;align-items: center;padding: 4px;}
#shop .Entry .detail .box dd{flex:1;padding-left: 10px;align-self: center;}
#shop .Entry .detail .box dd span{display:block}
#shop .Entry .detail .box dd ul{}
#shop .Entry .detail .box dd ul.route{}
#shop .Entry .detail .box dd li{padding-top:5px}
#shop .Entry .detail .box dd ul.route li{padding-left:16px}
#shop .Entry .detail .box dd ul.route li:before{content:"\f192";display:block;float:left;margin-left:-16px;width:1em;text-align:center;font-family:FontAwesome;padding-top:1px}
#shop .Entry .detail .box dd li a{pointer-events:none;text-decoration:none;color:#333;font-weight:700;display:inline-block;padding-left:5px;font-size:15px}
#shop .Entry .detail .box .btn{width:150px;margin-top:15px; display: flex;}
#shop .Entry .detail .box .btn a{background-color:#bda662;color:#fff;border-radius:50px;font-size:14px;padding:10px;border:2px solid #bda662;width: 120px;display: block;text-decoration: none;text-align: center;position: relative;}
#shop .Entry .detail .box .btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}
#shop .Entry .detail .box .btn .second{margin-left: 20px;}
#shop .Entry .detail .box .btn a:hover{color:#bda662;background-color:#fff}
#shop .Entry .detail .box.map{}
#shop .Entry .detail .box.map iframe{width:100%;height:300px}

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

#contents{

width: 100%;

}
#SC{margin-bottom: 40px;}
#SC ul{
    width: 100%;
}
#SC li{
    font-size: 14px;
    flex: auto;
}
#SC li + li{}
#SC li a{}
#SC li a:after{}
#SC li a:hover{}
#shop .attention {}
#shop .attention p{
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#shop{
    width: 90%;
    margin-top: 0;
}
#shop .Entry{
    padding-top: 0;
}
#shop .Entry + .Entry{margin-top: 30px;padding-top: 20px;}
#shop .Entry .title{
    margin-bottom: 20px;
}
#shop .Entry .title dt{
    font-size: 19px;
}
#shop .Entry .title dd{
    font-size: 3.5vw;
}
#shop .Entry .photo{
    margin-bottom: 10px;
}
#shop .Entry .detail{
    display: block;
}
#shop .Entry .detail .box{
    width: 100%;
}
#shop .Entry .detail .box dl{
}
#shop .Entry .detail .box dl + dl{}
#shop .Entry .detail .box dt{width:7em;}
#shop .Entry .detail .box dd{
}
#shop .Entry .detail .box dd span{}
#shop .Entry .detail .box dd ul{}
#shop .Entry .detail .box dd ul.route{}
#shop .Entry .detail .box dd li{}
#shop .Entry .detail .box dd ul.route li{}
#shop .Entry .detail .box dd ul.route li:before{}
#shop .Entry .detail .box dd li a{
    pointer-events: inherit;
    text-decoration: underline;
}
#shop .Entry .detail .box .btn{}
#shop .Entry .detail .box .btn a{
    padding: 5px;
}
#shop .Entry .detail .box .btn a:after{}
#shop .Entry .detail .box .btn a:hover{}
#shop .Entry .detail .box.map{
    margin-top: 25px;
}
#shop .Entry .detail .box.map iframe{
    height: 140px;
}
    
#shop .attention_left {font-size: 14px;width: 100%;box-sizing: border-box;padding: 10px;margin-top: 25px!important;}
#shop .attention_left h2{
    padding-bottom: 0;
}
#shop .attention_left p{
    padding: 10px;
}
#shop .attention_left strong{}
#shop .attention_left span{}
#shop .attention_left p a{}


}