@charset "utf-8";
/*	
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
CSS作成ルール
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□

・作成者～最新更新者をファイルを触った場合必ず記載する。

・基本的には「div#要素名 div#子要素名」と記載するようにする。
　「.class」や「#id」などの直接書きは禁止。

*/
/*	
	//作成者：曽我
	//作成日：20160401
	//更新日：20160401
	//最新更新日時：20160401 13:40
	//最新更新者：曽我
*/
/*
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
変更記録
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
20160401　基準CSS作成
*/

/*-----section#shop_info----*/
section#shop_info {
    margin: 0 3% 15% 3%;
    padding: 4% 1%;
    background: #e4e4de;
}
section#shop_info h2#tenpo1 {
    text-align: center;
    padding: 0 0 2.5% 0;
    color: #666666;
    font-size: 1.1em;
    font-weight: normal;
    margin: 4% 0 7% 0;
}
section#shop_info h2#tenpo1 span {
    font-size: 0.6em;
}
section#shop_info div#gmap{
    width: 100%;
}
.gmap iframe, .gmap object, .gmap embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section#shop_info div#address {
    font-size: 0.85em;
    margin: 2% 0 0 0;
    color: #666666;
}
section#shop_info div#address p {
    margin: 7% 7% 0 7%;
    color: #666666;
}
section#shop_info div#address h3 {
    font-size: 0.98em;
    color: #0f364d;
    margin: 7% 0 0 7%;
    font-weight: normal;
}
section#shop_info div#address h3+ul {
    margin: 0 7% 0 7%;
}
section#shop_info div#address h3+ul li {
    font-size: 0.95em;
    margin: 0% 0;
}
section#shop_info div#address h3+ul li a {
    color: #666666;
    text-decoration: none;
    background: url(..//shop/arrow.jpg) no-repeat right center;
    background-size: auto 0.75em;
    padding: 0 5% 0 0;
    font-size: 0.95em;
}
section#shop_info div#address p#right {
    color: #666666;
    font-size: 0.85em;
    text-align: right;
    margin: 4% 7% 0 0;
}
section#shop_info div#address div#thumbs_loop {
    width: 96%;
    padding: 2% 2% 0 2%;
    background: #FFF;
    margin: 6% 0 0% 0;
}
section#shop_info div#address div#thumbs_loop ul li {
    width: 49%;
    float: left;
    margin: 0 0 2% 0;
}
section#shop_info div#address div#thumbs_loop ul li:nth-child(even) {
    float: right;
    margin: 0 0 2% 0;
}
section#shop_info div#address div#thumbs_loop ul li:nth-child(even) :after {
    clear: both;
}

/*-----section#shop_info2----*/
section#shop_info2 {
    margin: 0 3% 15% 3%;
    padding: 4% 1%;
    background: #ebe6fa;
}
section#shop_info2 h2#tenpo2 {
    text-align: center;
    color: #666666;
    font-size: 1.1em;
    font-weight: normal;
    margin: 4% 0 2% 0;
}
section#shop_info2 h3 {
    text-align: center;
    padding: 0 0 2.5% 0;
    color: #666666;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 0 5% 0;%;
}
#gmap{
    width: 100%;
}
.gmap iframe, .gmap object, .gmap embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section#shop_info2 div#address {
    font-size: 0.85em;
    margin: 2% 0 0 0;
    color: #666666;
}
section#shop_info2 div#address p {
    margin: 7% 7% 0 7%;
    color: #666666;
}
section#shop_info2 div#address h4 {
    font-size: 0.98em;
    color: #0f364d;
    margin: 7% 0 0 7%;
    font-weight: normal;
}
section#shop_info2 div#address h4+ul {
    margin: 0 7% 0 7%;
}
section#shop_info2 div#address h4+ul li {
    font-size: 0.95em;
    margin: 0% 0;
}
section#shop_info2 div#address h4+ul li a {
    color: #666666;
    text-decoration: none;
    background: url(../img/shop/arrow.jpg) no-repeat right center;
    background-size: auto 0.75em;
    padding: 0 5% 0 0;
    font-size: 0.95em;
}
section#shop_info2 div#address p#right {
    color: #666666;
    font-size: 0.85em;
    text-align: right;
    margin: 4% 7% 0 0;
}
section#shop_info2 div#address div#thumbs_loop {
    width: 96%;
    padding: 2% 2% 0 2%;
    background: #FFF;
    margin: 6% 0 0% 0;
}
section#shop_info2 div#address div#thumbs_loop ul li {
    width: 49%;
    float: left;
    margin: 0 0 2% 0;
}
section#shop_info2 div#address div#thumbs_loop ul li:nth-child(even) {
    float: right;
    margin: 0 0 2% 0;
}
section#shop_info2 div#address div#thumbs_loop ul li:nth-child(even) :after {
    clear: both;
}