/* ---------------------------------------------------------------
	start max 1200px
--------------------------------------------------------------- */



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

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

.inner_header {
	padding: 0 1.5%;
}

.navi_header {
	padding-left: 10px;
}

header nav ul li {
	padding: 0 5px;
	font-size: 14px;
}

header nav ul li:last-child {
	padding-right: 0;
}

/* --------------- footer --------------- */

	.inner_footer {
		padding-left: 0;
	}

	.info_footer {
		width: 320px;
	}

	.link_footer {
		width: calc( 100% - 320px - 182px);
		padding: 0 10px 0 20px;
	}

	.col_link_footer ul {
		width: 33.3%;
	}

	.col_copyright {
		width: 100%;
		transform: none;
		text-align: center;
	}


}

/* ---------------------------------------------------------------
	end max 1200px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 1080px
--------------------------------------------------------------- */


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

/* --------------- footer --------------- */

	.txt_footer_cal {
		margin: 0;
		text-align: right;
		line-height: 1.4;
		font-size: 13px;
		position: absolute;
		bottom: -15px;
		right: -10px;
	}

}

/* ---------------------------------------------------------------
	end max 1080px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start min 1034px
--------------------------------------------------------------- */

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

	.pc_none {
		display: none;
	}

	.submenu {
		width: 230px;
		margin: 0;
		padding: 19px 0 0 0;
		position: absolute;
		top: 100%;
		left: calc(50% - 115px);
		transition: all .2s ease-in-out 0s;
		visibility: hidden;
		opacity: 0;
	}

	.submenu.studio {
		width: 280px;
		left: calc(50% - 140px);
	}

	header nav > ul > li:hover .submenu {
		visibility: visible;
		opacity: 1;
	}

	.submenu ul {
		margin: 0;
		padding: 0;
		border: solid 2px #6e4900;
		box-shadow: 2px 2px 7px -3px #000;
	}

	.submenu ul li {
		margin: 0;
		padding: 0;
		text-align: left;
		line-height: 1.25;
		border-bottom: dashed 1px #6d4800;
		text-align: center;
		background-color: rgba(255,239,180,0.9);
		position: relative;
		z-index: 0;
		transition: background .2s;
	}

	.submenu ul li:first-child:before {
		content: "";
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 0 9px 9px 9px;
		border-color: transparent transparent #6d4800 transparent;
		position: absolute;
		top: -11px;
		left: 0;
		right: 0;
		transition: all .2s;
	}

	.submenu ul li:first-child:after {
		content: "";
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #ffefb4 transparent;
		position: absolute;
		top: -8px;
		left: 0;
		right: 0;
		transition: all .2s;
	}

	.submenu ul li:hover:first-child:after {
		border-color: transparent transparent #6e4900 transparent;
	}

	.submenu ul li:last-child {
		border-bottom: none;
	}

	.submenu ul li:hover {
		background-color: #6e4900;
	}

	.submenu ul li a {
		width: 100%;
		height: 100%;
		padding: 8px 15px 9px;
		color: #6d4800;
		font-size: 15px;
		font-weight: 400;
		text-decoration: none;
		position: relative;
		z-index: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		-webkit-box-align: center;
		   -ms-flex-align: center;
		      align-items: center;
	}

	.submenu ul li:hover a {
		color: #fff;
	}

	.submenu ul li a br.pc_none {
		display: none;
	}


}

/* ---------------------------------------------------------------
	end min 1034px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

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

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

	header {
		z-index: 100;
	}

	.logo_header {
		width: 200px;
	}

	.header_contact {
		width: 56px;
		margin: 0 20px 0 0;
		display: block;
	}

	.inner_header .pc_none{
		display: block;
	}

	#menubtn {
		width: 56px;
		height: 56px;
		margin: auto 0;
		padding: 0;
		background-color: #6d4800;
		border-radius: 6px;
		display: block;
		position: relative;
		z-index: 2;
	}

	#menubtn .btn {
		width: 34px;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}

	#menubtn .btn span {
		width: 100%;
		height: 3px;
		margin: auto;
		padding: 0;
		background-color: #fff;
		display: inline-block;
		transition: all .4s;
		-moz-transition: all .4s;
		-webkit-transition: all .4s;
		position: absolute;
		left: 0;
		right: 0;
	}

	#menubtn span:nth-child(1) {
		top: 15px;
	}

	#menubtn span:nth-child(2) {
		top: 27px;
	}

	#menubtn span:nth-child(3) {
		top: 39px;
	}

	#menubtn.active span:nth-of-type(1) {
		width: 96%;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
		top: 7px;
	}

	#menubtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	#menubtn.active span:nth-of-type(3) {
		width: 96%;
		-webkit-transform: translateY(-20px) rotate(45deg);
		transform: translateY(-20px) rotate(45deg);
		top: 47px;
	}

	header nav {
		width: 300px;
		min-width: 300px;
		padding-bottom: 40px;
		background-color: #fff;
		border-left: solid 1px #6d4800;
		position: absolute;
		top: 76px;
		right: 0;
		display: none;
		overflow: auto;
	}

	header nav > ul {
		height: calc(100vh - 70px);
		display: block;
	}

	header nav > ul > li {
		height: auto;
		padding: 0;
		background-color: rgba(255,239,180,0.9);
		border-right: none;
		border-bottom: solid 1px #6d4800;
		display: block;
	}

	header nav > ul > li:first-of-type {
		border-top: solid 1px #6d4800;
	}

	header nav > ul > li > a {
		padding: 16px 20px;
		font-size: 16px;
		display: block;
		position: relative;
		z-index: 0;
	}

	header nav > ul > li:not(.trigger) > a:before {
		content: none;
	}

	header nav > ul > li:not(.trigger) > a:after {
		content: "";
		width: 8px;
		height: 8px;
		margin: auto;
		cursor: default;
		position: absolute;
		top: 40%;
		right: 20px;
		display: block;
		border-top: 2px solid #6d4800;
		border-right: 2px solid #6d4800;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header nav > ul > li.trigger > a:before,
	header nav > ul > li.trigger > a:after {
		content: "";
		width: 15px;
		height: 2px;
		background-color: #6d4800;
		position: absolute;
		transition: all .3s;
	}

	header nav > ul > li.trigger > a:before {
		top: 24px;
		right: 15px;
	}

	header nav > ul > li.trigger > a:after {
		top: 24px;
		right: 15px;
		transform: rotate(90deg);
	}

	header nav > ul > li.trigger.open > a:after {
		transform: rotate(180deg);
	}


	#overlay {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		transition: all .4s;
		visibility: hidden;
	}

	.open #overlay {
		background: rgba(0,0,0,0.6);
		visibility: visible;
	}

	.submenu {
		width: auto;
		position: static;
		display: none;
	}

	.submenu ul {
		margin: 0;
		padding: 0;
		line-height: 1.6;
	}

	.submenu ul li {
		margin: 0;
		padding: 0;
		background-color: #fffbf4;
		border-bottom: dashed 1px #6d4800;
	}

	.submenu ul li:first-child {
		border-top: dashed 1px #6d4800;
	}

	.submenu ul li:last-child {
		border-bottom: none;
	}

	.submenu ul li a {
		padding: 10px 15px 10px 40px;
		color: #6d4800;
		text-indent: -12px;
		display: block;
		position: relative;
	}

	.submenu ul li a:before {
		content: "\30FB";
		margin-right: 5px;
	}

	.submenu ul li a:after {
		content: "";
		width: 8px;
		height: 8px;
		margin: auto;
		cursor: default;
		position: absolute;
		top: calc(50% - 4px);
		right: 20px;
		display: block;
		border-top: 2px solid #6d4800;
		border-right: 2px solid #6d4800;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}


/* --------------- footer --------------- */


	.inner_footer {
		width: 94%;
		display: block;
	}

	.info_footer {
		width: 100%;
		margin: 0 auto 30px;
		text-align: center;
	}

	.logo_footer {
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
	}

	.tel_footer {
		margin-left: auto;
		margin-right: auto;
	}

	.btn_footer_contact {
		margin-left: auto;
		margin-right: auto;
	}

	.link_footer {
		width: 100%;
		max-width: 900px;
		margin: 0 auto 20px;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	.col_link_footer {
		width: 38%;
	}

	.col_link_footer:first-of-type {
		width: 62%;
	}

	.col_link_footer:first-of-type ul {
		width: 29%;
	}

	.col_link_footer:first-of-type ul:last-of-type {
		width: 42%;
	}

	.col_link_footer:nth-child(2) ul {
		width: 65%;
	}

	.col_link_footer:nth-child(2) ul:last-of-type {
		width: 35%;
	}

	.col_sns_footer { justify-content: center; }

	.calendar_footer {
		width: 540px;
		margin: 0 auto;
	}

	.txt_footer_cal {
		display: none;
	}
	
	.txt_footer_cal2 {
		width: 540px;
		margin: 0 auto;
		display: block;
		line-height: 1.4;
		font-size: 13px;
	}

	dl.col_footcalender dt {
		font-size: 19px;
	}

	dl.col_footcalender dd .calender {
		width: 31%;
		font-size: 17px;
	}

	dl.col_footcalender dd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		   -ms-flex-pack: justify;
		 justify-content: space-between;
	}

	table.tbl_calender {
		line-height: 1.5;
		font-size: 16px;
	}


/* --------------- sub common --------------- */

	.col_pagettl {
		width: 800px;
		height: 260px;
	}



}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start 701px�`1033px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) and ( max-width: 1033px ) {

	.tab_none2 {
		display: none;
	}



}

/* ---------------------------------------------------------------
	end 701px�`1033px
--------------------------------------------------------------- */