/*=============================================
 * RESPONSIVE
 *=============================================*/
/*
 @media only screen and (min-width: 1081px) {
    header .logo.visible {
        left: 50%;
        transform: translateX(-500px);
        margin-left: -13%;
    }
}

@media only screen and (max-width: 1080px) {
    header .logo.visible {
        transform: none;
        margin-left: 0;
    }
}
*/
@media only screen and (min-width: 1081px) and (max-width: 1500px) { 
	.wrap{
		width: 94%;
		padding: 0 3%;
	}
	#logo_scr.logo{
		font-size: 6vw;
		line-height: 1em;
		left: 6%;
		margin-left: 0;
	}
	
	#key .fl{
		width: 50%;
		margin-left: 0;
	}
	.key_img1{
		width: 100%;
		margin-left: 0;
	}
	header .deco_1{
		width: 50%;
		margin-left: -15%;
	}
	#key .fr{
		margin-top: 10%;
		width: 45%;
	}
	header nav{
		right: 10%;
	}
	#key .key_img2 {
		width: 47%;
		margin: 10% 0 0 2%;
	}
	#key .key_img3 {
		position: absolute;
		bottom: 5%;
		right: 2%;
		width: 47%;
		z-index: 1; 
	}
	.deco_3 {
		position: absolute;
		top: 25%;
		right: 0;
		z-index: 0;
		width: 30%;
	}
	.deco_2 {
		position: absolute;
		top: 25%;
		right: -45px;
		width: 13%;
	}
	header .tel{
		margin-left: 20%;
	}
	.deco_6 {
		position: absolute;
		width: 17%;
		bottom: 0%;
		left: 0;
	}
	.deco_7 {
		position: absolute;
		bottom: -10%;
		left: -45px;
		width: 15%;
	}
	.deco_5 {
		position: absolute;
		bottom: -30%;
		right: 20%;
		z-index: 0;
	}
	.deco_4 {
		position: absolute;
		bottom: -10%;
		right: -9%;
		width: 35%;
	}
	#sec1 .sec1_s1 h2{
		position: relative;
		z-index: 1;
	}
	#sec1 .sec1_s1 .text {
		width: 50%;
		padding-left:0;
	}
	#sec1 .sec1_s1 .sec1_img1{
		width: 50%;
		margin: -3% 0 0 0;
	}
	#sec1 .sec1_s1 .sec1_img2 {
		position: absolute;
		top: -35%;
		right: 25%;
		z-index: 3;
	}
	#sec1 .sec1_s2 .sec2_img {
		margin-left: 0;
		width: 50%;
	}
	#sec1 .sec1_s2 .fr {
		width: 46%;
	}
	#sec1 .sec1_s2 .sec2_deco {
		position: absolute;
		top: -25%;
		right: -5%;
		width: 25%;
	}
	#sec1 .sec1_s3 .sec3_deco2 {
		position: absolute;
		top: -17%;
		right: -7%;
		width: 25%;
	}
	#sec1 .sec1_s3 .sec3_deco {
		position: absolute;
		top: -15%;
		left: -3%;
		z-index: 0;
		width: 60%;
	}
	#sec1 .sec1_s3  .fl,
	#sec1 .sec1_s3  .fr{
		width: 50%;
		position: relative;
	}
	#sec1 .sec1_s3 .sec3_img {
		margin-right: 0;
		width: 100%;
	}
	#sec2{
		background-size: 100% 100%;
	}
	#sec2 h2{
		padding-bottom: 15%;
	}
	#sec2 .wrp_txt{
		top: 50%;
		right: 3%;
	}
	#sec3 .sec3_img{
		width: 100%;
		padding-top: 20%;
	}
	#sec4 h2 {
		top: -68px;
		left: 3%;
		margin-left: 0;
	}
	#sec4 .js_item .js_txt{
		width: 40%;
	}
	#sec5 .sec5_deco1 {
		position: absolute;
		top: -22%;
		left: -3%;
		width: 50%;
	}
	#sec5 .sec_item.s1 .sec_txt {
		margin-top: 5%;
		width: 50%;
	}
	#sec5 .sec_item.s1 .fr {
		margin-right: 0;
		width: 50%;
	}
	#sec5 .sec_item.s2 .sec_txt{
		width: 50%;
		margin-top: 10%;
	}
	#sec5 .sec_item.s2 .fl{
		width: 46%;
	}
	#sec5 .sec5_deco2 {
		position: absolute;
		top: -10%;
		right: -5%;
		width: 25%;
	}
	#sec5 .sec_item.s3{
		margin-top: 10%;
	}
	#sec5 .sec5_deco3 {
		position: absolute;
		bottom: -50%;
		left: -35%;
		width: 36%;
	}
	#sec5 .sec_item.s3 .sec_txt {
		margin-top: 5%;
		position: relative;
		width: 50%;
	}
	#sec5 .sec_item.s3 .fr {
		margin-right: 0;
		position: relative;
		width: 50%;
	}
	#sec5 .sec5_deco4 {
		position: absolute;
		bottom: -100%;
		left: 0;
		width: 70%;
	}
	footer .fr,
	footer .fl{
		width: 50%;
	}
}
@media only screen and (min-width: 1080px) {
	.txt-vertical_pc{
		    cursor: vertical-text;
		writing-mode: vertical-rl;
		-o-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-moz-writing-mode: vertical-rl;
		-webkit-writing-mode: vertical-rl;
		text-orientation: upright;
		word-wrap: break-word;
	}
	.txt-vertical_pc .txt-latin{
		    cursor: vertical-text;
		direction: rtl;
		writing-mode: vertical-rl;
		-o-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-moz-writing-mode: vertical-rl;
		-webkit-writing-mode: vertical-rl;
		text-orientation: sideways-right;
		-o-text-orientation: sideways-right;
		-ms-text-orientation: upright;
		-ms-text-orientation: sideways-right;
		-moz-text-orientation: sideways-right;
		-webkit-text-orientation: sideways-right;
		letter-spacing: .25em;
	}
}
@media only screen and (max-width: 1080px) { /* Tablet */
	header{
	}
	#logo_scr.logo{
		
	}
	body{
		padding: 25px;
		font-size: 13px;
		line-height: 28px;
	}
	
	.nav--opened{
		overflow-y: hidden;
	}
	.hamburger{
		opacity: 1;
	}
	.nav--opened .hamburger{
		opacity: 0;
	}
	#opening{
		background: url("../img/shared/openning_sp.jpg") no-repeat center center / cover;
		height: calc(100vh - 50px);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	img{
		width: 100% !important;
	}
	#menu_toggle ul{
		width: 100%;
	}
	#menu_toggle li {
		text-align: center;
		font-family: NotoSerifJP;
		width: 50%;
		margin: 0 auto;
	}
	#menu_toggle .tel{
		margin: 5% 2%;
	}
	.nav--opened #menu_toggle{
		padding: 10% 0;
	}
	#menu_toggle li a{
		margin-left: 20%;
		font-size: 6vw;
		line-height: 2em;
	}
	#menu_toggle li a:before{
		left: -25%;
	}
	#menu_toggle .tel{
		font-size: 4vw;
		line-height: 1em;
	}
	#menu_toggle .tel .txt_telNb{
		font-size: 7vw;
		line-height: 1em;
	}
	header .tel span{
		margin-left: 10px;
		font-size: 6vw;
	}
	#menu_toggle #modal-close{
		margin: 5% 0 15% 0;
	}
	
	header .wrap{
		padding-top: 15% !important;
	}
	.ds_pc{
		display: none !important;
	}
	.ds_sp{
		display: block !important;
	}
	.hamburger_sp{
		position: fixed;
		top: 0;/*1%*/
		right: 4%;
		z-index: 999;
	}
	header .deco_1{
		width: 50%;
		top: -5%;
		margin-left: 0;
		right: 5%;
		left: inherit;
	}
	html.responsive .wrap{
		padding: 0 2%;
		text-align: center;
		z-index: 1;
	}
	
	#logo_scr.logo {
		font-size: 8vw;
		line-height: 0.9em;
		left: 5%;
		top: 9%;
		z-index: 99;
		text-align: left;
		margin-left: 0;
	}
	#logo_scr.logo.visible {
		top: -1%;
	}
	#logo_scr.logo a span {
		display: block;
		padding-left: 30%;
	}
	#key .fl{
		width: 50%;
	}
	#key .fr {
		width: 50%;
		margin-top: 10%;
		position: relative;
	}
	#key .fr .text {
		    font-size: 20px;
		line-height: 45px;
		letter-spacing: 5px;
		text-align: left;
		padding-left: 5%;
	}
	
	.deco_2{
		position: absolute;
		top: 30%;
		right: -5%;
		text-align: right;
	}
	.deco_2 img{
		width: 70% !important;
	}
	
	.key_img2_sp{
		margin: 10% 0 0 -15%;
	}
	.deco_4 {
		position: absolute;
		bottom: -17%;
		right: -15%;
		text-align: right;
	}
	.deco_4 img{
		width: 70% !important;
	}
	.deco_5 {
		position: absolute;
		bottom: -20%;
		right: 30%;
		z-index: 0;
	}
	.deco_5 img{
		width: 70% !important;
	}
	.deco_6sp{
		position: absolute;
		left: -5%;
		bottom: -32%;
	}
	address {
		font-size: 12px;
		color: #9d886b;
		transform: rotate(90deg);
		position: fixed;
		top: 50%;
		left: -13%;
		z-index: 70;
	}
	.txt_title {
		font-size: 5vw;
		line-height: 1.5em;
		color: #8d4b24;
		letter-spacing: 8px;
		background: url(../img/index/br_ttl_top.png) no-repeat left top, url(../img/index/br_ttl_bt.png) no-repeat right bottom;
		display: inline-block;
		padding: 8% !important;
		text-align: center;
	}
	br:not(.sp){
		display: none;
	}
	#sec1 .sec1_s1 .text {
		width: 100%;
		padding-left: 0;
		text-align: left;
		float: none;
	}
	#sec1 .sec1_s1 h2{
		margin: 5% 0;
	}
	#sec1 .sec1_s1 .sec1_img1{
		float: none;
		margin: 5% 0 0 0;
	}
	#sec1 .sec1_s1 .wrp_txt {
		background: url(../img/index/sec1_bg_pr.png) no-repeat left top / 100% 100%;
		padding: 5% 8% 5% 0%;
		margin-left: 0;
		position: relative;
		z-index: 11;
		width: 55%;
		text-align: center;
	}
	#sec1 .sec1_s1 .wrp_pr {
		position: relative;
		margin-top: -3%;
	}
	#sec1 .sec1_img2_sp{
		position: absolute;
		top: -18%;
		right: -2%;
		z-index: 2;
		width: 48%;
	}
	#sec1 .sec1_s2 .fr {
		width: 100%;
		float: none;
	}
	#sec1 .sec1_s2 .sec2_img {
		margin-left: 0;
		float: none;
		margin-top: 5%;
	}
	#sec1 .sec1_s2 {
		margin-top: 25%;
		position: relative;
		z-index: 1;
	}
	#sec1 .sec1_s2 .sec2_deco {
		position: absolute;
		top: -18%;
		right: initial;
		width: 50%;
		left: -8%;
		z-index: 0;
	}
	#sec1 .sec1_s2 .fr .txt_title {
		margin-bottom: 5%;
		padding: 8%  10% !important;
		position: relative;
		z-index: 3;
	}
	#sec1 .sec1_s2 .fr .text {
		padding-left: 0;
		text-align: left;
	}
	#sec1 .sec1_s3 {
		margin-top: 15%;
		position: relative;
	}
	#sec1 .sec3_deco2_sp {
		position: absolute;
		top: -15%;
		left: 5%;
		z-index: 0;
		width: 100%;
	}
	#sec1 .sec1_s1 .price{
		padding-left: 5%;
	}
	#sec1 .sec1_s3 .txt_title {
		padding: 8% !important;
		position: relative;
		z-index: 1;
		margin-bottom: 5%;
		text-align: left;
	}
	#sec1 .sec1_s3 .text {
		width: 100%;
		padding-left: 0;
		text-align: left;
		margin-bottom: 5%;
	}
	#sec1 .sec1_s3 .fl {
		width: 100%;
		float: none;
	}
	#sec1 .sec1_s3 .fr{
		float: none;
	}
	#sec1 .sec1_s3 .txt_note{
		    position: absolute;
		bottom: 4%;
		margin: 0;
		left: 5%;
	}
	#sec1 .sec1_s3 .wrp_pr {
		background: url("../img/index/sec3_bg_txtsp.png") no-repeat left top / 100% 100%;
		padding: 8% 4% 4% 8%;
		margin: -10% 3% 0 auto;
		position: relative;
		z-index: 11;
		width: 47%;
		text-align: left;
	}
	#sec1 .sec1_s1 h3,
	#sec1 .sec1_s3 h4 {
		color: #5c5040;
		font-size: 4vw;
		line-height: 1.2em;
		letter-spacing: 4px;
		margin-bottom: 5%;
	}
	#sec1 .price{
		text-align: left;
	}
	#sec2{
		margin-top: 10%;
		background: none;
	}
	#sec2 h2{
		text-align: left;
		position: absolute;
		top: -5%;
		left: 5%;
		padding-bottom: 0;
		}
	.sec_bg{
		background: url("../img/index/sec3_bg_sp.jpg") no-repeat center bottom / cover;
	}
	#sec2 .wrp_txt {
		background: url(../img/index/txtbg_lunch_sp.png) no-repeat left top/ 100% 100%;
		padding: 10% 5% 5% 5%;
		position: relative;
		top: 0;
		right: 0;
		text-align: left;
		width: 65%;
		margin-right: 23%;
		z-index: 1;
		margin-top: -19%;
	}
	#sec2 .sec2_img_sp{
		margin: 0 -2%;
	}
	#sec2 .wrp_txt .text{
		margin-top: 5%;
	}
	#sec2 .wrp_btn{
		bottom: initial;
		right: 0;
		margin-right: 0;
		top: 20%;
	}
	.price{
		font-size: 4vw;
	}
	#sec2 .wrp_txt h3{
		font-size: 5vw;
	}
	#sec2 .wrp_txt h3 .price{
		padding-left: 3%;
		font-size: 5vw;
	}
	#sec2 .sec2_txt{
		position: relative;
	}
	
	#sec2 .sec2_txt .txt_red{
	padding-right: 15%;
	}
	
	#sec3{
		min-height: inherit;
		padding: 5% 0 10% 0;
		background: none;
	}
	#sec3 .sec3_imgSp{
		width: 90%;
    	margin: 0 auto;
	}
	#sec4 h2 {
		position: absolute;
		top: -6%;
		left: 5%;
		margin-left: 0;
		z-index: 70;
	}
	#sec4 .js1,
	#sec4 .js2,
	#sec4 .js3,
	#sec4 .js4{
		background: none;
		min-height: inherit;
	}
	#sec4 .js_item.js4 .js_txt,
	#sec4 .js_item .js_txt {
		width: 95%;
		margin: 10% auto 0 auto;
		color: #5c5040;
	}
	#sec4 .js_item .js_txt h3{
		font-size: 4vw;
		line-height: 1.3em;
		padding-bottom: 2%;
	}
	#sec4 .js_item .js_txt .price {
		color: #8b2f0b;
		font-size: 4vw;
	}
	#sec4 .js_item .js_txt .price span {
		font-size: 3vw;
	}
	#sec4 .slide_thm{
		top: 67%;
    	margin-right: -38px;
	}
	.slide_thm li a{
		border: 1px solid #891521;
	}
	.slide_thm li a.active{
		background: #891521
	}
	#sec4 .js_item .text{
		text-align: left;
		padding-top: 5%;
	}
	#sec4 .js_item .ttl_top{
		min-height: auto;
		border-bottom: 1px solid #891521;
		padding-bottom: 2%;
	}
	#sec4 .slide_thm{
		top: 65%;
    	margin-right: -38px;
	}
	#sec4 .note {
		position: relative;
		bottom: 0;
		right: 0;
		margin-right: 0;
		color: #5c5040;
		font-size: 15px;
		text-align: center;
		margin-bottom: 5%;
	}
	#sec5{
		background: url("../img/index/sec5_bg_sp.jpg") repeat center top;
	}
	#sec5 .wrap {
		padding: 10% 0 10% 0;
	}
	#sec5 .sec_item.s1 .sec_txt {
		margin-top: 0;
		width: 100%;
		float: none;
	}
	#sec5 .sec_item.s1 .txt_title {
		padding: 8% 13% !important;
		position: relative;
		z-index: 1;
		line-height: 1.5em;
		text-align: center;
	}
	#sec5 .sec_item.s1 .text{
		margin: 5% 2% ;
		text-align: left;
	}
	#sec5 .sec_item.s1 .fr {
		margin-right: 0;
		float: none;
		margin: 0 2%;
	}
	#sec5 .sec5_deco1_sp{
		position: absolute;
		top: -5%;
		left: 0;
	}
	#sec5 .sec5_deco2_sp{
		position: absolute;
		top: -10%;
		right: -5%;
	}
	#sec5 .sec_item.s1{
		position: relative;
		z-index: 1;
	}
	#sec5 .sec_item.s2 {
		margin-top: 10%;
	}
	#sec5 .sec5_deco2 {
		position: absolute;
		top: -13%;
		right: -10%;
		width: 35%;
	}
	#sec5 .sec_item.s2 .sec_txt {
		margin-top: 5%;
		position: relative;
		float: none;
	}
	#sec5 .sec_item.s2 .txt_title {
		padding: 5% 8% 4% 8%!important;
		line-height: 1.2em;
		text-align: center;
	}
	#sec5 .sec_item.s2 .text {
		margin: 5% auto 7% auto;
		text-align: left;
		width: 50%;
	}
	#sec5 .sec_item.s2 .fl{
		float: none;
		width: 96%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	#sec5 .sec5_deco3 {
		position: absolute;
		bottom: 0;
		left: -10%;
		z-index: 0;
	}
	#sec5 .sec_item.s3 {
		margin-top: 8%;
		padding: 0 2%;
	}
	#sec5 .sec_item.s3 .sec_txt{
		margin-top: 5%;
		float: none;
	}
	#sec5 .sec5_deco4_sp{
		position: absolute;
		top: -60%;
		right: -6%;
	}
	#sec5 .sec_item.s3 .text{
		width: 100% !important;
		margin: 5% 0;
		text-align: left;
	}
	#sec5 .sec_item.s3 .txt_title {
		padding: 8% 20% !important;
	}
	#sec5 .sec_item.s3 .fr {
		margin-right: 0;
		position: relative;
		float: none;
	}
	#sec5 .sec_item.s3 .txt_box {
		background: url("../img/index/sec5_bg_txtSp.png") no-repeat left top / 100% 100%;
		padding: 10% 5% 4% 5%;
		margin: -10% auto 0 auto ;
		position: relative;
		z-index: 1;
		width: 60%;
		text-align: left;
	}
	#sec5 .sec_item.s3 .txt_box .txt_red{
		padding: 0 0 3% 0
	}
	#sec5 .sec_item.s3 .txt_box h4 {
		font-size: 4vw;
		color: #5c5040;
		line-height: 1em;
		letter-spacing: 3px;
		padding-left: 0;
	}
	#sec5 .sec_item.s3 .txt_box h5 {
		font-size: 4vw;
		padding: 2% 0 2% 0;
	}
	#sec6 .txt_deco,
	#sec7 .txt_deco {
		width: 10%;
	}
	#sec6 h2 ,
	#sec7 h2 {
		font-size: 8vw;
	}
	.toggle .toggle-link{
    	right: 3%;
		top: 50px;
	}
	.toggle .toggle-main{
		padding: 0 2%;
	}
	#sec6 .col_dl,
	#sec7 .col_dl {
		width: 100%;
		float: none;
		text-align: left;
	}
	#sec7 .col_dl.fl{
		margin-bottom: 3%;
	}
	#sec6 .wrap,
	#sec7 .wrap {
		padding: 10% 0 5% 0;
	}
	#sec7 .item_main h3,
	#sec6 .item_main h3 {
		font-size: 5vw;
		text-align: center;
		padding-bottom: 3%;
		border-bottom: 1px solid #fff;
		margin-bottom: 3%;
	}
	#sec7 .item_main{
		margin-bottom: 3%;
	}
	#sec8 .txt-vertical .txt-latin,
	#sec8 .txt-vertical{
		 writing-mode: inherit;
		text-orientation: inherit;
		word-wrap: normal;
	}
	#sec8 li{
		min-height: inherit !important;
		background: none !important;
	}
	#sec8 h2{
		    font-size: 3vw;
		line-height: 1.5em;
		top: 10%;
		color: #fff;
		padding: 6% 0% !important;
		letter-spacing: 1px;
		width: 60%;
	}
	#sec8 h2 span {
		font-size: 4vw;
	}
	#sec8 .txt_js {
		position: absolute;
		top: inherit;
		bottom: 4%;
		right: 0;
		margin-right: 0;
		font-size: 3vw;
		line-height: 1.5em;
		width: 100%;
		text-align: center;
		display: block;
	}
	#sec8 .floor_map {
		position: absolute;
		top: 40%;
		left: 50%;
		margin-left: 0;
		z-index: 70;
		transform: translateX(-50%);
		width: 90%;
	}
	#sec8 .slide_thm2 {
		position: absolute;
		top: 26%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 70;
	}
	#sec8 .slide_thm2 li a.active{
		background: #fff;
	}
	#sec8 .slide_thm2 li a{
		border: 1px solid #fff;
	}
	#sec9 .wrp_btn{
		margin-top: 5%;
		font-size: 3.5vw;
	}
	#sec9 .wrp_btn .fr{
		width: 47%;
		margin: 0 0 0 3%;
	}
	#sec9 .wrp_btn .fl{
		width: 47%;
		margin: 0 3% 0 0 ;
	}
	#sec9 .icon_down{
		top: 50%;
		right: 4%;
		margin-top: -4px;
	}
	#sec9 .btn_link{
		width: 100%;
		padding: 5% 0;
	}
	footer{
		padding: 10% 0 5% 0;
	}
	footer h2 {
		font-size: 7vw;
		line-height: 2em;
		padding-bottom: 0 !important;
	}
	footer .fl {
		width: 96%;
		margin: 0 auto;
		float: none;
	}
	footer .tel-footer {
		padding: 3% 0 1% 0;
		line-height: 30px;
		margin-bottom: 5%;
		width: 100%;
		margin-top: 5%;
	}
	footer .tel-footer span.txt_telNb{
		font-size: 4vw;
	}
	footer dt {
		width: 21%;
		float: left;
		text-align: left;
		padding-left: 3%;
	}
	footer dd {
		width: 72%;
		float: right;
		text-align: left;
	}
	#socialbuttons{
		text-align: center;
	}
}
@media only screen and (max-width: 812px){
	address{
		left: -17%;
	}
	#sec4 .slide_thm{
		top: 62%;
	}
	#sec5 .sec_item.s1 .txt_title{
		padding: 6% 11% !important;
	}
	#sec5 .sec5_deco2_sp{
		width: 30%;
	}
	#sec5 .sec_item.s2 .txt_title{
		padding: 3% 8% 3% 8%!important; 
	}
	#sec5 .sec5_deco3{
		width: 27%;
	}
	#sec5 .sec_item.s2 .text{
		width: 60%;
	}
	#sec5 .sec5_deco4_sp {
		position: absolute;
		top: -45%;
		right: -6%;
		width: 43%;
	}
	#sec2 .wrp_txt{
		margin-top: -22%;
		width: 69%;
	}
}

@media only screen and (max-width: 768px) { /* Mobile - Large */
	#logo_scr.logo{
		top: 5%;
	}
	.deco_2 {
		position: absolute;
		top: 38%;
		text-align: right;
	}
	address {
		top: 50%;
		left: -18%;
		z-index: 70;
		line-height: 0;
	}
	#sec1 .sec1_s1 .wrp_txt {
		background: url(../img/index/sec1_bg_pr.png) no-repeat left top / 100% 100%;
		padding: 10% 8% 5% 0%;
		margin-left: 0;
		position: relative;
		z-index: 11;
		width: 55%;
		text-align: center;
	}
	#sec4 .slide_thm {
		top: 60%;
		margin-right: -38px;
	}
	
}
@media only screen and (max-width: 736px){
	address{
		left: -19%;
	}
	#key .fr .text {
		font-size: 3.2vw;
		line-height: 1.8em;
		letter-spacing: 1px;
		text-align: left;
		padding-left: 5%;
	}
	.deco_2{
		width: 20%;
	}
	#sec1 .sec1_s3 .txt_title{
		padding: 7% 15% !important;
	}
	#sec2 .wrp_btn .icon_btn {
		display: block;
		width: 45%;
		margin: 10% auto 2% 34%;
	}
	.deco_6sp{
		width: 30%;
	}
	
	.deco_4 {
		width: 65%;
	}
	#sec2 .wrp_btn{
		width: 150px;
		height: 150px;
	}
	#sec4 .slide_thm{
		top: 59%;
	}
	
	#sec2 .wrp_txt {
		margin-top: -23%;
	}
	#sec8 .floor_map{
		top: 36%;
	}
	
}
@media only screen and (max-width: 667px){
	address {
		left: -21%;
	}
	#sec1 .sec1_s2 .fr .txt_title{
		padding: 8% 15% !important;
	}
	#sec4 .slide_thm {
		top: 56%;
	}
	#sec8 h2{
		padding: 7% 0% !important;
	}
}
@media only screen and (max-width: 640px) { /* Mobile - Small */
	address {
		top: 50%;
		left: -22%;
		z-index: 70;
		line-height: 0;
	}
	.txt_title {
		background: url(../img/index/br_ttl_top_sp.png) no-repeat left top, url(../img/index/br_ttl_bt_sp.png) no-repeat right bottom;
	}
	#sec1 .sec1_s3 .txt_note{
		left: 0;
	}
}
@media only screen and (max-width: 568px){
	address{
		left: -25%;
	}
	#sec4 .slide_thm {
		top: 53%;
	}
	#sec5 .sec_item.s1 .txt_title {
		padding: 4% 12% !important;
	}
	
	
	#sec1 .sec1_s3 .wrp_pr{
		padding: 15% 0% 4% 4%;
		width: 55%;
	}
	#sec2 .wrp_btn{
		right: -2%;
	}
	#sec5 .sec_item.s2 .txt_title {
		padding: 3% 10% 3% 10%!important;
	}
	#sec5 .sec_item.s2 .text{
		width: 80%;
	}
	#sec5 .sec5_deco3{
		bottom: 40%;
	}
	#sec5 .sec_item.s3 .txt_box{
		width: 75%;
	}
	#sec1 .sec1_s3 .txt_note{
		left: 0;
		font-size: 13px;
		line-height: 20px;
		width: 40%;
	}
	
}
@media only screen and (max-width: 480px){
	#key{
		min-height: inherit;
	}
	#menu_toggle li{
		width: 80%;
	}
	.txt_title{
		letter-spacing: 4px;
		padding: 7% !important;
	}
	address {
		left: -25.5%;
		font-size: 10px;
	}
	header .deco_1{
		right: 14%;
	}
	.deco_2{
		top: 30%;
	}
	.deco_5 {
		width: 30%;
	}
	#sec1 .sec1_s2 .fr .txt_title {
		padding: 6% 15% !important;
	}
	#sec1 .sec1_s3 .txt_title {
    	padding: 5% 15% !important;
	}
	
	#sec1 .sec1_s3 .wrp_pr{
		margin-right: 0;
	}
	#sec4 .slide_thm{
		top: 49%;
	}
	#sec2 h2 {
		top: -4%;
		width: 12%;
	}
	#sec2 .wrp_txt {
		margin-top: -29%;
	}
	#sec5 .sec5_deco1_sp{
		width: 20%;
	}
	#sec5 .sec5_deco2{
		top: -12%;
	}
	#sec5 .sec_item.s2 .text{
		width: 80%;
	}
	#sec5 .sec5_deco3{
		bottom: 45%;
	}
	#sec5 .sec_item.s3 .txt_title {
		padding: 7% 18% !important;
	}
	#sec5 .sec_item.s3 .txt_box{
		width: 80%;
		padding-top: 20%;
	}
	#sec2 .wrp_txt h3{
		padding-top: 10%;
		line-height: 1em;
	}
	#sec2 .wrp_btn {
		width: 120px;
		height: 120px;
		font-size: 3vw;
		letter-spacing: 0;
		line-height: 20px;
	}
	#sec4 h2 {
		width: 12%;
	}
	.toggle-link span{
		font-size: 14px;
	}
	.toggle .toggle-link{
		width: 95px;
		height: 95px;
	}
	.toggle-main{
		margin-top: 5%;
	}
	#sec7 .item_main dt,
	#sec6 .item_main dt{
		width: 70%;
	}
	
}
@media only screen and (max-width: 414px){
	.deco_4{
		bottom: -11%;
	}
	.deco_5{
		bottom: -13%;
	}
	#sec1 .sec1_s1 .wrp_txt{
		width: 65%;
	}
	#sec1 .sec1_s2 .sec2_deco{
		top: -13%;
	}
	#sec1 .sec3_deco2_sp{
		top: -10%;
	}

	#sec2 .wrp_btn{
		width: 110px;
		height: 110px;
	}
	#sec4 .slide_thm {
		top: 44%;
	}
	#sec4 .js_item .js_txt .price,
	#sec4 .js_item .js_txt h3{
		font-size: 5vw;
	}
	#sec4 .js_item .js_txt .price span {
		 font-size: 4vw;
	}
	#sec5 .sec_item.s2 .txt_title {
		padding: 3% 13% 3% 13%!important;
	}
	#sec5 .sec_item.s2 .text {
		width: 96%;
		padding: 0 2%;
	}
	#sec5 .sec5_deco3 {
    	bottom: 46%;
	}
	#sec5 .sec5_deco4_sp{
		top: -25%;
	}
	#sec5 .sec_item.s3 .txt_box .list_s1{
		width: 50%;
		margin-left: 0;
	}
	.toggle .toggle-link{
		top: 27px;
	}
	footer .tel-footer span {
		font-size: 5vw;
		color: #8d4b24;
		margin-left: 2%;
	}
	address {
		left: -29.5%;
		font-size: 10px;
	}
}
@media only screen and (max-width: 375px){
	.txt_title{
		padding: 6% !important;
	}
	#menu_toggle .tel {
		margin: 5% 2%;
	}
	
	#sec1{
		margin-top: 5%;
	}
	#sec2 .wrp_btn {
		width: 100px;
		height: 100px;
	}
	#sec2 .wrp_txt{
		width: 75%;
		padding-right: 10%;
		padding-top: 15%;
	}
	#sec4 .slide_thm{
		top: 41%;
	}
	#sec5 .sec_item.s3 .txt_box li:before{
		width: 10px;
		height: 10px;
	}
	#sec5 .sec_item.s2 .text{
		letter-spacing: 0;
	}
	.toggle .toggle-link {
		width: 85px;
		height: 85px;
	}
	#sec8 h2{
		padding: 5% 0 !important;
		width: 90%;
		font-size: 4vw;
	}
	footer .tel-footer{
		font-size: 13px;
	}
	footer .tel-footer span{
		font-size: 5vw;
	}
	footer .tel-footer span.txt_telNb {
		font-size: 5vw;
		letter-spacing: 0;
	}
	address {
		left: -32.5%;
	}
}

@media only screen and (max-width: 1080px) {
	.txt_note2{
		position:relative;
		font-size:14px;
		text-align:left;
		
		right:0;
		top:0;
		padding-top:3%;
	}	
	}

@media only screen and (max-width: 480px){
.insta{
	width: 90%;
	margin: 20px auto 0;
}
}