@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);
/*HTML5*/
article, aside, main, dialog, figure, footer,header,hgroup, nav, section {
	display: block;
}
/*HTML5*/
.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, q, th, td, caption, table, div, span, object, iframe, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*01.全体的な設定*/
* {
	margin : 0;
	padding : 0;
	color : #333333;
	font-size:100%;
	font-style : normal;
	font-weight : normal;
	font-family :  -apple-system,"Helvetica Neue", Helvetica, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height : 180%;
	text-decoration : none;
}

html {
	width:100%;
	background:#000;
}

html.modal {
	background:#FFF;
}

body,
.body {
	width:100%;
	min-width:100%;
	background:#FFF;
}

a,a:link {
	color:#8b4513;/*リンク*/
	text-decoration:none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

a:visited {
	color:#8b4513;/*リンク*/
	text-decoration:none;
}

a:hover {
	color:#BA9072;/*リンク*/
	text-decoration:none;
}

a:active {
	color:#BA9072;/*リンク*/
	text-decoration:none;
}

a img {
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

img {
	max-width:100%;
	height:auto;
}

a span {
	color:inherit;
}

h1 {
	font-size:180%;
}

h2 {
	font-size:160%;
}

h3 {
	font-size:140%;
}

h4 {
	font-size:130%;
}

h5 {
	font-size:120%;
}

h6 {
	font-size:110%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-size:100%;
	text-decoration:none;
}

ul,ol,dl {
	list-style:none;
}

form {
	display:block;
}

fieldset {
	border:none;
}

input,
select {
	border-radius:0;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	outline:none;
}

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea {
	padding:4px;
	border:1px solid #CCC;
	box-shadow:none;
}

input::-webkit-input-placeholder,
input::-moz-input-placeholder,
input::-ms-input-placeholder,
input::input-placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-input-placeholder,
textarea::-ms-input-placeholder,
textarea::input-placeholder {
	color:#EEE;
}

select {
	padding:4px 4px 4px 4px;
	border:1px solid #CCC;
	box-shadow:none;
}

strong {
	font-weight:bold;
}
/*clearfix*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*レイアウト*/
.wrap {
	position:relative;
	width:100%;
	margin:0 auto;
}

.inner {
	position:relative;
	width:1200px;
	margin:0 auto;
}

.title {
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*02.header*/
#header {
	position:fixed;
	top:0;
	z-index:999;
	width:100%;
	height:auto;
	margin:0 auto;
	background:rgba(255,255,255,0.8);
}

#site_title a {
	display:block;
	width:480px;
	height:80px;
	margin:0 auto;
	background:url(../img/common/logo.svg) center center / contain no-repeat;
	text-indent:-9999px;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*#site_title a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}*/

#site_description {
	position:absolute;
	top:80px;
	left:0;
	right:0;
	display:none;
	width:560px;
	margin:0 auto;
	padding:16px;
	background:rgba(0,0,0,0.8);
	color:#FFF;
	font-size:12px;
}

#site_description:after {
	content: " ";
	position: absolute;
	top: -8px; left: 50%;
	margin-left: -8px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent rgba(0,0,0,0.8) transparent;
}

#header .site_info {
	position:absolute;
	right:0;
	top:4px;
}

.site_info a {
	display:block;
	color:#000;
}

.site_info a:hover {
	color:#999;
}

.site_info .address {
	position:relative;
}

.site_info .address .time {
	position:absolute;
	right:100%;
	display:block;
	width:auto;
	margin:0 8px;
	line-height: 1.5;
	white-space: nowrap;
	font-size:8px;
}

.site_info .address .time p {
	line-height:100%;
	color:#999;
}

.site_info .address .time p  strong {
	letter-spacing:0.075em;
	line-height:100%;
	color:inherit;
}

.tel {
	display:block;
	padding:0 0 0 28px;
	margin:0 0 8px 0;
	background:url(../img/common/tel.svg) left center / 24px no-repeat;
	line-height:150%;
	font-size:22px;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.calendar {
	padding:0 0 0 0;
	background:url(../img/common/calendar.svg) left center / 24px no-repeat;
	line-height:150%;
	font-size:14px;
}

.calendar .date,
.entry .calendar .date {
	display:inline-block;
	width:24px;
	margin:0 4px 0 0;
	text-align:center;
	font-size:8px;
	font-family :  -apple-system,"Helvetica Neue", Helvetica, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.calendar .text {
	letter-spacing:0.075em;
	font-size:16px;
}

#header .toggle_menu {
	position:absolute;
	left:8px;
	top:0;
	bottom:0;
	margin:auto;
}
/*03.navigation*/
#navigation {
	position:fixed;
	top:80px;
	z-index:999;
	display:none;
	width:100%;
	height:auto;
	background:rgba(255,255,255,0.8);
}

#global_navi {
	display:none;
	width:1200px;
}

.top #contents_navi {
	padding:0 0 0 0;
}

.globalnavi,
.contentsnavi {
	display:flex;
	display:-webkit-flex;
	flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	justify-content:center;
	-webkit-justify-content:center;
	margin:0 auto;
	text-align:center;
}

#global_navi .gn,
#contents_navi .cn {
	display:block;
	width:auto;
}

#global_navi .gn a,
#contents_navi .cn a {
	display:block;
	width:auto;
	padding:8px 32px;
	margin:0 auto;
	text-decoration:none;
	color:#000;
	font-size:24px;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#global_navi .gn_top a {
	background:url(../img/common/home.svg) left 16px / 24px no-repeat;
	text-transform:capitalize;
}

#global_navi .gn_news a {
	background:url(../img/common/topics.svg) left 16px / 24px no-repeat;
}

#global_navi .gn_contact a {
	background:url(../img/common/contact.svg) left 16px / 24px no-repeat;
}

#contents_navi .cn a:hover {
	color:#999;
}

#local_navi li,
#local_navi .archiveslist dt,
#local_navi .archiveslist dt.archive-index,
#local_navi ol li.yearlylist,
.local_navi li,
.local_navi .archiveslist dt,
.local_navi .archiveslist dt.archive-index,
.local_navi ol li.yearlylist {
	border-bottom:#CCC solid 1px;
}

#local_navi ol li.yearlylist,
#local_navi ol li.monthlylist a,
#local_navi .archiveslist dt.archive-index a,
#local_navi li a,
.local_navi ol li.yearlylist,
.local_navi ol li.monthlylist a,
.local_navi .archiveslist dt.archive-index a,
.local_navi li a {
	display:block;
	padding:8px;
	color:#000;
}

#local_navi ol li.yearlylist:hover,
#local_navi ol li.monthlylist a:hover,
#local_navi .archiveslist dt.archive-index a:hover,
#local_navi li a:hover,
.local_navi ol li.yearlylist:hover,
.local_navi ol li.monthlylist a:hover,
.local_navi .archiveslist dt.archive-index a:hover,
.local_navi li a:hover {
	color:#CCC;
}

#local_navi li a span,
.local_navi li a span {
	display:inline-block;
	margin:0 8px;
}

#contents_navi .cn a {
	position:relative;
	padding:0 32px;
}

#contents_navi .cn:first-child a {
	text-transform:capitalize;
}

#contents_navi .cn a:after {
	content:attr(title);
	display:block;
	width:auto;
	height:12px;
	text-align:center;
	line-height:100%;
	font-size:10px;
}

#contents_navi .cn_info a:after {
	content:'利用案内';
}

.toggle_menu,
.toggle_menu span {
	display:inline-block;
	transition:all .4s;
	box-sizing:border-box;
}

.toggle_menu {
	width:32px;
	height:28px;
}

.toggle_menu span {
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background-color:#000;
	border-radius:2px;
}

.toggle_menu span:nth-of-type(1) {
	top:0;
}

.toggle_menu span:nth-of-type(2) {
	top:0;
	bottom:0;
	margin:auto;
}

.toggle_menu span:nth-of-type(3) {
	bottom:0;
}

.toggle_menu.active span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}

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

.toggle_menu.active span:nth-of-type(3) {
	-webkit-transform: translateY(-13px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}

#breadcrumb {
}

#breadcrumb .topicpath {
	padding:24px 0;
}

#breadcrumb .topicpath li {
	display:inline-block;
}

#breadcrumb .topicpath li a,
#breadcrumb .topicpath li span {
	display:inline-block;
	color:#000;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#breadcrumb .topicpath li .home {
	text-transform:capitalize;
}

#breadcrumb .topicpath li span {
	margin:0 8px 0 0;
}
/*04.container*/
#image {
	padding:96px 0 16px 0;
}

.index #image,
.page #image {
	padding:80px 0 16px 0;
}

#container {
	width:1200px;
}

.top #container {
	padding:48px 0 24px 0;
}

#branch_website.index #container,
#branch_website.page #container,
#branch_website.archive #container,
#branch_website.entry #container {
	padding:80px 0 24px 0;
}

#main {
	width:800px;
	margin:0 auto;
	padding:0 0 0 0;
	margin:0 auto 80px auto;
	float:left;
}

#side {
	width:360px;
	margin:0 auto;
	padding:0 0 80px 0;
	float:right;
}

#bottom {
	display:flex;
	display:-webkit-flex;
	flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	justify-content:center;
	-webkit-justify-content:center;
	width:100%;
	margin:0 auto 80px auto;
	clear:both;
}
/*slider*/
#image .bx-wrapper {
	margin:0 auto 16px auto;
}

#image a.logo {
	position:absolute;
	top:16px;
	left:16px;
	z-index:100;
	display:block;
	width:120px;
	height:120px;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.75));
	filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.75));
	text-indent:-9999px;
}

.index #image a.logo,
.page #image a.logo {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:96px;
	margin:0 auto;
	filter:none;
	-webkit-filter:none;
}

#slider {
	max-width:1200px !important;
	margin:0 auto;
}

.slider-entry,
.slider-entry a {
	width:100% !important;
	height:480px !important;
}

.slider-entry a {
	position:relative;
	display:block;
}

.slider-entry a span {
	position:absolute;
	bottom:80px;
	left:16px;
	display:block;
	text-shadow:1px 1px 0 rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.5);
	color:#FFF;
	font-size:32px;
}

.slidenav {
	text-align:center;
}

.slidenav-entry {
	display:inline-block;
	width:24px;
	height:8px;
	background:#CCC;
	text-indent:-9999px;
}

.slidenav-entry.active {
	background:#000;
}

.slidenav a {
	margin:0 2px;
}
/*トップページ*/
#studios,
#management {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	width:1600px;
	margin:0 auto;
}

#studios {
}

#management {
	padding:16px 0 0 0;
	margin:16px auto 0 auto;
	border-top:#000 solid 1px;
}

#studios .studio {
	width:33.3%;
}

#management .management {
	width:25%;
}

.studio_inner,
.management_inner {
	position:relative;
	margin:8px;
	box-shadow:0 0 0 rgba(0,0,0,0);
	overflow:hidden;
	cursor:pointer;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

.studio_inner:hover,
.management_inner:hover {
	box-shadow:0 4px 8px rgba(0,0,0,0.5);
}

.studio .studio_name,
.management .management_name {
	position:absolute;
	bottom:0;
	z-index:100;
	width:100%;
	text-align:left;
}

.studio .studio_name a,
.management .management_name a {
	display:block;
	padding:4px 8px;
	line-height:120%;
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.5);
	/*text-shadow:0 1px 0 rgba(255,255,255,0.8),0 0 1px rgba(255,255,255,0.3);*/
	font-size:28px;
	font-weight:bold;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.studio .studio_name a span,
.management .management_name a span {
	display:block;
	font-size:18px;
}

.studio .studio_name a .studio_class,
.management .management_name a .management_class {
	display:inline-block;
	margin:0 8px 0 0;
	font-size:20px;
}

.studio .studio_name a .studio_address,
.management .management_name a .management_address {
	font-size:20px;
}

.management .management_name a .small {
	margin:0 4px 0 0;
	font-size:14px;
}

.management .management_name a .other {
	display:none;
}

.studio .studio_images,
.management .management_images {
	height:264px;
	background:#000;
	overflow:hidden;
}

.studio_images .studio_image,
.management_images .management_image {
	display:block;
	width:100%;
	height:264px;
}

.management .management_images,
.management .management_images .studio_image {
	height:200px;
}

.studio_comment {
	display:inline;
}

.studio_comment span {
	position:absolute;
	z-index:100;
    right: -36px;
    top: 24px;
	display:inline-block;
    width:auto;
    padding:2px 36px;
    background:#960;
    text-align: center;
	color:#FFF;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.studio:hover .studio_comment span {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
/*05.contents*/
.contents {
	width:100%;
	padding:0 0 24px 0;
}

.contents .header,
.contents .section,
.contents .footer {
	width:100%;
	height:auto;
}

.contents .header,
.contents .contents_footer {
	position: relative;
	margin:0 auto 24px auto;
	border-bottom:#000 solid 1px;
}

.contents .contents_footer {
	padding:0 0 16px 0;
}

.heading {
}

.header .heading .title {
	display:block;
	color:#000;
	font-size:28px;
}

.header .heading .keywords {
	margin:0 0 0 16px;
	font-size:18px;
}

.header .comment {
	position: absolute;
	right: 0;
	bottom: 8px;
}

.contents .entry,
.article .page {
	position:relative;
	margin:24px auto;
	padding:0 0 24px 0;
	border-bottom:#CCC solid 1px;
}

.entry .image {
	position:relative;
	width:240px;
	margin:0 16px 0 0;
	background:#000;
	float:left;
	overflow:hidden;
}

.entry .image a {
	display:block;
	width:100%;
	height:160px;
}

.entry .image a:hover img,
.page .image a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.entry .image .noimage {
	display:block;
}

.entry .image a img {
	position:absolute;
	left:-100%;
	right:-100%;
	display:block;
	width:auto;
	height:100%;
	margin:auto;
}

.page .image a img {
	display:block;
	width:100%;
	height:auto;
}

.page .image .permalink {
	position:absolute;
	right:0;
	bottom:0;
	height:200px;
	margin:0;
	float:none;
	background:url(../img/common/photo.svg) center 32px / 56px no-repeat rgba(0,0,0,0.9);
	color:#FFF;
}

.page .image .permalink:hover {
	background:url(../img/common/photo.svg) center 32px / 56px no-repeat rgba(0,0,0,0.75);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.page .image .permalink .supply {
	display:block;
	width:100%;
	padding:96px 0 0 0;
	color:inherit;
}

.entry .date {
	display:block;
	line-height:100%;
	font-size:22px;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.entry .date .day {
	color:inherit;
	font-size:18px;
	font-family:inherit;
}

.page .heading {
	margin:0 auto 16px auto;
}

.entry .heading .title,
.page .heading .title {
	display:block;
	line-height:150%;
	color:#000;
	text-decoration:none;
	font-size:24px;
	font-family :  -apple-system,"Helvetica Neue", Helvetica, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:400;
}

.entry .heading .title:hover,
.page .heading .title:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.page .heading .title .keywords {
	margin:0 16px;
	line-height:100%;
	font-size:16px;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.entry .other {
	position:absolute;
	bottom:24px;
	right:0;
	display:block;
}

.entry .other li {
	display:block;
	margin:0 8px 0 0;
	float:left;
}

.entry .other .sns .btn {
	display:inline-block;
	width:24px;
	height:24px;
	margin:-2px 4px 0 0;
	vertical-align:middle;
	text-indent:-9999px;
}

.other .twitter .btn {
	background:url(../img/sns/twitter.png) center center / cover no-repeat;
}

.other .facebook .btn {
	background:url(../img/sns/facebook.png) center center / cover no-repeat;
}

.top #archive .header .heading .title {
	padding-left:32px;
	background:url(../img/contents/topics.svg) left center / 24px no-repeat;
}

.entry .other .sns .counter span {
}

.page .permalink {
	margin:16px auto;
	text-align:center;
}

.page .permalink a {
	display:inline-block;
	padding:8px 16px;
	border:#000 solid 1px;
	border-radius:4px;
	color:#000;
}

.page .permalink a:hover {
	background:#000;
	color:#FFF;
}

.page .permalink a:after {
	content:'の詳細';
}

.pagenate {
	margin:16px auto 0 auto;
	text-align:center;
}

.pagenate li {
	display:inline-block;
}

.pagenate li a,
.pagenate li span {
	display:block;
	padding:0 8px;
	margin:4px;
	border:#000 solid 1px;
	color:#000;
}

.pagenate li.current span,
.pagenate li a:hover {
	background:#000;
	color:#FFF;
}

.figures {
	position:relative;
	min-height:200px;
	margin:0 auto 16px auto;
}

.top .figures {
	margin:0 auto;
}

.figures .images {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	list-style:none;
}

.top .figures .images {
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
}

.figures .images .image {
	position:relative;
	display:block;
	width:200px;
	height:auto;
	background:#000;
}

.figures .images .image a {
	display:block;
	width:auto;
	height:auto;
	border:#FFF solid 1px;
}

.figures .images .image a img {
	display:block;
}

.figures .images .image a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.figures .images .image .btn_print {
	position:absolute;
	right:0;
	bottom:0;
	width:32px;
	height:32px;
	border-radius:50%;
	background:url(../img/contents/print.svg) center center / 24px no-repeat #000;
	text-indent:-9999px;
}

.figures .images .image .print_img {
	display:none;
}

.figures .permalink {
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	width:200px;
	height:160px;
	margin:0;
	padding:40px 0 0 0;
	float:none;
	background:url(../img/common/photo.svg) center 96px / 56px no-repeat rgba(0,0,0,0.9);
	box-shadow:1px 1px 1px #FFF inset,1px -1px 1px #FFF inset,-1px 1px 1px #FFF inset,-1px -1px 1px #FFF inset;
	color:#FFF;
}

.figures .permalink:hover {
	background:url(../img/common/photo.svg) center 96px / 56px no-repeat rgba(0,0,0,0.75);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.footer .pages {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	margin:0 auto;
	text-align:center;
}

.footer .pages .page {
	padding:0;
	margin:0 auto 8px auto;
	border:none;
}

.footer .pages .page a {
	padding:4px 8px;
	border-radius:2px;
	border:#CCC solid 1px;
	background:#CCC;
	color:#FFF;
}

.footer .pages .page a:hover {
	background:#999;
}

.sns_btns {
	list-style:none;
}

.sns_btn {
	display:inline-block;
	height:48px;
	vertical-align:top;
}

.snsshare {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}

.snsshare a {
	display:block;
	width:50%;
	padding:16px 0;
	background:#000;
	text-align:center;
	color:#FFF;
}

.snsshare a#share_fb {
	background:#315096;
}

.snsshare a#share_tw {
	background:#55acee;
}

.snsshare a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/*gallery*/
#instagram_gallery {
	margin:0 auto 32px auto;
}

#instagram_gallery .header {
	text-align:center;
}

#instagram_gallery .header a {
	display:block;
	padding:16px;
	background:#000;
	color:#FFF;
	font-size:16px;
}

#instagram_gallery .header a:hover {
	background:#999;
}

#instagram_gallery .header a:before {
	content:" ";
	display:inline-block;
	width:24px;
	height:24px;
	margin:0 8px -8px 0;
	background:url(../img/contents/instagram.svg) center center / contain no-repeat;
}

#instafeed {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	list-style:none;
}

#instafeed li {
	width:33.33%;
}

#instafeed li a {
	position:relative;
	display:block;
	width:auto;
	height:auto;
	padding:1px;
}

#instafeed li a img {
	display:block;
	width:100%;
	height:auto;
}

#instafeed li a .data {
	position:absolute;
	top:0;
	display:block;
	width:100%;
	min-height:100%;
	background:rgba(0,0,0,0.6);
	line-height:100%;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

#instafeed li a:hover .data {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#instafeed li a .data span {
	display:block;
	padding:8px;
	color:#FFF;
	font-size:6px;
}

#instafeed li a .data .likes {
	position:absolute;
	top:36%;
	left:0;
	right:0;
	text-align:center;
	font-size:14px;
}

#instafeed li a .data .likes:before {
	content:" ";
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 4px -4px 0;
	background:url(../img/contents/like.svg) center center / contain no-repeat;
}
/*bottom*/
#bottom .side {
	flex:1;
	width:50%;
	margin:0 auto;
}

#freearea_concept {
	padding:24px;
	background:#F9F9F9;
}
/*map*/
#map {
	position:relative;
	margin:0 auto;
	padding:16px 0 0 0;
	background:#F9F9F9;
}

#map .header {
	border:none;
	text-align:center;
}

#map .header h2 {
	float:none;
}

#map .header h2 .keywords {
	display:block;
	margin:-8px auto 0 auto;
	font-size:14px;
}

#map .address a {
	color:#000;
}

#map .address a:before {
	content:" ";
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/common/marker.svg) center center / contain no-repeat;
}

#map .address a:hover {
	color:#999;
}

#map_canvas {
	width:100%;
	height:440px;
}
/*entrybody,pagebody*/
.iframe {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.iframe iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

iframe {
	max-width:100%;
}
/*contact*/
.forms {
	margin:16px auto;
}

.preview {
	margin:32px auto;
}

.forms .forms {
	display:block;
	width:100%;
}

.forms .label {
	margin:8px 0 0 0;
	width:20%;
	float:left;
}

.preview .label {
	margin:0 0;
	clear:left;
}

.forms .form {
	margin:8px 0 32px 0;
	padding:0 0 16px 0;
	border-bottom:1px solid #EEE;
}

.preview .form {
	margin:16px 0;
}

.forms .form input {
	width:304px;
	outline:0;
}

.forms .form input#mail_date {
	width:160px;
}

.forms .form select {
	padding:4px 24px 4px 4px;
	background:url(../img/contents/down.svg) right center / 20px no-repeat;
}

.forms .form select option.placeholder {
	color:#666;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.forms .form textarea {
	width:560px;
	height:240px;
}

.btns {
	width:400px;
	margin:16px auto;
	text-align:center;
}

#mail_form .btns {
	margin:24px auto;
}

.btns .btn {
	display:block;
	margin:0 auto 16px auto;
}

#mail_form .btns .btn {
	display:inline-block;
}

.btns .btn a,
.btns .btn input {
	position:relative;
	display:block;
	margin:0 auto;
	padding:16px;
	border:#000 solid 1px;
	/*border-radius:4px;*/
	background:#FFF;
	background-size:40px !important;
	color:#000;
	font-size:24px;
}

#mail_form .btns .btn input {
	padding:8px 24px;
	margin:0 16px;
	font-size:16px;
	cursor:pointer;
}

.btns .btn a:hover,
.btns .btn input:hover {
	background:#000;
	color:#FFF;
}

.btns .btn a:before {
	display:inline-block;
	width:40px;
	height:auto;
	margin:0 8px -8px 0;
	vertical-align:middle;
}

.btns .btn a.tel {
	font-size:32px;
}

.btns .btn a.tel:before{
	content:url(../img/common/tel.svg);
}

.btns .btn:hover a.tel:before {
	content:url(../img/common/tel_w.svg);
}

.btns .btn a.mail:before{
	content:url(../img/common/contact.svg);
}

.btns .btn:hover a.mail:before {
	content:url(../img/common/contact_w.svg);
}

.article_contact {
	text-align:center;
}
/*sitemap*/
.sitemap {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}

.sitemap .section {
	width:auto;
}

.sitemap .section h2 {
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.sitemap .section ul,
.sitemap .section dl {
	padding:0 8px;
}

#sitemap_top h2,
#sitemap_top li a[title="sitemap"] {
	text-transform:capitalize;
}

#sitemap_navi {
	width:1200px;
}

#sitemap_navi a,
.sitemap .section a {
	color:#000;
}

.sitemap .section a:hover {
	color:#999;
}

.article .sitemap .page {
	margin:0 auto;
	padding:0 0 0 0;
	border:none;
}
/*aside*/
.aside .section .title {
	border-bottom:#000 solid 1px;
	margin:0 auto 16px auto;
	color:#000;
	font-size:20px;
}

#bottom .section .title {
	margin:0 auto;
	border:none;
	text-align:center;
}

.aside .section .subtitle {
	margin:0 auto 16px auto;
	font-size:10px;
}

#bottom .section .subtitle {
	text-align:center;
}

.aside .nav .title {
	margin:0 auto 0px auto;
}

.aside .section .title a {
	color:#000;
}

.aside .section .title a:hover {
	color:#999;
}

.aside .section .keywords {
	margin:0 0 0 8px;
	font-size:16px;
}

.aside .nav,
.aside .side_calendar,
.aside #local_navi,
.aside .local_navi,
.freearea,
.banners {
	margin:0 auto 32px auto;
}

.aside .side:first-child,
#side .side:first-child {
	margin:16px auto 32px auto;
}

.banners_list {
	display:block;
	text-align:center;
}

.banner {
	display:block;
	margin:0 auto 16px auto;
}

.banner_link {
	display:block;
	width:100%;
	height:auto;
	background:#000;
}

.banner_link:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.banner_image {
	display:block;
	width:100%;
	height:auto;
}
/*カレンダー*/
.calendar_studios {
	margin:24px 0;
}

.calendar_studios .studios {
}

.calendar_studios .studios li {
	display:inline-block;
	margin:0 32px 0 0;
}

.calendar_studios .studios li a {
	color:#000;
	font-size:12px;
}

#calendar {
	position:relative;
	width:100%;
}

#calendar .loading {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	margin:auto;
}

.fc-day-number {
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.fc-month-view .fc-scroller {
	height:auto !important;
	overflow-y:visible;
}

.fc-month-view .fc-scroller > * {
	overflow-y:visible;
}
/*06.footer*/
#footer {
	width:100%;
	margin:0 auto;
	padding:16px 0;
	background:#000;
}

#footer_navi {
	float:left;
}

#footer_navi .footer_navi {
}

.footer_navi li {
	display:block;
	margin:0 16px 0 0;
	float:left;
}

.footer_navi li a {
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#footer .copy {
	float:right;
}

#copyright {
	color:#FFF;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#copyright a {
	color:inherit;
}

#footer a,
#footer .yearlylist {
	color:#FFF;
}

#footer_sitemap .header .heading .title {
	font-size:24px;
}

#scrolltop {
	position:fixed;
	bottom:16px;
	right:16px;
	z-index:1000;
}

#gotop {
	position:fixed;
	bottom:16px;
	left:16px;
	z-index:999;
}

#scrolltop a,
#gotop a {
	position:relative;
	display:block;
	width:48px;
	height:48px;
	margin:0;
	border-radius:50%;
	background:rgba(102,102,102,0.8);
}

#scrolltop a:after,
#gotop a:after {
	content:" ";
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
	display:block;
	width:16px;
	height:16px;
	margin:0 auto;
}

#scrolltop a:after {
	top:20px;
	border-left:#FFF solid 1px;
	border-top:#FFF solid 1px;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}

#gotop a:after {
	top:4px;
	width:40px;
	height:40px;
}
/* 画面の横幅が1600pxまで */
@media only screen and (max-width: 1600px) {
/*トップページ*/
#studios,
#management {
	width:auto;
	margin:0 8px;
}

}
/* 画面の横幅が1239pxまで */
@media only screen and (max-width: 1239px) {
/*レイアウト*/
.inner,
#container {
	width:960px;
	margin:0 auto;
}

#branch_website.index #container,
#branch_website.page #container,
#branch_website.archive #container,
#branch_website.entry #container {
	padding:80px 24px 24px 24px;
}
/*04.container*/
#main {
	width:600px;
}

#side {
	width:320px;
}
/*05.contents*/
.entry .image {
	width:200px;
}
/*sitemap*/
#sitemap_navi {
	width:auto;
}
}
/* 画面の横幅が959pxまで */
@media only screen and (max-width: 959px) {
/*02.header*/
#header .inner {
	padding:0 24px;
	margin:0 16px;
}

#site_title a {
	width:400px;
}

.site_info .address .time {
	display:none;
}
/*03.navigation*/
#contents_navi .contentsnavi {
	padding:0 0 24px 0;
}

#contents_navi .cn a {
	padding:0 16px;
}

.branch_body .aside .side:first-child,
.branch_body #side .side:first-child {
	margin:0px auto 32px auto;
}

.aside .side:first-child,
#side .side:first-child {
	margin:0 auto 32px auto;
}
/*04.container*/
#container {
	width:auto;
	padding:80px 24px 24px 24px;
}

.inner,
.top #container,
#image + #container {
	width:auto;
	padding:24px;
}
/*04.container*/
#image {
	padding:80px 0 16px 0;
}

#main {
	width:100%;
	float:none;
}

#side {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	width:100%;
	float:none;
}
/*トップページ*/
#studios,
#management {
	width:auto;
	margin:0 8px;
}

.studio .studio_images,
.studio_images .studio_image {
	height:200px;
}

.management .management_images,
.management_images .management_image {
	height:160px;
}
/*05.contents*/
.entry .image {
	width:240px;
}

.figures .images .image {
	width:25%;
	height:auto;
}

.figures .permalink,
.figures .permalink:hover {
	position:relative;
	left:0;
	width:auto;
	height:64px;
	padding:24px 42%;
	background:url(../img/common/photo.svg) 35% center / 56px no-repeat rgba(0,0,0,0.9);
	text-align:left;
}
/*aside*/
#side .side {
	width:304px;
}
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
/*レイアウト*/
.inner {
	width:100%;
	margin:0 auto;
}
/*02.header*/
#header {
	height:48px;
}

#header .inner {
	padding:0 0;
	margin:0 0;
}

#site_title a {
	width:184px;
	height:48px;
}

.site_info .address {
	display:block;
	float:right;
}

.site_info a {
	width:32px;
	height:40px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	background-position:center center;
	text-indent:-9999px;
}

.site_info .calendar {
	text-indent:0;
}

.calendar .date {
	display:block;
	width:auto;
	margin:12px auto;
}

.calendar .text {
	display:none;
}
/*03.navigation*/
#navigation {
	top:48px;
}

#global_navi {
	display:block;
	width:100%;
}

.globalnavi {
	display:block;
	flex-wrap:nowrap;
	margin:0 auto;
	text-align:center;
}

#global_navi .gn a {
	background-position:8px center;
}

.toggle_menu {
	width:24px;
	height:22px;
}

.toggle_menu span {
	height:1px;
	border-radius:0;
}

.toggle_menu.active span:nth-of-type(1) {
	-webkit-transform: translateY(11px) rotate(-45deg);
	transform: translateY(11px) rotate(-45deg);
}

.toggle_menu.active span:nth-of-type(3) {
	-webkit-transform: translateY(-11px) rotate(45deg);
	transform: translateY(-11px) rotate(45deg);
}

#contents_navi {
	display:none;
}

#breadcrumb {
	display:none;
}
/*04.container*/
#image,
.index #image,
.page #image {
	padding:48px 0 16px 0;
}

#image .image_logo {
	padding:0;
}

#image a.logo {
	width:96px;
	height:96px;
}
/*slider*/
.slider-entry,
.slider-entry a {
	width:100% !important;
	height:240px !important;
}

.slider-entry a span {
	bottom:8px;
	font-size:20px;
}

#container {
	width:auto;
	padding:0px 16px 0 16px;
}

.top #contents_navi + #container {
	padding:0 16px;
}

#main,
#side {
	display:block;
	width:100%;
	padding:24px 0;
	float:none;
	clear:both;
}

#bottom {
	display:block;
}

#bottom .side {
	width:auto;
}

#bottom .image {
	height:160px;
}
/*トップページ*/
#studios,
#management {
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
}

#studios .studio {
	width:100%;
	margin:0 auto 16px auto;
}

#management .management {
	width:100%;
	margin:0 auto 16px auto;
}

.studio_inner,
.management_inner {
	margin:0;
}

.studio .studio_name,
.management .management_name {
	position:absolute;
	bottom:0;
	width:100%;
}

.studio .studio_name a,
.management .management_name a {
	display:block;
	padding:4px 8px;
	color:#FFF;
	font-family: 'Lora', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.studio .studio_name a .studio_address {
	font-size:12px;
}
/*05.contents*/
.contents .header, 
.contents .section, 
.contents .footer,
.aside .header, 
.aside .section, 
.aside .footer {
}

.top .header .heading .keywords {
	display:block;
	margin:0 0 0 0;
}

.entry .image {
	width:100%;
	float:none;
	margin:0 auto 8px auto;
}

.entry .image a {
	height:208px;
}

.entry .heading .title {
	font-size:20px;
}

.page .image .permalink {
	position:relative;
	width:100%;
	height:88px;
	clear:both;
	background:url(../img/common/photo.svg) 25% 16px / 56px no-repeat rgba(0,0,0,0.9);
}

.page .image .permalink .supply {
	width:auto;
	padding:16px 0 0 44%;
	text-align:left;
}

.entry .other {
	position:relative;
	bottom:0;
}

.figures .images .image {
	width:50%;
	height:auto;
}

.figures .permalink,
.figures .permalink:hover {
	position:relative;
	left:0;
	width:auto;
	height:64px;
	padding:24px 48px;
	background:url(../img/common/photo.svg) 75% center / 56px no-repeat rgba(0,0,0,0.9);
	text-align:left;
}

.btns .btn a.tel {
	font-size:28px;
}
/*aside*/
#side .side {
	width:100%;
}

/*gallery*/
#instafeed li {
	width:20%;
}
/*contact*/
.forms .label {
	margin:16px auto;
	width:100%;
	float:none;
}

.forms .form {
	margin:0 0 8px 0;
	padding:0 0 16px 0;
	border-bottom:1px solid #EEE;
}

.forms .form input {
	box-sizing:border-box;
	width:100%;
}

.forms .form textarea {
	box-sizing:border-box;
	width:100%;
	height:240px;
}

.btns {
	width:auto;
	margin:16px auto;
	text-align:center;
}

#mail_form .btns .btn {
	display:block;
}

#mail_form .btns .btn input {
	width:100%;
	padding:8px 0;
	margin:0 auto;
}

#map_canvas {
	height:360px;
}
/*sitemap*/
.sitemap {
	width:auto;
	padding:0 8px;
}

#footer_sitemap .header {
	width:auto;
}

#footer_sitemap .header .heading .title {
	font-size:16px;
}

.sitemap .section {
	width:50%;
	margin:0 0 16px 0;
}

#sitemap_navi {
	display:none;
}
/*06.footer*/
#footer .inner {
	padding:24px 0;
}

#footer_navi {
	display:none;
}

#footer .copy {
	float:none;
	text-align:center;
}

#copyright {
	font-size:10px;
}
}

@media print {
html,
body {
	background:#FFF;
}

#header {
	position:relative;
}

#site_title {
	position:absolute;
	left:8px;
	top:0;
}

#site_title a {
	width:160px;
	height:40px;
}

#image {
	padding:0 0 16px 0;
}

.inner,
#global_navi,
#container {
	width:auto;
}

.inner,
.top #container,
#global_navi,
#container,
#image + #container {
	width:auto;
	padding:24px;
}

.entry .image {
	width:240px;
}

.article .page {
	overflow:hidden;
}

.figures .images .image {
	width:25%;
	height:auto;
	margin:0 auto;
	padding:0;
	background:none;
}

.figures .images .image a {
	position:relative;
}

.figures .images .image a img {
	position:relative;
	display:block;
	width:auto;
	height:auto;
}

.figures .permalink {
	display:none;
}


#header .calendar,
#navigation,
#contents_navi,
.toggle_menu,
.btn .mail,
#side,
#footer_navi,
#footer_sitemap,
#scrolltop,
#map_canvas {
	display:none !important;
}

.figures .images .image .print_img {
	display:block;
}

.figures .images .image .print_img img {
	display:block;
	width:100%;
	height:auto;
}

#footer {
	background:none;
}

#footer .copy {
	float:none;
	text-align:center;
}

#copyright,
#copyright a {
	color:#333;
}
}