@charset "utf-8";

/*-------------------------------------------------
	reset
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html{
	overflow-y: scroll;
}
body {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #5c3542;
	background-color: #fff;
	position: relative;
}
h1, h2, h3, h4, h5, h6, p, th, td {
	font-size: 100%;
	font-weight: normal;
}
table, th, td {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	word-wrap: break-word;      /* IE 5+ */
	word-break: break-all;      /* IE 5+ */
}
th, td {
	text-align: left;
}
th p:last-child, td p:last-child {
	margin-bottom: 0!important;
}
ul, ol {
	list-style-type: none;
}
img, object, embed, fieldset {
	border: none;
	vertical-align: bottom;
}
.clearfix {
	zoom: 1;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

/*-------------------------------------------------
	common
-------------------------------------------------*/
#container {
	margin: 0 auto 10px;
}
.wrapper {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
a[href] {
	color: #bc8c9b;	/*987681*/
	text-decoration: underline;
}
a[href] img {
	-webkit-tap-highlight-color: rgba(0,0,0,0.5);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition:    opacity 0.3s ease-in-out;
	-o-transition:      opacity 0.3s ease-in-out;
	transition:         opacity 0.3s ease-in-out;
}
a[href]:hover {
	color: #F05;
}
a[href]:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a[href]:active {
	color: #5c3542;
}
/* 外部リンクにアイコンを付与 */
a[target="_blank"],
a[href^="javascript:void(window.open"] {
	background: url("../img/new_win.gif") right center no-repeat;
	padding-right: 12px;
	margin-right: 5px;
}
/* 画像リンクのアイコンは強制的にクラス名を付加する */
a.noicon {
	background: none;
	padding-right: 0;
	margin-right: 0;
}
a.previous.noicon,
a.next.noicon{
	padding: 16px;
}

input[type="button"],
input[type="submit"] {
	cursor: pointer;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
input.abc {
	ime-mode: disabled;
}
input.breadth60 {
	width: 60px;
}
input.breadth120 {
	width: 120px;
}
input.breadth160 {
	width: 160px;
}
input.breadth200 {
	width: 200px;
}
input.breadth340 {
	width: 340px;
}
textarea {
	resize: vertical;
}
.txtL {
	text-align: left;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}
.notice {
	color: #f06;
}
/* 右クリック時、ドラッグ時の画像保存禁止 */
#main .viewer ul.fade li:after,
#lead:after,
.profileImage:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*-------------------------------------------------
	navi
-------------------------------------------------*/
#navi {
	position: relative;
	float: left;
	width: 220px;
	margin-top: 26px;
}
#navi .logo {
	margin-bottom: 25px;
	/* background: red; */
}
#navi ul.naviArea {
	margin-left: 5px;
	margin-bottom: 37px;
}
#navi ul.naviArea li {
	margin-bottom: 17px;
}
ul.bnrArea li {
	margin-bottom: 10px;
}
/*-------------------------------------------------
	header
-------------------------------------------------*/
#header {
	position: relative;
	float: right;
	display: block;
	height: 26px;
	width: 840px;
}
#header img {
	margin: 11px 0 5px;
}
/*-------------------------------------------------
	top
-------------------------------------------------*/
.top #header a{
	margin-left: 51px;
}
.top #footer p{
	padding-left: 51px;
}
.top #footer ul{
	padding-right: 51px;
}

/*-------------------------------------------------
	main slide image
-------------------------------------------------*/
.top #contents{
	border:none;
}
#main .viewer {
	margin: 0 auto;
	width: 840px;
	height: 558px;
	text-align: left;
	overflow: hidden;
}
#main .viewer .slick{
	width: 738px;
	margin: 0 auto;
}

#main .viewer .slick-prev:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -7px;
	width: 18px;
	height: 18px;
	border-top: 2px solid #bbb;
	border-left: 2px solid #bbb;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -5px;
	transition: all .2s;
}

#main .viewer .slick-next:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	width: 18px;
	height: 18px;
	border-top: 2px solid #bbb;
	border-right: 2px solid #bbb;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
	transition: all .2s;
}
#main .viewer .slick-dots{
	bottom: 5px;
}
#main .viewer .slick-dots li{
	margin: 0 2px;
}
#main .viewer .slick-dots li button:before{
font-size: 40px;
color: #fff;
opacity: 0.6;
}
#main .viewer .slick-dots li.slick-active button:before{
	color: #bc8c9b;
	opacity: 1;
	}
/* #main .viewer ul.fade {
	width: 738px;
	height: 558px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#main .viewer ul.fade li {
	top: 0;
	left: 0;
	width: 738px;
	height: 558px;
	display: none;
	position: absolute;
} */
/*-------------------------------------------------
	contents
-------------------------------------------------*/
#contents {
	position: relative;
	float: right;
	width: 840px;
	border: 1px solid #bc8c9b;
}
#lead {
	position: relative;
	/* border-bottom: 1px solid #987681;*/
} 
#innerContents {
}
h1 {
	margin: 20px auto;
	text-align: center;
}
.boxA,
.boxB,
.boxC,
.boxF {
	width: 760px;
	padding: 20px;
	margin: 5px auto 15px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-pie-border-radius: 6px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
}
.boxA,
.boxF {
	/* background: #F3EDEF; */
	background: #fbf2f5;
	padding-left: 15px;
	padding-right: 25px;
}
.boxB {
	background: #FADEE1;
}
.boxC {
	padding: 10px;
}
.boxA:after,
.boxB:after,
.boxC:after,
.boxF:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.boxA h2,
.boxB h2 {
	font-weight: bold;
	margin-bottom: 20px;
}
.boxA h2 {
	/* color: #987681; */
	color: #bc8c9b;
	padding: 0 0 0 25px;
	background: url("../img/sym_01_2022.png") left top no-repeat;
}
.boxA h2 a[target="_blank"],
.boxA h2 a[href^="javascript:void(window.open"] {
	padding-right: 0;
}
.boxC h2 {
	font-weight: bold;
	margin-bottom: 10px;
}
.boxC h2:before {
	content: "・";
	padding-right: 5px;
}
h2.faqTitle {
	padding: 0 0 0 25px;
	background: url("../img/sym_01_2022.png") left top no-repeat;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 35px;
}
.boxA p,
.boxB p,
.boxC p {
	margin-bottom: 1em;
}
.boxA a.detailLink {
	color: #fff;
	background: #987681;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 3px;
	text-decoration: none;
	margin: 3px 0 0 550px;
	max-width: 70px;
	padding: 3px 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-pie-border-radius: 3px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
	display: block;
}
.boxA a.detailLink:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.boxA .item {
	margin: 0 0 0 25px;
}
.boxB .item {
	margin: auto;
}
.item img {
	margin: 0;
	display: block;
}
.item pre {
	width: 735px;/*615*/
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	font-size: 100%;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	word-break: break-all;      /* IE 5+ */
}
img.txtC {
	display: block;
	margin: 0 auto;
}
.item .left {
	display: inline-block;
	margin: 0 10px 10px auto;
	float: left;
}

.boxA pre{
	white-space:pre-wrap
}
/*	news img	*/
.item pre p img {
	display: block;
	margin: 0 auto;
}
.item pre p {
	margin-bottom: 0;
}
.item .right {
	display: inline-block;
	margin: 0 auto 10px 10px;
	float: right;
}
.item .left {
	display: inline-block;
	margin: 0 10px 10px 0;
	float: left;
}
.item .center {
	display: block;
	margin: 0 auto;
}
/*	news img	*/

.boxF dt {
	color: #bc8c9b;
}
.boxF dt,
.boxF dd {
	margin-bottom: 10px;
	position: relative;
	margin-left: 3em;
}
.boxF dt span,
.boxF dd span {
	font-weight: bold;
	position: absolute;
	left: -3em;
}
.faqTable {
	width: 100%;
}
.faqTable th {
	color: #fff;
	font-weight: bold;
	border: solid 2px #F3EDEF;
	text-align: center;
	background-color: #C7A7B2;
	width: auto;
	padding: 2px;
}
.faqTable th.notitle {
	width: 39%;
	background-color: #987681;
}
.faqTable th.title {
	width: 29%;
	background-color: #987681;
}
.faqTable td {
	border: solid 2px #F3EDEF;
	text-align: center;
	background-color: #fff;
	padding: 2px;
	width: auto;
}
.faqTable td strong{
	color: #fff;
}
.profileImage {
	display: block;
	position: relative;
	float: left;
	margin: 15px 0 40px 40px;
}
.profileTable {
	display: block;
	float: right;
	width: 410px;
	/*358px*/
	margin: 15px 40px 40px 0;
}
.profileTable th{
	width: 100px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #bc8c9b;
	padding: 2px 0;
	}
.profileTable td{
	width: 258px;
	vertical-align: top;
	padding: 2px 0;
}
.movie .boxA {
	padding: 20px;
}
.movieList {
	font-size: 0;
	/* width: 615px; */
	width: 760px;
	margin: 5px auto;
	display: flex;
	flex-wrap: wrap;

}
.movieList li {
	min-height: 155px;/* タイトルが行数が変わったらここも変更 */
	padding: 9px;
	/* width: 173px; */
	width: 162px;
	border: 1px solid #C7A7B2;
	text-align: center;
	vertical-align: top;
	text-align: center;
	margin: 4px;
	line-height: 1.1;
	display: inline-block;
}

.movieList li p {
	padding-top: 5px;
	margin: 0;
	font-size: 13px; 
	line-height: 1.3;
}
.movieList li img {
	/* width: 162px; */
	/* border: 1px solid transparent;
	outline: 1px solid #C7A7B2; */
	width: 100%;
	max-width: 162px;
	height: auto;
}
.movieList li img:hover{
	cursor: pointer;
}
.movie h2 {
	text-align: center;
	padding: 0;
	background: none;
	line-height: 1.5;
}
.movie .movieObject {
	width: 500px;
	margin: 0 auto;
}
.movie .movieObject p {
	text-align: right;
	margin-top: 10px;
}
.movie #movieObject {
	width: 500px;
	height: 281px;
	margin: 0 auto;
	border: 2px solid #fff;
}
.movie #movieObject p {
	text-align: right;
	margin-top: 10px;
}
/*---- ログイン ----*/
.login .boxA {
	background: url("../img/login_bg01_2022.jpg") #fbf2f5 left bottom no-repeat;
	min-height: 400px;
}
.loginBox {
	width: 420px;
	float: right;
}
.loginBox .loginForm {
	width: 340px;
	margin: 0 auto 10px;
}
.loginBox p {
	margin: 0 0 10px;
}
.loginBox .loginForm dt,
.loginBox .loginForm dd {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 10px;
}
.loginBox .loginForm .loginChapter {
	background: #C7A7B2;
	text-decoration: none;
	width: 150px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 5px 6px;
	margin: 0;
	float: right;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-pie-border-radius: 3px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
}
.loginBox .loginForm dd input {
	font-size: 16px;
	padding: 2px 0;
}
.loginBox .loginBtn input {
	background: #bc8c9b;
	text-decoration: none;
	width: 140px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 7px 8px;
	margin: 0 auto 10px;
	display: block;
	border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-pie-border-radius: 3px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
}
.loginBox .registBtn a {
	background: #bc8c9b;
	text-decoration: none;
	width: 200px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 7px 8px;
	margin: 0 auto 10px;
	display: block;
	border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-pie-border-radius: 3px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
}
.loginBox .registBtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*---- 会員所在地選択 ----*/
.memberChoice .boxA {
	background: url("../img/regist_bg01.png") #F3EDEF center center no-repeat;
	min-height: 300px;
}
.memberChoice .boxA p {
	text-align: center;
	margin: 120px 0 10px;
}
.memberChoice .choiceBtn {
	width: 492px;
	margin: 0 auto;
	font-size: 0;
}
.memberChoice .choiceBtn a {
	background: #885265;
	text-decoration: none;
	width: 210px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 5px 8px;
	margin: 0 10px;
	display: inline-block;
	border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-pie-border-radius: 3px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
}
.memberChoice .choiceBtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*---- 退会 ----*/
.cancel .boxA {
	background:url("../img/cancel_bg01_2022.jpg") #fbf2f5 left center no-repeat;
	min-height: 310px;
}
.cancelBox {
	width: 380px;
	float: right;
	margin-top: 40px;
}
.cancelForm {
	width: 340px;
	margin: 0 auto 10px;
}
.cancelBox p {
	text-align: center;
	margin: 0 0 10px;
}
.cancelForm dt,
.cancelForm dd {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 10px;
}
.cancelForm .cancelChapter {
	background: #C7A7B2;
	text-decoration: none;
	width: 150px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 5px 6px;
	margin: 0;
	float: left;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-pie-border-radius: 3px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
}
.cancelForm dd input {
	font-size: 16px;
	padding: 2px 0;
}
.cancelBox .cancelBtn input {
	background: #bc8c9b;
	text-decoration: none;
	width: 140px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 7px 8px;
	margin: 0 auto 10px;
	display: block;
	border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-pie-border-radius: 3px;
	behavior: url("../js/PIE.htc");
	zoom: 1;
}
.cancel .errorMessage {
	color: #f00;
	padding: 0;
	margin: 0;
}

/*-------------------------------------------------
	footer
-------------------------------------------------*/
#footer {
	position: relative;
	float: right;
	width: 840px;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 12px;
}
#footer a {
	text-decoration: none;
}
.copyright {
	position: absolute;
	top:0;
	left: 0;
}
ul.footerNav {
	position: absolute;
	top:0;
	right: 0;
}
ul.footerNav li {
	display: inline-block;
	border-left: 1px solid #987681;
	line-height: 1.0;
	padding-left: 8px;
	margin-left: 5px;
}
ul.footerNav li:first-child {
	border: none;
}
/*-------------------------------------------------
	music
-------------------------------------------------*/
body#music {
	color:#FFF;
	background: #987681;
}
body#music .wrapper {
	width: 980px;
	margin: 0 auto;
}
body#music a {
	color:#FFF;
	font-weight: normal;
}
body#music .marquee {
	width: 980px;
	overflow: hidden;
	position: relative;
	margin: 2px auto 0;
}
body#music .marquee p {
	width: 880px;
	overflow: hidden;
	position: relative;
	font-weight: normal;
}
body#music object,
body#music embed {
	position: absolute;
	top: 1px;
	right: 0;
	width: 100px;
}

.ui-datepicker table, th, td {
	width: 0%;
}