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

@import url('https://use.fontawesome.com/releases/v5.0.9/css/all.css');

/* header 
-------------------------------------------------------*/

header {
	padding:0.2rem 0 0;
	}

header h1 img {
	width: 120px;
	}
	
h2 {
	background-color:#a1b1c9;
	font-weight:bold;
	color: #ffffff;
	margin-top: 3.5rem;
	font-size:1.5rem;
	text-align:center;
}


h3 {
	font-size:1.5em;
	background:rgba(0,102,85,1);
	color:#fff;
	text-align:center;
	margin-bottom:1.5em;
	}
	
h3.fh {
	font-size:1.5em;
	background:#ea5f00;
	color:#fff;
	text-align:center;
	}


	
.cap {
	font-weight:bold;
	color:#cc0000;
	}
	
.font_bgr {
	font-weight:bold;
	color:#003300;
	}

/*　menu
-------------------------------------------------------*/
.menu {
width: 100%;


}


.menu ul {
	padding: 1rem 0.5rem;
	color: rgba(0,116,64,1);
	font-weight: bold;
	text-align: center;
}

.menu ul li {
	font-size: 0.9rem;
}

.menu ul li a {
	text-align: center;
	background: #fff;
	border: 1px solid rgba(0,116,64,1);
	padding: 1rem 0.5rem;
	display: block;
	color: rgba(0,116,64,1);
	text-decoration: none;
}

.menu ul li a:hover {
	background:rgba(0,116,64,0.5);
	color: rgba(255,255,255,1);
}


.menu ul li a:after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	padding-left:0.5rem;
}


/*　ラインナップ
-------------------------------------------------------*/	

#tenpo section {
	padding:1em 0.3em 1em 0.4em;
	text-align:left;
	border-bottom:1px solid #ccc;
	}
	
.sp-img {
	width:40%;
}

.sp-p {
	width:58%;
	text-align:left;
	}
	
.sp-cap {
	font-size:0.8rem;
	display:inline-block;
	padding-right:5px;
	}
	
.sp-area {
	font-size:1.1rem;
	color:#fff;
	background:#3b3d3c;
	padding:0.1rem 0.5rem;
	text-align:left;
	margin-top:1rem;
	}

.sp-area1 {
	color:#3b3d3c;
	font-size:1.1rem;
	background:#e9edeb;
	padding:0.2rem 0.2rem;
	text-align:left;
	}
	
.sp-name a{
	display:block;
	font-size:1.1rem;
	font-weight:bold;
	text-align:left;
	color:#3b3d3c;
	}
	
.sp-name a:after {
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	padding-left:1em;
}

.sp-p dl:after { 
	content: ""; 
	display: table; 
	clear: both; 
}
	
.sp-p dt {
	padding:0.3em 1em;
	background:rgba(0,102,85,0.2);
	border:1px solid rgba(0,102,85,0.3);
	/*color:#fff;*/
	font-size:0.8em;
	/*font-weight:bold;*/
	margin-bottom:0.5em;
	}

.sp-p dt.carNav {
	width:6em;
	}	
	
.sp-p dd {
	padding:0.3em 0;
	text-align:left;
	list-style-type: square;
	list-style-position: inside;
	}
	
	
.tel a{
	font-weight: bold;
	font-family: 'PT Serif', serif;
	font-size:1.5em;
	color:#007440;
	}
	
.access,
.tel,
.time{	
	padding:2.5px 0;
	}
	
.access:before,
.tel:before,
.time:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;	
	padding-right:10px;
	color:#007440;
	}
.access:before {
	content: "\f239";
	}
.time:before {
	content: "\f017";
	}

.tel:before {
	content: "\f095";
	}

.entry {
	width:49%;
	font-weight:bold;
	text-align:center;
	}
	
.entry a{
	display:block;
	padding:0.5rem;
	background:rgba(0,116,64,1);
	color:#fff;
	border-radius: 20px;
	}
	
.entry a:hover{
	background:rgba(4,38,23,1);
	color:rgba(255,255,255,1);
	}
	
.entry a:after {
	font-weight: 900;
	padding-right:10px;
	padding-left:10px;
	}
	
.bj-icon {
	padding: 0.4em;
	line-height: 1em;
	background-color: #E6E6E6;
	font-size:0.8em;
	margin-bottom:0.5em;
	}

.bj-icon.ph {
	background:#00593B;
	color:#fff;
	}
	
.bj-icon.cafe {
	background:#8c6d48;
	color: #FFFFFF;
	}
	
.bj-icon.model {
	background: #ed7e79;
	color:#fff;
	}
	
	
.bj-icon.kd {
	background: #333;
	color:#fff;
	}


nav{
text-align: center;
}
nav ul{
margin: 30px auto 0;
padding: 0 ;
}
nav li{
list-style: none;
display: inline-block;
/*width: 10%;*/
min-width: 90px;
padding: 0 20px ;	
}
nav li:not(:last-child){
border-right:2px solid #ddd;
}
nav a{
text-decoration: none;
color: #333;
}
nav a.current{
color: #00B0F0;
border-bottom:2px solid #00B0F0;
}
nav a:hover{
color:#00B0F0;
border-bottom:2px solid #00B0F0;
}

	
#back-top {
		position:fixed;
		bottom: 20px;
		right: 20px;
	}

#back-top a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	}

.box {
    position: relative;
    margin:  0;
    padding: 25px 10px 7px;
    border: solid 1px #fd3a69;
}
.box .box-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -1px;
    padding: 1px 9px;
    height: 25px;
    line-height: 25px;
    background: #fd3a69;
    color: #ffffff;
    font-weight: bold;
}
.box p {
    margin: 0; 
    padding: 0;
}



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

	
.menu ul li a {
	font-size:1.2em;	
	}
	
.sp-name a{
	font-size:1.2rem;
	}
	
.entry {
	font-size:0.9rem;
	}

	
	
}


	
/* footer
-------------------------------------------------------*/
	
footer {
	margin:1em auto 1em;
	}


/*1024px*/
@media screen and (min-width : 1024px) {
	
.menu ul li {
	font-size: 0.8rem;
	margin-right: 0.5rem;
}
	
.menu ul li a {
	padding: 0.5rem 0.5rem;
}

.sp-area {
	margin-top:2rem;
	padding:0.3rem 1rem;
	}
	
.sp-area1 {
	padding:0.2rem 0.5rem;
	}
	
#tenpo section {
	margin-top: 0.5rem;
	padding:1rem;
/*	background:rgba(206,206,206,0.4);*/
	border: 1px solid rgba(206,206,206,1);
	}
	
	
}