@media screen and (max-width:979px) {

}

@media screen and (max-width:767px) {
/*SP用*/
	
	#s01{
		margin:auto;
		position:relative;
	}
	#wap {
		width:96%;
	}
	#wap2 {
		width:96%;
	}

	#point {
		width:36%;
		margin:0 auto;
		font-size: x-large;
	}
	.pointShort{
		margin-left: 7%;
	}
	.logo {
		display:block;
		height: 100%;
		width: 100%;
	}
	#bottle {
		position: absolute;
		top: 25%;
		left: 50%;
		transform: translateY(-60%) translateX(-50%);
		-webkit- transform: translateY(-60%) translateX(-50%);
	}
	#bottle img{
		width:360px;
		height:auto;
	}
	#bottleLeft {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#bottleLeft .text{
		margin: 0 5%;
		font-size: 125%;
		font-family: 'SourceHanSerif';
	}

	#greetingbox{
		margin: 0 auto; 
		-ms-writing-mode:lr-tb;
	writing-mode:lr-tb;
		padding: 0 10px 60px 20px;
		line-height:200%;
		text-align: left;
		letter-spacing: 0.2em;
		font-size: 110%;
	}

	#inforbox {
		width:92%;
	}
	#inforbox .leftbox{
		width: 33%;
		margin-top: 20px;
		margin-left: 2%;
	}
	#inforbox .rightbox{
		width: 57%;
		margin-top: 20px;
	}
	#inforbox .telboxPC{
		display:none;
	}
	#inforbox .telboxSP{
		display:block;
		width: 100%;
		margin-top: 20px;
	}

	#inforbox .telboxsize{
		font-size: 226%;
		text-align:center;
		font-family: 'Arapey', serif;
		letter-spacing: 0.1em;
		padding-left: 15px;
	}
	#inforbox .teltext1{
		width: 100%;
		margin-top: 30px;
		
	}
	#inforbox .telcap{
		width: 100%;
		margin-top: 20px;
		font-size: 80%;
	}
	#inforbox .photo{
		margin: 30px auto;
		width:100%;
	}

	#inforbox .photo img {
		width:100%;
		height:auto;
	}
	p.photoMap{
		width:96%;
	}
	.menuImage{
		width:100%;
		overflow: auto;
	}
	div.menuImage img{
		margin-left: -5%;
		width:110%;
	}
	.resTable{
		color: #fff;
		font-family: 'SourceHanSerif';
		text-align: center;
		font-size: medium;
		width: 100%;
		table-layout: fixed;
		margin: 5% auto;
	}
	.resTable a{
		color: dodgerblue;
		font-weight: bolder;
		font-size: larger;
	}
	#footer .telboxSP{
		display:block;
		margin-top: 20px;
		font-family: 'GFS Didot', serif;
	}
	#footer .telboxPC{
		display:none;
	}
	.FooterIcon{
		width:80%;
		margin-right: auto;
		margin-left: auto;	
		text-align: center;
		margin:1px auto 1px auto;
	}
	.FooterIcon .IconBox{
		width:45px;
		float:left;
		position: relative;
		left: 10%;
		margin:0 2%;
	}
	.FooterIcon .IconBox img{
		width:100%;
		height:auto;
	}

	#forSP{
		display:block;
	}
	iframe {
		display: block;       /* iframes are inline by default */
		background: #000;
		border: none;         /* Reset default border */
		height: 100vh;        /* Viewport-relative units */
		width: 90vw;
		transform: scale(0.x);
	}
	/*2019-9-9-追加*/
	.BtBox{
		width:90%;

	}
	.BtL,
	.BtR{
		width:100%;
		float:none;
		font-family: 'Cormorant', serif;

	}

	.BtR{
		margin-left:0;
		margin-top:15px;
	}

	hr{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5%;
		margin-bottom: 5%;
	}

	#noticebox {
	width:90%;
		}

	/*各店舗ロゴ*/

	.shoplogobox {
		width: 100%;
	}

	.shoptext {
		width:100%;
		margin-top:-40px;
		height: 12em;

	}
	.shoptext p {
		margin-left: 15px;
		margin-right: 15px;
		line-height:1.2em;
	}

	.shoptext p .adress {
		font-size:14px;
	}
	.shoptext p .phone {
	font-size:14px;
	}
	.BtS{
		width:110px;
	}
	.BtS a{
		font-size:14px;
	}
	.BtS a:hover{
		font-size:14px;
	}
	.shopTOP{
		width:96%;
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translateY(-60%) translateX(-50%);
		clear:both;
		text-align: center;
	}
	.shopBTN {
		width:100%;
		font-size: 1.5rem;
		margin-right:auto;
		margin-left:auto;
	}
			
	.float-div {
		position: fixed; 
		height: 35%;
		width: 10%;
		bottom: 8%;
		right: 5%;
		}
	.float-div img {
		height: 18%;
	}
	div.circle.expand{
		width:790px;
		height:1050px;
		top: -560px;
		left: -565px; 	
		-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
				transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);					
		
	}
	iframe{
		width: 95%;
		margin:-30% auto 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.textTittle {
		font-size: x-large;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-60%) translateX(-50%);
		-webkit- transform: translateY(-60%) translateX(-50%);
	}
	.qaDetail{
		margin-top: -35%;
	}
	
	.aboutSwiper{
		margin-top: -25%;
	}
}