@charset "UTF-8";
.pankuzu{color: #a99d6c; font-size: 12px;}
.pankuzu a{color: #a99d6c; font-size: 12px;}
#concept, #access, #studio, #video, #newstopics{border-top: 2px solid #a99d6c; margin-top: 10px;}
h2{color: #a99d6c; font-size: 20px; margin-top: 10px; font-weight: bold;}
h2 .en{font-size: 14px; margin-left: 10px; font-weight: 10; font-family: 'Noto Serif JP', serif;}
h3 .pc{display: none;}

@media screen and (min-width: 767px) {
h3 .pc{display: inherit;}
#concept, #access, #studio, #video, #newstopics{border-top: 0px;}
#container{padding:0 15px;}
}

/*コンセプト*/
#conceptbox{font-size: 17px; font-size: 1.7rem; margin: 10px 0; font-family: 'Noto Serif JP', serif; background: url("../lib/concept_bg.png") center no-repeat; background-size: contain; line-height: 1.8em;}
#policy{margin: 50px 0;}
#policy h4{color: #a99d6c; font-size: 16px; font-size: 1.6rem; margin-top: 20px; padding-bottom: 10px;}
#policy h5{font-size: 15px; font-size: 1.5rem;  margin: 10px 0; font-weight: 600;}
#policy p{margin-bottom: 10px; border-bottom: 1px dotted #eee; padding-bottom: 10px;}

@media screen and (min-width: 767px) {
#conceptbox{ text-align: center; line-height: 2.5em;}
}

/*アクセス*/

#asccessbox iframe{width: 100%; height: 450px; margin-top: 20px;}
#asccessbox p{margin: 20px 0;}
#company table{ margin: 10px 3%; width: 94%;}
#company table tr td, #company table tr th{border: 1px solid #eee; padding: 10px 5px;}
#company .tr1{background: #222;}

/*スタジオ*/
#studio .red{color: #eb9776; margin-bottom: 10px;}
#studio h3{margin-top: 30px; font-size: 18px; font-size: 1.8rem; margin-bottom: 10px;}
.studioimage{margin: 30px 0 10px 0;}
.studioimage img{max-width: 90%; height: auto;}
.option{width: 98%; margin-bottom: 20px;}
.option tr td, .option tr th{border: 1px solid #eee; padding: 7px;}
.option tr th{background: #333; text-align: center;}
.option tr td{background: #222;}
.option tr td.free{width: 50px; text-align: center; vertical-align: middle;}
.option tr td.price{text-align: center;}
/************************************
** 横長テーブル
************************************/
.p-sticky-table{
	white-space: nowrap;
	line-height:1.6;
}
.p-sticky-table table{
	border: 1px solid #eee;
	border-bottom: none;
	border-collapse: collapse;
	word-break: break-all;
	table-layout: fixed;
	display:block;
	overflow:scroll;
	max-height: 80vh;
}
.p-sticky-table thead th:first-child {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
}
.p-sticky-table thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	text-align:center;
}
.p-sticky-table tbody {border: 1px solid #fff;}
.p-sticky-table tbody th:first-child{
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
	border:none;
	white-space: normal;
	min-width: 130px; 
}
.p-sticky-table th, .p-sticky-table td {
	min-width: 50px;
	text-align: center;
	font-size: 14px !important; font-size: 1.4rem; 
	position: relative;
	padding: 13px !important;
	color: #fff;
	border: none !important;
	z-index: 0;
	vertical-align:middle !important;
	background:#222;
}
.p-sticky-table th{
	background:#333 !important;
	letter-spacing: 1px;
	font-weight: bold !important;
	color: #fff !important;
}
.p-sticky-table tr{
	border-bottom:none !important;
}
.p-sticky-table img{
	margin: 10px auto;
	display: block;
	padding: 0;
	max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	z-index: -1;
}
.kizai tbody tr{width: 100%;}
p.attention{font-size: 12px; font-size: 1.2rem; margin: 10px 0;}
/* スマホ */
@media screen and (max-width: 560px) {
	.p-sticky-table table {
		max-height: 60vh;
  	}
	.p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
    		min-width: 25vw;
  	}
 	.p-sticky-table th, .p-sticky-table td {
    		font-size: 12px !important;  font-size: 1.2rem; 
    		padding: 7px !important;
  	}
}
@media screen and (min-width: 980px) {
.studioimage{float: left; width: 330px;	margin: 10px 0px;}
.studioimage img{max-width: 100%;}
.kizai{float: left; width: 630px;}
.kizai tbody tr td{width: 500px;}
.p-sticky-table table{
	border:none;
	border: 0;
	border-bottom: none;
	border-collapse: collapse;
	word-break: break-all;
	table-layout: fixed;
	display:block;
	overflow: hidden;
	max-height: 80vh;
}
.kizai{margin-top: 10px;}
.p-sticky-table th, .p-sticky-table td{padding: 10px 5px  !important;}
.option tr td.free{width: 100px;}
.option tr th{width: 220px; vertical-align: middle;}
}

/* 中央寄せ */
.pst-center td {
	text-align: center;
}

/*動画スタジオ*/
#video .left{margin-top: 10px; font-family: 'Noto Serif JP', serif;}
#video .movie-wrap {margin-top: 10px;
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
#video .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#videobox p{margin: 10px 0;}

#video .videprice{margin: 10px 0; width: 100%;}
#video .videprice tr th, #video .videprice tr td{border: 1px solid #fff; text-align: center; vertical-align: middle; padding: 10px 5px;}
#video .videprice tr th{background: #222; font-weight: 600;}
#video .videprice tr td{ text-align: left;}
#video h4{margin-top: 10px;}
#video #photobox{margin-top: 30px; }
#video #photobox h2{margin-top: 20px;}
#video .photosample{margin-top: 16px;}
#video #yoyaku p{margin-bottom: 10px; padding: 0 20px;}
#video #yoyaku h4{color: #a99d6c; padding-left: 10px; font-size: 16px; margin-top: 15px;}
#video h5{color: #a99d6c; font-size: 16px; font-size: 1.6rem;  margin: 20px 0 10px 0; padding-top: 20px; }
#video h4{margin-top: 10px;}
#videobox, #photobox{padding: 0 40px;}
#photobox{margin-bottom: 10px; border-bottom: 1px solid #a99d6c; padding-bottom: 20px;}
@media screen and (min-width: 767px) {
#video .movie-wrap{float: left; width: 48%; margin:0 1% 0 0; padding-bottom: 25%;}
#video .videprice tr td{ text-align: center;}
#video #yoyaku p{padding: 0 45px;}
#video #yoyaku h4{padding-left: 30px;}

#video .movie-wrap iframe{height: 300px;}
#video .left{ float: left; width: 47%; margin-right: 3%; font-size: 16px; font-size: 1.6rem; line-height: 1.8em;}
#video .right{ float: left; width: 50%;}
#video .right iframe{height: 300px;}
}

/*ニュース*/
#newstopics .nbox{margin-top: 20px; border-bottom: 1px dotted #eee; padding-bottom: 10px;}
#newstopics h3{margin-bottom: 10px;}
#newstopics p{margin-bottom: 10px;}
#newsbox{margin-bottom: 50px;}

@media screen and (min-width: 767px) {
#newstopics h3{font-size: 18px; font-size: 1.8rem; padding-top: 10px;}
#newstopics .nbox .leftbox{float: left; width: 55%;}
#newstopics .nbox .newsphoto{float: left; width: 40%; margin-left: 5%;}
}