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

	header, footer, section, body, div, span, p, ul, li, a, h1, h2, h3, h4, h5, img, iframe{
		margin:0px;
		padding:0px;
		border:none;
		list-style: none;
		font-family: Verdana, 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	}
	html{
		font-size:16px;
	}
	a{
		-webkit-transition-property: all;
		-o-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function:ease-out;
	}
	#site-translate-header-wrapper{
		position: fixed!important;
		bottom:0px;
	}
	a{
		color:#16468f;
	}
	a:hover{
		color:#ad572d;
		text-decoration: none;
	}
	body{
		background-color:#bbb9a7;
	}

	header{
		position:fixed;
		display: block;
		width: 100%;
		opacity: 0.98;
		background-color:#ffffff;
		/*border-bottom:solid 1px #ebe9d7;*/
		box-shadow: 0px 5px 7px -7px #333333;
		z-index: 999;
	}
	.header-contents-p{
		max-width:100%;
		background-color:#ffffff;
		border-bottom:solid 1px #bbb9a9;
	}
	.header-contents{
		position: relative;
		overflow: hidden;
		max-width: 970px;
		min-height:97px;
		margin:0px auto 0px auto;
		background-color: #ffffff;
		
	}
	.logo-lodge{
		position: absolute;
		top:10px;
		left:14px;
/*
		top:16px;
		left:14px;
*/
	}
	.logo-ongakudo{
		position: absolute;
		top:10px;
		left:200px;
/*
		top:16px;
		left:148px;
*/
	}
	.menu-open{
		display: none;
	}
	.main-menu{
		display: block;
		margin-top:60px;
		width: 100%;
	}
	.main-menu li{
		display: inline-block;
	}
	.main-menu li.logo-shizengo{
		float:right;
	}
	.main-menu a, .main-menu a:hover{
		-webkit-transition-property: all;
		-o-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function:ease-out;
	}
	.main-menu a{
		font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size:15px;
		
		color:#333333;
		display:inline-block;
		text-decoration: none;
		padding:8px 0.1em;
		margin-left:0.8em;
		
		border-bottom:0px;
	}
	.main-menu .logo-shizengo a{
		margin-right: 1em;
		padding-bottom:0px;
	}
	.main-menu a:hover, .main-menu a.main-menu-active{
		padding-bottom:5px;
		border-bottom:3px solid #bbb9a9;
	}
	
	.sub-menu{
		display: block;
		position:absolute;
		overflow: hidden;
		right:0px;
		top:0px;
		background-color: #51906f;
	}
	.sub-menu li{
		display: inline-block;
		float:left;
		margin:0px;
		color:#ffffff;
		font-size:11px;
		padding:0.5em 0.5em;
	}
	.sub-menu li.translate{
		display: none;
		background-color:#6fa88a;
	}
	.sub-menu li a{
		color:#ffffff;
		text-decoration: none;
	}
	.sub-menu li a i{
		margin-right: 0.3em;
	}
	.sub-menu li a:hover{
		color:#dddddd;
		text-decoration: underline;
	}

	.page-navi-p{
		display: block;
		max-width:100%;
		background-color:#fbfbfb;
		border-bottom:solid 1px #ebe9d7;
	}	
	.page-navi{
		position: relative;
		overflow: hidden;
		max-width: 970px;
		margin:0px auto 0px auto;
		background-color: #fbfbfb;

		display: none;
		padding:0.2em 0em;
		
	}
	.page-navi li{
		display: inline-block;
		margin:0px;
		color:#ffffff;
		font-size:14px;
		padding:0em 0.8em;
	}
	.page-navi li a{
		color:#333333;
		text-decoration: none;
	}
	.page-navi li a i{
		margin-right: 0.3em;
	}
	.page-navi li a:hover{
		color:#555555;
		text-decoration: underline;
	}

	.page-navi-sub-p{
		display: block;
		max-width:100%;
		background-color:#f3f3f3;
	}
	.page-navi-sub{
		position: relative;
		overflow: hidden;
		max-width: 970px;
		margin:0px auto 0px auto;
		background-color: #f3f3f3;
		
		display: none;
	}
	.page-navi-sub li{
		display: inline-block;
		margin:0px;
		color:#ffffff;
		font-size:11px;
		padding:0em 0.1em 0.5em 0.8em;
	}
	.page-navi-sub li a{
		color:#333333;
		text-decoration: none;
	}
	.page-navi-sub li a i{
		margin-right: 0.2em;
	}
	.page-navi-sub li a:hover{
		color:#555555;
		text-decoration: underline;
	}

	
	.menu-and-midashi{
		font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	#cat-visual{
		max-width: 970px;
		margin:0px auto 0px auto;
		padding:0px;
		background-color:#ffffff;
	}
	#cat-visual img{
		width: 100%;
		display: block;
		height: auto;
	}
	.contents{
		max-width: calc(970px - 4px - 40px);
		margin:0px auto 0px auto;
		background-color:#f4f3ea;
		padding:0px 20px;
		padding-bottom:20px;
		
		border-left:solid 2px #aa7827;
		border-right:solid 2px #aa7827;
	}
	
	.contents h1, .contents h2, .contents h3{
		clear: both;
		font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
		font-weight: 300;
		font-style: normal;
		line-height: 1.6em;
		color:#333333;
		border-bottom:2px solid #dddddd;
		margin-bottom:0.5em;
		padding-top:1em;
	}
	.contents h1{
		font-size:1.6rem;
		border-color: #6fa88a;
		padding-bottom:0.3em;
		line-height: 1.4em;
	}
	.contents h2{
		font-size:1.4rem;
		border-color:#94bda8;
		padding-bottom:0.3em;
		line-height: 1.4em;
		
	}
	.contents h3{
		font-size:1.2rem;
		border-color:#b7cec2;
		padding-bottom:0.3em;
		line-height: 1.4em;
	}
	.contents h1, .contents h2, .contents h3{
		margin-top:1em;
	} 
	.contents h1:first-child{
		margin-top:0em;
	}
	.contents .h-first{
		padding-top:0px;
		margin-top:0px;
	}


	.contents p{
		font-size: 1rem;
		line-height: 1.8em;
		color:#333333;
		margin-bottom:0.5em;
	}
	.contents p.note{
		font-size: 0.8rem;
		line-height: 1.8em;
		color:#333333;
		margin-bottom:0.5em;
		
		text-indent: -1em;
		padding-left:1em;
	}
	.contents p.tell-large{
		text-align: center;
		font-size:1.6rem;
		color:#003366;
		font-weight: bold;
	}
	.contents .subtext85{
		font-size:85%;
		line-height: 1.6em;
	}
	.contents .subtext{
		font-size:70%;
		line-height: 1.6em;
	}
	.contents div.image-full{
		border-radius: 4px;
		overflow: hidden;
		line-height: 0px;
		margin-bottom:0.5em;
	}
	.desc-block{
		overflow: hidden;
		background-color:#ffffff;
		padding:1em;
		padding-bottom:0.5em;
	}

	.table-wrapp{
		overflow-x: scroll;
	}

	.table-common{
		width:100%;
		border-bottom:1px solid #c3c3ac;
		border-right:1px solid #c3c3ac;
		border-collapse: collapse;
		margin-bottom:0.5em;
	}
	.table-common td, .table-common th{
		border-top:1px solid #c3c3ac;
		border-left:1px solid #c3c3ac;
		text-align: left;
		vertical-align: top;
		padding:0.5em 0.5em 0px 0.5em;
	}
	.table-common th{
		background-color: #f7f7f4;
		font-weight: normal;
		white-space: nowrap;
	}

	.table-noborder{
		width:100%;
		border-collapse: collapse;
		margin-bottom:0.5em;
	}
	.table-noborder td, .table-noborder th{
		text-align: left;
		vertical-align: top;
		border-bottom:1px solid #c3c3ac;
		padding:0.5em 0.5em 0px 0.5em;
	}
	.table-noborder th{
		font-weight: normal;
		white-space: nowrap;
	}

	.table-noborder-2{
		width:auto;
		border-collapse: collapse;
		margin-bottom:0em;
	}
	.table-noborder-2 td, .table-noborder-2 th{
		text-align: left;
		vertical-align: top;
		border-bottom:none;
		padding:0.5em 0.5em 0px 0.5em;
	}
	.table-noborder-2 th{
		font-weight: normal;
		white-space: nowrap;
	}

	.table-quarter{
		width:100%;
		border-collapse: collapse;
		
		margin-bottom: 1.5em;
	}
	.table-quarter td, .table-quarter th{
		width:25%;
		text-align: center;
		vertical-align: top;
		padding:0.5em 0.5em 0px 0.5em;
	}
	.table-quarter th{
		padding-top:1em;
		font-weight: normal;
	}
	.table-quarter th p{
		margin-bottom:0px;
	}
	.table-quarter-lined{
		width:100%;
		border-bottom:1px solid #c3c3ac;
		border-right:1px solid #c3c3ac;
		border-collapse: collapse;
		
		margin-bottom: 1.5em;
	}
	.table-quarter-lined td, .table-quarter-lined th{
		width:25%;
		border-top:1px solid #c3c3ac;
		border-left:1px solid #c3c3ac;
		text-align: center;
		vertical-align: top;
		padding:0.5em 0.5em 0px 0.5em;
	}
	.table-quarter-lined th{
		padding-top:1em;
		font-weight: normal;
	}

	.table-cal{
		width:100%;
		border-bottom:1px solid #c3c3ac;
		border-right:1px solid #c3c3ac;
		border-collapse:collapse;
		
		margin-bottom: 1.5em;
	}
	.table-cal th{
		border-top:1px solid #c3c3ac;
		border-left:1px solid #c3c3ac;
		background-color: #f7f7f4;
		text-align: center;
		font-weight: normal;
		vertical-align: top;
		padding:0.5em;
	}
	.table-cal td{
		width:calc(100% / 7 - 1px);
		border-top:1px solid #c3c3ac;
		border-left:1px solid #c3c3ac;
		text-align: center;
		vertical-align: top;
		padding:0.5em;
	}
	.common-list li{
		padding-top:0.5em;
		margin-bottom:0.5em;
		padding-left:0.5em;
		border-top:1px solid #D5C3C3;
	}
	.common-list li:first-child{
		border-top:none;
		padding-top:0px;
	}
	.common-list li:last-child{
		border-bottom:1px solid #D5C3C3;
		padding-bottom:0.5em;
	}


	.stay-information-atelier-thumtable img{
		max-width: 100%;
	}

	.columns-container{
		overflow: hidden;
		padding-bottom:1em;
	}
	.column2{
		width:calc(50% - 0.5em);
		float:left;
	}
	.columns-container .column2:nth-of-type(odd){
		padding-right:0.5em;
	}
	.columns-container .column2:nth-of-type(even){
		padding-left:0.5em;
	}
	.column3{
		width:calc(33% - 0.5em);
		float:left;
		padding-left:1em;
	}
	.column3_2{
		width:calc(66% - 0.5em);
		float:left;
		padding-left:1em;
	}
	.column3:nth-of-type(1), .column3_2:nth-of-type(1){
		padding-left:0px;
	}
	.column3:nth-of-type(1){
		width:calc(33% - 0.5em - 1px);
	}


	.contact-title{
		color:#003366;	
	}
	.indent1em{
		text-indent: -1em;
		padding-left: 1em;
	}
	img.old-image{
		max-width: 100%;
	}
	hr{
		border-left:none;
		border-right: none;
		border-top: 1px dotted #dedece;
		border-bottom: 1px dotted #ffffff;
		margin:1em 0px;
	}


	footer{
		position: relative;
		display: block;
		width: 100%;
	}
	.footer-contents{
		max-width: calc(970px - 4px - 40px);
		margin:0px auto 0px auto;
		overflow: hidden;
		background-color:#f4f3ea;
		padding:20px 20px 50px 20px;
		
		border-top:dotted 1px #bbb9a7;
		border-left:solid 2px #aa7827;
		border-right:solid 2px #aa7827;
	}
	.copyright{
		font-size:10px;	
	}
	.copyright em{
		font-size:9px;
		font-style: normal;
	}
	.bluebird{
		float:right;
	}
	ul.stayoption{
		float:right;
		clear:both;
		margin-right:5px;
		margin-bottom:3px;
		margin-top:0px;
	}
	ul.footermenu{
		float:right;
		clear:both;
		margin-right:5px;
	}
	ul.stayoption li, ul.footermenu li{
		display:inline;
		font-size: 12px;
		color: #666666;
	}
	.navi-totop{
		clear: both;
		display:block;
		text-align: right;
		width:calc(100% - 40px);
		max-width: 930px;

		position: fixed;
		background-color:#333333;
		z-index: 999;
		height: 20px;
		bottom:-20px;
	}
	.navi-totop a{
		bottom:60px;
		position: relative;

		font-size: 12px;
		color:#ffffff;
		text-decoration: none;
		white-space: nowrap;

		padding:5px 5px;
		display: none;
		border-radius: 4px;
		background-color:#333333;
	}
	.navi-totop a i{
		font-size:14px;
		margin-right:5px;
	}
	.navi-totop a:hover{
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}

	
	a.linkbtn-inline{
		display: inline-block;
		background-color: #958969;
		color:#ffffff;
		border-radius: 4px;
		text-decoration: none;
		font-size:0.8rem;
		line-height: 1.8em;
		padding:0em 0.4em;
		margin:0em 0.5em;
	}
	a.linkbtn-inline:hover{
		background-color: #efbc62;
	}
	a.linkbtn-common{
		display: inline-block;
		background-color: #958969;
		color:#ffffff;
		border-radius: 4px;
		text-decoration: none;
		font-size:1rem;
		line-height: 1.8em;
		padding:0.2em 0.6em;
		margin:0.2em 0.6em;
	}
	a.linkbtn-common:hover{
		background-color: #efbc62;
	}
	a.linkbtn-large{
		display: inline-block;
		background-color: #958969;
		color:#ffffff;
		border-radius: 4px;
		text-decoration: none;
		font-size:1rem;
		line-height: 1.8em;
		padding:0.2em 0.6em;
	}
	a.linkbtn-large:hover{
		background-color: #efbc62;
	}
	




.c_title_area2{
	width:calc(60% - 20px)!important;
	padding-top:20px!important;
}
.c_artistphoto_area{
	padding-top:20px!important;
	width:40%!important;
}
.c_artistphoto_area .artistphoto img{
	width:100%!important;
	height:auto!important;
}

.fb-like{
	position: static;
	z-index: 1!important;
}


@media print, screen and (max-width: 800px){
	.main-menu a{
		font-size:1.6vw;
	}
	.main-menu .logo-shizengo a img{
		width:auto;
		height: 1.6vw;
		margin-right: 1em;
		padding-bottom:0px;
	}
	
	
	
	.header-contents{
		width: 100%;
		min-height: auto;
		display: -webkit-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	.logo-container{
		display: block;
		overflow: hidden;
		height:10vw;
		
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	.main-menu{
		position: relative;
		display: block;
		margin-top:0px;
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		box-ordinal-group: 3;
	}
	.sub-menu{
		position: relative;
		display: none;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	.page-navi{
		border-top:none;

		position: relative;
		display: none;
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		box-ordinal-group: 4;

		padding-bottom:0.3em;
	}
	.page-navi-sub{
		position: relative;
		display: none;
		-webkit-box-ordinal-group: 5;
		-moz-box-ordinal-group: 5;
		box-ordinal-group: 5;
		
		padding-bottom:0.3em;
	}
	.logo-lodge{
		position:static;
		display: inline-block;
		margin-top:3vw;
		margin-left:2vw;
		width:17vw;
	}
	.logo-ongakudo{
		position: static;
		display: inline-block;
		margin-top:3vw;
		margin-left:1vw;
		width:17vw;
	}
	.logo-lodge img, .logo-ongakudo img{
		width:100%;
		height: auto;
	}
	.sub-menu{
		width:100%;
		display: block;
		overflow: hidden;
		right:0px;
		top:0px;
		background-color: #51906f;
	}
	.sub-menu li{
		font-size:2.2vw;
	}
	.sub-menu li.translate{
		float:right;
	}
	
	
	
	.column2{
		width:100%;
		float:none;
	}
	.columns-container .column2:nth-of-type(odd){
		padding-right:0em;
	}
	.columns-container .column2:nth-of-type(even){
		padding-left:0em;
	}
	.column3{
		width:100%;
		float:none;
		padding-left:0px;
	}
	.column3_2{
		width:100%;
		float:none;
		padding-left:0px;
	}
	.column3:nth-of-type(1), .column3_2:nth-of-type(1){
		padding-left:0px;
		width:100%;
	}
	.column3:first-child, .column3_2:first-child{
		padding-left:0px;
	}
	.tab_menu a{
		font-size:1.7vw!important;
	}

}
@media print, screen and (max-width: 480px){
	.header-contents{
		width: 100%;
		min-height: auto;
		display: -webkit-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	.logo-container{
		display: block;
		overflow: hidden;
		height:15vw;
		line-height: 15vw;
		border-bottom:1px solid #bbb9a9;

		
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	.main-menu{
		position: relative;
		display: none;
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		box-ordinal-group: 3;
	}
	.sub-menu{
		position: relative;
		display: none;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	.page-navi{
		border-top:none;

		position: relative;
		display: none;
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		box-ordinal-group: 4;

		padding-bottom:0.3em;
	}
	.page-navi-sub{
		position: relative;
		display: none;
		-webkit-box-ordinal-group: 5;
		-moz-box-ordinal-group: 5;
		box-ordinal-group: 5;
		
		padding-bottom:0.3em;
	}
	.page-navi li, .page-navi-sub li{
		padding:0.3em 0em 0em 0.5em;
	}

	.logo-lodge{
		position:static;
		display: inline-block;
		margin-top:3vw;
		margin-left:3vw;
		width:25vw;
	}
	.logo-ongakudo{
		position: static;
		display: inline-block;
		margin-top:3vw;
		margin-left:3vw;
		width:25vw;
	}
	.menu-open{
		display: inline-block;
		float:right;
		text-align: center;
	}
	.menu-open a{
		display: block;
		height: 15vw;
		width: 15vw;
		font-size: 9vw;
		color:#ffffff;
		text-decoration: none;
		background-color:#bbb9a9;		
	}
	.menu-open a .fa-times{
		display: none;
	}
	.logo-lodge img, .logo-ongakudo img{
		width:100%;
		height: auto;
	}

	.main-menu{
		margin-top:0px;
	}
	.main-menu li{
		width:50%;
		float:left;
		border-bottom:1px solid #bbb9a9;
	}
	.main-menu li:nth-child(odd){
		width:calc(50% - 1px);
		border-right:1px solid #bbb9a9;
	}
	.main-menu a{
		display: block;
		text-align: center;
		font-size:3.5vw;
		padding:0.5em 0px;
		margin-left:0em;
	}
	.main-menu .logo-shizengo a{
		margin-right: 0em;
		padding:0.5em 0px;
	}
	.main-menu .logo-shizengo a img{
		height:1em;
		width: auto;
	}

	.main-menu a:hover, .main-menu a.main-menu-active{
		padding-bottom:0.5em;
		border-bottom:none;
		background-color: #d4e8de;
	}
	.sub-menu{
		width:100%;
		display: block;
		overflow: hidden;
		right:0px;
		top:0px;
		background-color: #51906f;
	}
	.sub-menu li{
		font-size:2.2vw;
	}
	.sub-menu li.translate{
		float:right;
	}
	p{
		word-break: break-all;
	}
	.table-wrapp::-webkit-scrollbar{
		background: #dddddd;
		border-radius: 5px;
		height: 4px;
		border: 1px solid #dddddd;
	}
	.table-wrapp::-webkit-scrollbar-thumb{
		background:#333333;
		border-radius: 5px;
	}
	

	.column2{
		width:100%;
		float:none;
	}
	
	.columns-container .column2:nth-of-type(odd){
		padding-right:0em;
	}
	.columns-container .column2:nth-of-type(even){
		padding-left:0em;
	}
	.column3{
		width:100%;
		float:none;
		padding-left:0px;
	}
	.column3_2{
		width:100%;
		float:none;
		padding-left:0px;
	}
	.column3:first-child, .column3_2:first-child{
		padding-left:0px;
	}


	
	.bluebird{
		display:block;
	}
	.bluebird img{
		width: 100%;
	}
	.bluebird, ul.stayoption, ul.footermenu{
		float:none;
		margin-bottom:1em;
	}
	
	
	
	
	.c_title_area2{
		width:100%!important;
		padding-top:20px!important;
	}
	.c_artistphoto_area{
		padding-top:20px!important;
		width:100%!important;
	}
	
	.tab_contents table{
		display: block;
		overflow: scroll;
	}
	.tab_contents .chargetable td, .tab_contents .bustable td{
		white-space: nowrap;
		padding:0.2em 0.5em!important;
	}
	.tab_contents table::-webkit-scrollbar{
		background: #dddddd;
		border-radius: 5px;
		height: 4px;
		border: 1px solid #dddddd;
	}
	.tab_contents table::-webkit-scrollbar-thumb{
		background:#333333;
		border-radius: 5px;
	}	
	
}