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

@media only screen and (max-width:720px) {
/* スマートフォン用のスタイル記述 */
body {font-size:14px;}
.pc { display: none;}
.phone { display: block;}
img, object, embed {
	max-width: 100%;
	height: auto;
}
body {
	background:url(../img/bg_sp.png) no-repeat center top;
	background-size:cover;
}

/* ============================================
	header
============================================ */
#header {
	margin: 0 20px 20px;
    padding: 15px 0 0;
}
#header h1 {
	margin: 0 0 20px; 
}

ul.menu {
	overflow:hidden;
}
		ul.menu li {
        background: #333333;
        overflow: hidden;
        margin: 0 0 10px;
	}
	ul.menu li a {
		display: block;
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
        font-size: 115%;
        padding: 10px;
	}
    ul.menu li a span {
        font-size: 70%;
    }
    ul.menu li a:after {
        content: '';
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url(../img/ico_arrow2.png);
        background-size: contain;
        vertical-align: middle;
        float: right;
    }
		
/* ============================================
	wrapper
============================================ */
#wrapper {
	margin:0 20px;
	overflow:auto;
}

h2.main_ttl {
    font-weight: bold;
    text-align: center;
    font-size: 130%;
    margin-bottom: 15px;
    line-height: 100%;
	clear:both;
}

#map-canvas,
#map-canvas2 {
	width:100%;
	height:280px;
	margin-bottom:20px;
}

.left_box {
	margin-bottom: 0;
}
	.left_box img {
		width:100%;
		margin-bottom:10px;
	}
#wadamisaki_box {
	background:none;
}
#nagata_box {
	background:none;
}
.right_box {
	margin-bottom:30px;
}
	.right_box .info {
		font-size:100%;
		margin-bottom:15px;
	}
	.right_box .info h3 {
		font-weight: bold;
		margin-bottom: 3px;
	}
	.right_box .info p {
		font-weight:bold;
		font-size:150%;
        line-height: 140%;
	}
	.right_box .info p span {
	    margin-top: 3px;
		display: block;
	}
	.right_box .info span.fSS {
		font-size:65%;
	}
	.right_box .info table {
		font-weight:bold;
	}
	.right_box .info table td {
		font-size: 150%;
   		padding: 3px;
	}
	.right_box .info table th {
		padding-right: 10px;
		font-weight: bold;
		vertical-align: middle;
	}
	
	.right_box table.address {
		margin-bottom:25px;
	}
	.right_box table.address th {
		font-weight:bold;
		padding-right:10px;
		width:60px;
		vertical-align:top;
	}

.link_map {
	background:#333;
	background: #333;
    padding: 5px 0 5px 15px;
	margin-bottom:20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
	.link_map a {
		background: url(../img/ico_arrow.png) no-repeat right 13px top 5px;
		background-size: 15px;
		color: #A6D416;
		text-decoration: none;
		font-weight: bold;
		display: block;
	}
	.link_map a:hover {
		color:#FFF;
	}

h4.ttl_car,
h4.ttl_bike,
h4.ttl_motor,
h4.ttl_bicycle {
    padding-left: 45px;
    font-size: 120%;
    font-weight: bold;
	margin-bottom:5px;
}
h4.ttl_car {background:url(../img/ico_car.png) no-repeat; background-size: 35px;}
h4.ttl_bike {background:url(../img/ico_bike.png) no-repeat; background-size: 35px;}
h4.ttl_motor {background:url(../img/ico_mb.png) no-repeat; background-size: 35px;}
h4.ttl_bicycle {background:url(../img/ico_bicycle.png) no-repeat; background-size: 35px;}

h4.ttl {
	font-size: 120%;
    font-weight: bold;
	margin-bottom:5px;
}
table.price {
	background:#FFF;
	border-top:#93BD13 2px solid;
	width:100%;
	margin-bottom:20px;
}
	table.price th,
	table.price td {
		display:block;
	}
	table.price th {
		font-weight:bold;
		line-height:125%;
		padding:8px 8px 0;
	}
	table.price th span {
		font-size:80%;
	}
	
	table.price td {
		border-bottom:#93BD13 2px solid;
		padding:0 8px 8px;
	}


ul.caution {
	margin-bottom:30px;
}
	ul.caution li {
		background: url(../img/ico_circle.png) no-repeat left 6px;
		background-size: 10px;
		padding-left: 17px;
		padding-bottom:5px
	}
/* ============================================
	footer
============================================ */
div#footer {
	background:#333;
	padding:6px;
	color:#fff;
	text-align:center;
	font-size:80%;
}
/* ============================================
	営業時間変更
============================================ */
.info_change {
    background: #fed6de;
    border: 2px solid #ff0047;
    margin: 0 0 30px;
    padding: 10px;
    color: #ff0047;
    font-weight: bold;
    font-size: 120%;
    line-height: 140%;
}
.info_change h3 {
    margin: 0 0 10px;
}
.info_change p span {
    width: 3.5em;
    display: inline-block;
}
}