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

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

body{}
/*========================
	mv
=========================*/
#mvIn{
	background:url(../img/mv.jpg) top center no-repeat;
	background-size:cover;
}


/*========================
	アクセス
=========================*/
.section{ margin:0 2% 30px; background:#e7f9ff;}
.section .infoBox{ float:left; width:53%; padding:3% 0;}
.section .infoBox .logo{ margin:0 0 5%; text-align:center; font-size: 18px; font-weight: bold; color:#000;}
.section .infoBox .logo img{ height: 70px; width: auto;}
.section .infoBox .logo span{ display:block; font-size:80%; color:#000; margin:0 0 5px;}
.section .infoBox .logo02{ margin:0 0 5% 0; text-align:center;}
/*tel*/
.section .infoBox .telBox{ color:#000; margin:0 0 40px; text-align:center;}
.section .infoBox .telBox .h{ margin:0 0 10px 0; font-size:18px; line-height:100%;}
.section .infoBox .telBox .tel { font-family: 'Josefin Sans', sans-serif; font-size:50px; font-weight:600; line-height:100%;}
.section .infoBox .telBox .tel span{ display:inline-block;}
.section .infoBox .telBox .tel span > span{ font-family:inherit; font-size:17px; font-weight:bold;}
.section .infoBox .telBox .tel span:after{ content:""; display:block; height:15px; background:#fffeba; margin:-20px 0 0;}
.section .infoBox .telBox .sub{ font-size:15px; line-height:100%;}
/*店舗情報*/
.section table{ max-width:630px; margin:0 auto; color:#000;}
.section table th{ font-weight:bold; width:25%; vertical-align:top;}

.section .ph{ float:right; width:47%;}
.section .ph img{ width:100%;}
/*MAP*/
#mapAccess{ height:500px;margin:0 2%; border:2px solid #000;}
#mapAccess iframe{ border:none}
/*----20200629tuika----*/
#h2Title.accessoniy{
	position: relative;
	max-width: 1248px;
	margin: 0 auto;
}
#h2Title.accessoniy:before{
	background: url("../../cmn/img/logo.png") no-repeat;
	background-size: 259px 70px;
	position: absolute;
	left:0;
	top:50%;
	margin-top: -35px;	
    content: "";
    width: 259px;
    height: 70px;
}


/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
/*========================
	アクセス
=========================*/
.section{ margin:0;}
.section .infoBox{ float:none; width:auto; padding:7% 4%;}
.section .infoBox .logo{ margin:0 0 7%; text-align:center;}
.section .infoBox .logo img{ width:75%;}
.section .infoBox .logo span{}
/*tel*/
.section .infoBox .telBox{ color:#000; margin:0 5% 20px; padding:12px 0; background:#333; color:#fff; border-radius:5px; position:relative;}
.section .infoBox .telBox .h{ margin:0 0 5px 0; font-size:13px;}
.section .infoBox .telBox .tel { font-size:35px;}
.section .infoBox .telBox .tel span:after{ display:none;}
.section .infoBox .telBox .tel span > span{ display:block; font-size:14px; line-height:140%;}
.section .infoBox .telBox .sub{ font-size:10px;}
.section .infoBox .telBox a{ position:absolute; display:block; top:0; left:0; width:100%; height:100%;}
/*店舗情報*/
.section table{ max-width:inherit; margin:0 auto; color:#000;}
.section table th{ font-weight:bold; width:22%; vertical-align:top;}

.section .ph{ float:none; width:auto; height:300px; overflow:hidden;}
/*MAP*/
#mapAccess{ height:250px;margin:0; border:none;}
#mapAccess iframe{ height:250px;}
#h2Title.accessoniy h2{
    margin-top: 40px;
}
#h2Title.accessoniy:before{
	background: url("../../cmn/img/logo.png") no-repeat;
	background-size: 148px 40px;
	position: absolute;
	left:50%;
	top:15px;
    content: "";
    width: 148px;
    height: 40px;
	margin-left: -74px;
	margin-top: 0;
}
	
}