@charset "EUC-JP";

/*////////// ��Reset [html5]�� //////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';	content: none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
button{ border:none; background:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-weight:normal; font-style:normal;}
caption,th{text-align:left;}
abbr,acronym{border:0;}
.clear{clear:both;}
/*////////// ��Reset [html5]�� //////////*/

/*////////// ��WEB FONT�� //////////*/

@import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC);
/* font-family: 'Playfair Display SC', serif; */
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
/* font-family: 'Pinyon Script', cursive; */
@import url(https://fonts.googleapis.com/css?family=Cinzel);
/* font-family: 'Cinzel', serif; */

/*////////// ��WEB FONT�� //////////*/


body{
	color: #fff;
	background:#fff;
	font: "Osaka", "Verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "�⥴���å�", "YuGothic",  "�ᥤ�ꥪ", sans-serif;
	margin: 0px auto;
	height: auto;
	width: 100%;
	min-width: 320px;
	overflow-x: hidden;
}

::selection {background: rgba(80,80,80,0.5); color: rgb(255,0,100);}
::-moz-selection {background: rgba(80,80,80,0.5); color: rgb(255,0,100);}

/*////////// ����󥡦￾�//////////*/
a img{
	border:none;
	text-decoration:none;
}
a:link{
	color: #fff;
	text-decoration: none;
}
a:visited{
	color: #fff;
	text-decoration: none;
}
a:focus{
	outline:none;
	color: #fff;
	text-decoration:none;
}
.main-nav a:link , .RoundedBtn a:link , .accordion a:link , #mainNewfaceSection a:link{
	text-decoration:none;
}
/*////////// ����󥡦￾�//////////*/


/*////////// �����ѡ��� //////////*/

.right {float:right;}
.left {float:left;}
.pink {color:#f5568b;}
.blue{color:#00b4c8;}
.grey {color:#535353;}
.gold {color:#8e720f;}
.white {color:#fff;}
.clearfix:after {content: ""; clear: both; display: block;}

.font-serif {font-family: "Playfair Display SC","����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;}
.font-script {font-family: "Pinyon Script", cursive; letter-spacing: -0.5px;}
.font-figure {font-family: "Cinzel", "����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;}
.font-gothic {font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;}
.font-mincho {font-family: "����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif; }

p{
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif; 
	font-size: 1em;
	text-align: left;
	letter-spacing: 1.5px;
	line-height: 28px;
	color: #fff;
}

.button-shine {
	background: url(../images/button-shine.png) no-repeat;
	width: 300px;
	height: 38px;
}

/*�եå������쥸�å�*/
.credit-cont{
width: 96%;
text-align: center;
margin: 0 auto;
}

.credit-cont a{
width:100%
}

.credit-cont li{
display: inline-block;
width: 49%;
max-width: 300px;
}

.credit-cont li img{
width:100%;
}

.button-credit {
	background: url(../images/button-shine.png) no-repeat;
	width: 100%;
	height: 100px;
}
.button-credit .change-border01__inner{
line-height: 26px;
}
/*�եå������쥸�å�*/


.button-box a {
	display: inline-block;
	background-color: rgba(255,255,255,0.8);
	text-align: center;
}
.button {
	border: 1px solid #8e720f;
	padding: 2px 2px;
	position: relative;
}
.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
	background-color: #8e720f;
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
.change-border01::after {
	height: 2px;
	left: -2px;
	top: -2px;
	width: 0px;
}
.change-border01::before {
	bottom: -2px;
	height: 2px;
	right: -2px;
	width: 0px;
}
.change-border01__inner::after {
	bottom: -2px;
	height: 0px;
	left: -2px;
	width: 2px;
}
.change-border01__inner::before {
	height: 0px;
	right: -2px;
	top: -2px;
	width: 2px;
}
.change-border01:hover::after,
.change-border01:hover::before {
	width: 100%;
	width: calc(100% + 2px);
}
.change-border01:hover .change-border01__inner::after,
.change-border01:hover .change-border01__inner::before {
	height: 100%;
	height: calc(100% + 2px);
}
span.change-border01__inner{
	font-size: 1.2em;
	letter-spacing: 4px;
	line-height: 35px;
}
.button-ja{
	font-size: 0.7em;
	letter-spacing: 2px;
	margin-left: 14px;
}
/*////////// �����ѡ��� //////////*/


/*////////// ���� header ���� //////////*/

#header{
	height: 55px;
	width: 100%;
	position: relative;
	z-index:100;
}
#header h1{
	width: 42%;
	max-width: 300px;
	min-width: 190px;
	margin: 5px 0 0 5px;
	line-height: 0;
}
#header h1 img{
	width: 78%;
}

/*-- �̥����� --*/
.town_banner li {
	background-color: rgba(255,255,255,.6);
	border-radius: 10px;
	margin-left: 10px;
	font-size: 0.8em;
	padding: 5px 5px 0;
	writing-mode: horizontal-tb;
	display: inline-block;
}

.town_banner li a span.subtitle{
	color: #ff0064;
	display: block;
}

.town_banner li a span {
	line-height: 1;
	color: #4f4f4f;
}

/* top */
.top-header .town_banner li {
	margin-top: 5px;
	writing-mode: vertical-rl;
	height: 130px;
}

.top-header .town_banner li a span {
	line-height: 1.4;
}
/* /top */
/*-- /�̥����� --*/

/*////////// ���� header ���� //////////*/


/*////////// ���� stickyheader ���� //////////*/
#topMenu{
	display:none;
}

#stickey-header {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 10000;
    background-color: rgba(245,86,139,0.9);
    height: 50px;
	font-size: 30px;
}
#stickey-header .tel-size{
	font-size: 0.7em;
}
#stickey-header #tel {
	position: absolute;
	top: 3px;
	left: 10px;
	z-index: 1000;
	font-size: 0.9em;
}

#stickey-header #tel >a span{
	color: #fff;
}
	/*@media screen and (min-width: 765px) {
		#stickey-header #tel{
			top: 20px;
			right: 82px;
		}
	}*/

.open-time{
	margin-right: 5px;
	border: 1px solid rgb(255, 255, 255);
	padding: 4px;
	border-radius: 4px;
	font-size: 0.6em;
}

#stickey-header nav {
    display: table;
    width: 100%;
    position: absolute;
    top: 50px;
    font-size: 16px;
}
nav ul.gnavi li{
	font-size: 1.1em;
	letter-spacing: 2px;
	color: #78693c;
	cursor: pointer;
	line-height: 16px;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 320px; 
}
nav ul.gnavi li .gnavi-ja{
	display: inline-block;
	font-size: 0.6em;
	letter-spacing: 2px;
	margin-left: 5px;
}
body.open,body:after{
	overflow: hidden;
}

.b-nav,body:after{
	position: absolute;
}
header nav ul li a.b-link{
	padding: 5px 16px 5px 5px;
}
.b-brand,.b-link{
	text-decoration:none;
}
	@-webkit-keyframes slideInLeft{
		0%{
		-webkit-transform:translate3d(-250px,0,0);
		transform:translate3d(-250px,0,0);
		visibility:visible;
		}
		100%{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		}
	}
	@keyframes slideInLeft{
		0%{
		-webkit-transform:translate3d(-250px,0,0);
		transform:translate3d(-250px,0,0);
		visibility:visible;
		}
		100%{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		}
	}
	@-webkit-keyframes slideOutLeft{
		0%{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		}
		100%{
		-webkit-transform:translate3d(-250px,0,0);
		transform:translate3d(-250px,0,0);
		visibility:hidden;
		}
	}
	@keyframes slideOutLeft{
		0%{
		-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
		}
		100%{
		-webkit-transform:translate3d(-250px,0,0);
		transform:translate3d(-250px,0,0);
		visibility:hidden;
		}
	}
*{
	box-sizing: border-box;
}
body:after{
	background-color: rgba(0,0,0,0.85);
	content:'';
	height:100%;
	left:0;
	opacity:0;
	padding:0;
	top:0;
	visibility:hidden;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	width:100%;
	position: fixed;
    z-index: 890;
}
body.open:after{
	opacity:1;
	visibility:visible;
}
.b-nav{
	margin-left: 24px;
	z-index:910;
}
.b-nav:not(.open){
	visibility:hidden;
}
.b-nav li{
	color:#fff;
	list-style-type:none;
	padding:4px;
	text-align:left;
	-webkit-transform:translateX(-250px);
	-ms-transform:translateX(-250px);
	transform:translateX(-250px)
}
.b-nav li:not(.open){
	animation-duration:.4s;
	animation-fill-mode:both;
	-webkit-animation-name:slideOutLeft;
	animation-name:slideOutLeft;
}
.b-nav li:not(.open),.b-nav.open li{
	-webkit-animation-duration:.4s;
	-webkit-animation-fill-mode:both;
}
.b-nav li:first-child{
	padding-top: 4px;
}
.b-nav.open{
	visibility:visible;
}
.b-nav.open li{
	animation-duration:.4s;
	animation-fill-mode:both;
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft;
}
.b-link{
	background:0 0;
	color:#fff;
	transition:all .4s ease;
	width:auto;
}
.b-link,.b-menu{
	-webkit-transition:all .4s ease;
}
.b-link--active,.b-link:hover{
	background: rgba(50,50,50,0.4);
	padding-left: 16px;
	height: 10px;
}
.b-menu{
	display: inline-block;
	position: absolute;
	height: 35px;
	width: 45px;
	transition: all .4s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	right: 5px;
	top: 3px;
	padding-top: 14px;
	z-index: 12;
	border: solid 1px;
	border-radius: 4px;
}
	@media screen and (min-width: 765px) {
		.b-menu{
			right: 14px;
		}
	}
.b-bun--bottom,.b-bun--mid,.b-bun--top{
	height: 2px;
	width: 30px;
}
.b-bun{
	background: #fff;
	transition: all .4s ease;
}
.b-brand,.b-bun{
	position: relative;
	-webkit-transition: all .4s ease;
}
.b-bun--top{
	top: 0;
	left: 6px;
}
.b-bun--mid{
	top: 4px;
	left: 6px;
}
.b-bun--bottom{
	top: 8px;
	left: 6px;
}
.b-bun--menu {
    font-size: 11px;
    background: none;
    top: -23px;
    left: 6px;
}
.b-container{
	position: fixed;
	width: 100%;
}
.b-container:hover:not(.open) .bun-bottom,.b-container:hover:not(.open) .bun-mid,.b-container:hover:not(.open) .bun-top{
	background-color: rgba(0,0,0,0.8);
}
.b-container.open .b-bun--top{
	background: #fff;
	top: 6px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform:rotate(45deg);
}
.b-container.open .b-bun--mid{
	opacity: 0;
}
.b-container.open .b-bun--bottom{
	background: #fff;
	top: 2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.b-container.open .b-brand{
	color:#fff;
}

/* �ϥ�С�������˥塼 */
#chamo-window {
	z-index: 1000 !important;
}

#nav {
	font-family: "Playfair Display SC","����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10002;
}

.msg {
    font-size: 8vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    align-items: center;
    color: #FEFEFE;
    background-color: #1184F0;
}

.drawer-list {
    position: fixed;
    right: 0;
    top: 0;
	height: 100%;
    /*height: 100vh;
    width: 100vw;*/
    transform: translate(100vw, 0);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
    box-sizing: border-box;
    pointer-events: none;
    padding-top: 10px;
    transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
    border-bottom-left-radius: 100vw;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.drawer-list .tit {
	font-size: 24px;
	margin-left: 10px;
	float: left;
}

.drawer-list .sns {
	float: right;
	margin: -10px 55px 0 0;
}

.drawer-list .sns a {
	float: left;
	padding: 10px 0;
}

.drawer-list ul {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    pointer-events: auto;
}

.drawer-list li {
	width: 50%;
	float: left;
    list-style: none;
    text-transform: uppercase;
    pointer-events: auto;
    white-space: nowrap;
    box-sizing: border-box;
    transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
	border: 1px solid #5e5e5e;
	border-top: none;
	background-color: rgba(0, 0, 0, 0.5);
}

.drawer-list li:first-of-type {
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	border: none;
}

.drawer-list li:nth-of-type(2),
.drawer-list li:nth-of-type(3) {
	border-top: 1px solid #5e5e5e;
}

.drawer-list li:last-of-type {
	border: none;
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
}

/* �Хʡ� */
.drawer-list li ul li {
	width: auto !important;
	border: none !important;
}

.drawer-list li ul li:first-of-type {
	margin: 15px 0 0 15px;
}

.drawer-list li ul li:last-of-type {
	margin: 15px 15px 0 0;
	float: right;
}

.drawer-list li ul li a {
	padding: 0 !important;
}

.drawer-list li ul li a img {
	width: 165px;
}

	@media (max-width: 320px) {
		.drawer-list li ul li a img {
			width: 140px;
		}
	}
/* /�Хʡ� */

.drawer-list li a {
    text-decoration: none;
    color: #FEFEFE;
    display: block;
    padding: 0.4rem 0 0.4rem 0.8rem;
    font-size: calc(17px - .5vw);
}

	@media (max-width: 320px) {
		.drawer-list li a {
			font-size: calc(15px - .5vw);
		}
	}

.drawer-list li a:hover {
    cursor: pointer;
    background-color: #88c2f8;
    background-color: rgba(245,86,139,0.9);
}

.drawer-list li i {
	width: 25px;
	margin-right: 5px;
	text-align: center;
}

input.hamburger {
    display: none;
}
input.hamburger:checked ~ .drawer-list {
    transform: translatex(0);
    border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
    transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li:nth-child(1) {
    transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(2) {
    transition: transform 1s 0.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(3) {
    transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(4) {
    transition: transform 1s 0.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(5) {
    transition: transform 1s 0.22s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(6) {
    transition: transform 1s 0.26s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(7) {
    transition: transform 1s 0.3s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(8) {
    transition: transform 1s 0.34s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(9) {
    transition: transform 1s 0.38s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(10) {
    transition: transform 1s 0.42s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(11) {
    transition: transform 1s 0.46s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(12) {
    transition: transform 1s 0.5s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(13) {
    transition: transform 1s 0.54s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(14) {
    transition: transform 1s 0.58s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(15) {
    transition: transform 1s 0.62s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(16) {
    transition: transform 1s 0.66s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(17) {
    transition: transform 1s 0.7s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(18) {
    transition: transform 1s 0.74s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(19) {
    transition: transform 1s 0.78s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(20) {
    transition: transform 1s 0.82s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li a {
    padding-right: 13px;
}
input.hamburger:checked ~ label > i {
    background-color: transparent;
    transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
    transform: translate(-50%, -50%) rotate(315deg);
}
input.hamburger:checked ~ label > i:after {
    transform: translate(-50%, -50%) rotate(-315deg);
}
input.hamburger:checked ~ label close {
    color: #FEFEFE;
    width: 100%;
}
input.hamburger:checked ~ label open {
    color: rgba(0, 0, 0, 0);
    width: 0;
}
label.hamburger {
    z-index: 1;
    position: relative;
    display: block;
    height: 30px;
    width: 35px;
}
label.hamburger:hover {
    cursor: pointer;
}
label.hamburger text close, label.hamburger text open {
    text-transform: uppercase;
    font-size: .6em;
	font-weight: bold;
    align-text: center;
    position: absolute;
    transform: translateY(30px);
    text-align: center;
    overflow: hidden;
    transition: width .25s .35s, color .45s .35s;
}
label.hamburger text close {
    color: rgba(0, 0, 0, 0);
    right: 0;
    width: 0;
}
label.hamburger text open {
    color: #FEFEFE;
    width: 100%;
	overflow: hidden;
}
label.hamburger > i {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    background-color: #FEFEFE;
    pointer-events: auto;
    transition-duration: .35s;
    transition-delay: .35s;
}
label.hamburger > i:before, label.hamburger > i:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 50%;
    background-color: #FEFEFE;
    content: "";
    transition: transform 0.35s;
    transform-origin: 50% 50%;
}
label.hamburger > i:before {
    transform: translate(-50%, -8px);
}
label.hamburger > i:after {
    transform: translate(-50%, 8px);
}
label.hamburger {
	position: fixed;
	top: 2px;
	right: 12px;
}
/* SCROLLBAR STYLE FOR IE */
body {
    scrollbar-base-color: #000;
    scrollbar-3dlight-color: #fff;
    scrollbar-highlight-color: #000;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #000;
    scrollbar-shadow-color: #000;
    scrollbar-dark-shadow-color: #000;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.nav-back {
	position: fixed;
	top: 0;
	right: 0;
	background-color: rgba(245,86,139,0.9);
	height: 50px;
	width: 60px;
	z-index: 10001;
	border-radius: 0 0 0 10px;
}
/* /�ϥ�С�������˥塼 */
/*////////// ���� stickyheader ���� //////////*/

#top-cover{
	width: 100%;
	position: relative;
}
.bg-slideshow,
.bg-slideshow:after {
    width: 100%;
	height: 100%;
    position: fixed;
	top: 0;
    z-index: 10;
}
ul.bg-slideshow li{
    width: 100%;
    height: 100%;
	margin: 0 auto;
}
ul.bg-slideshow li span {
    width: 100%;
	height: 100%;
    position: fixed;
    color: transparent;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
	overflow-x: hidden;
    z-index: 0;
}
ul.bg-slideshow li:nth-child(1) span {
/*    background-image: url(../images/1.png);*/
    background-image: url(../../system_img/common_img/sp/1.png);
}
#top-cover:before{
	content:'';
	position: absolute;
	background: url(../images/cover-logoback.png) top right no-repeat;
	height:100%;
	width:100%;
	top: 20px;
    z-index: 2;
}
	@media screen and (max-width: 765px) {
		#top-cover:before{
		}
	}

/*////////// �� �ȥåץ���ƥ�� �� //////////*/

.top-contents{
	display: block;
	position: relative;
    width: 100%;
	height: auto;
	background-color: #fff;
	margin-top: 75%;
    z-index: 100;
}

.top-contents h2,
#top-group h2{
	font-size: 2.0em;
	text-align: left;
	letter-spacing: 1.5px;
	line-height: 20px;
	color: #fff; 	
	padding-top: 10px;
	width: 90%;
	margin: 40px 0 20px 10px;
}
h2 .title-ja{
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
	font-size: 0.4em;
	letter-spacing: 4px;
}
	@media screen and (min-width: 765px) {
		.top-contents h2{
			font-size: 3.0em;
			letter-spacing: 2px;
		}
		.top-contents h2 .title-ja{
			font-size: 0.3em;
		}
	}
.container{
 	width: 100%;
}

/************* �Ե����� ************/

#top-waiting{
	position: relative;
	width: 100%;
    z-index: 302;
	height: auto !important;
}
ul#portrait{
	width: 100%;
	height: auto !important;
}
li.profile {
	position: relative;
	display: inline-block;
	width: 49.6%;
	height: 49.6%;
	float: left;
	margin: 0.2%;
	margin-bottom: -1px;
	overflow: hidden;
}
	@media screen and (min-width: 768px) {
		li.profile{
  			width : 32.6% ;
		    width : -webkit-calc(98.6% / 3) ;
		    width : calc(98.6% / 3) ;
		}
	}
li.profile a{
	display: block;
}
li.profile img.thum{
	width: 100%;
	z-index: 400;
}
li.profile .icon-new{
	background: url(../images/icon/new.png) center center no-repeat;
	background-size: 100%;
	color: #fff;
	width: 70px;
	height: 70px;
	position: absolute;
	top: -1px;
	right: 0;
}
li.profile .icon-new p{
	position:absolute;
	color: #fff;
	top: 12px;
	right: 6px;
	z-index: 411;
	line-height:14px;
	text-align: center;
}
figcaption.name-bg {
	position: absolute;
	bottom: 0.5%;
	background: url(../images/profile-box.png) center bottom no-repeat;
	background-size: contain;
	width:100%;
	height: 40%;
	padding-top: 6px;
	z-index: 401;
}
figcaption p{
	color: #000;
	font-size: 0.7em;
	line-height: 22px;
	letter-spacing: 0.5px;
	margin-left: 10px;
}
figcaption p.name-en{
	font-size: 2.6em;
	color: #8e720f;
	letter-spacing: -0.5px;
	verticale-align:bottom;
	position: absolute;
	bottom: 82px;
	margin-left: 18px;
	z-index: 510;
}
	@media screen and (min-width: 1600px) {
		figcaption p.name-en{
			font-size: 4em;
			bottom: 110px;
		}
	}
figcaption p.name{
	position: absolute;
	bottom: 50px;
	z-index: 520;
	line-height: 1.2;
	text-shadow: 1px 1px 3px #fff;
}
figcaption p.name span.name-ja{
	font-size: 1.2em;
	letter-spacing: 2px;	
}
figcaption p.size{
	position: absolute;
	bottom: 30px;
}
	@media screen and (max-width: 335px) {
		figcaption p.size{
			bottom: 26px;
			line-height: 1.0;
		}
	}

figcaption p.price{
	position: absolute;
	bottom: 15px;
}

	@media screen and (max-width: 335px) {
		figcaption p.price{
			bottom: 11px;
			line-height: 1.0;
		}
	}

figcaption p.now{
	position: absolute;
	bottom: 8px;
}
	@media screen and (max-width: 335px) {
		figcaption p.now{
			bottom: 5px;
		}
	}
figcaption p span.font-figure{
	font-size: 1.3em;
	letter-spacing: 1px;	
	padding: 0 1px;
}
li.profile:hover figcaption p {
	transition-delay: 5s;
	-moz-transition-delay:5s;
	-webkit-transition-delay:5s;
	-o-transition-delay:5s;
	-ms-transition-delay:5s;
}
li.profile .thum-over{
	position: absolute;
	top: 0;
	width: 100%;
	height: 99.4%;
	background-color: rgba(255,0,160,0.7);
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
	opacity: 0;
	z-index: 500;
}
li.profile:hover .thum-over {
	opacity: 1;
}
li.profile .thum-over p.name-en{
	font-size: 3em;
	letter-spacing: -0.5px;
	text-align: center;
	margin-top: 28%;
}
	@media screen and (min-width: 1600px) {
		li.profile .thum-over p.name-en{
			font-size: 5.5em;
			bottom: 110px;
		}
	}
li.profile .thum-over img{
	text-align: center;
	width: 10%;
	margin: 15% 45%;
}
li.profile .thum-over p.catch{
	font-size: 1em;
	text-align: center;
	letter-spacing: 2px;	
	width: 90%;
	margin: 0 auto;
}

/************* /�Ե����� ************/

/************* �������� ************/

#top-history li.profile {
	position: relative;
	display: inline-block;
	width: 49.6%;
	height: 240px;
	overflow: hidden;
	float: left;
	margin: 0.2%;
	margin-bottom: -2px;
}
#top-history li.profile:nth-child(5){
}
	@media screen and (min-width: 768px) {
		#top-history li.profile {
  			width : 32.6% ;
		    width : -webkit-calc(98.6% / 3) ;
		    width : calc(98.6% / 3) ;
		}
	}
#top-history figcaption {
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9)));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,255,0.9)', GradientType=0)";
	background-size: contain;
	border-left: 2px solid rgba(255,255,255,0.1);
	border-right: 2px solid rgba(255,255,255,0.1);
	width:100%;
	height: 40%;
	padding-top: 6px;
	z-index: 401;
}
#top-history figcaption p.name-en{
	bottom: 60px;
}
	@media screen and (min-width: 1600px) {
		#top-history figcaption p.name-en{
			font-size: 4em;
			bottom: 70px;
		}
	}
#top-history figcaption p.name{
	position: absolute;
	bottom: 30px;
	z-index: 520;
	color: #fff;
}
#top-history figcaption p.size{
	position: absolute;
	bottom: 10px;
	color: #fff;
}
#top-history li.profile .thum-over{
	height: 100%;
}
/************* /�������� ************/

/************* �̥����� ************/
li.diary-box{
	background-color: #fff;
	position: relative;
	display: inline-block;
	width : 49.6% ;
	height: 210px;
	overflow: hidden;
	float: left;
	margin: 0.2%;
}
	@media screen and (min-width: 420px) {
		li.diary-box{
			position: relative;
			display: inline-block;
			width : 32.6% ;
		    width : -webkit-calc(98.8% / 3) ;
		    width : calc(98.8% / 3) ;
			height: 240px;
			overflow: hidden;
			float: left;
			margin: 0.2%;
		}
		li.diary-box:nth-child(7),
		li.diary-box:nth-child(8){
			display: none; 
		}
	}
	@media screen and (min-width: 768px) {
		li.diary-box {
			width: 24.64%;
			margin: 0.18%;
		}
		li.diary-box:nth-child(7),
		li.diary-box:nth-child(8){
			display: inherit; 
		}
	}
li.diary-box a{
	display: block;
}
li.diary-box img{
	width: 100%;
	z-index: 400;
}
li.diary-box figcaption {
	width: 100%;
	height: 40%;
	padding: 10%;
	z-index: 401;
}
li.diary-box figcaption p{
	color: #fff;
	font-size: 0.8em;
	line-height: 22px;
	letter-spacing: 1px;
	margin-left: 0px;
}
li.diary-box:hover figcaption p {
	transition-delay: 5s;
	-moz-transition-delay:5s;
	-webkit-transition-delay:5s;
	-o-transition-delay:5s;
	-ms-transition-delay:5s;
}
li.diary-box .thum-over{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	transition: 1.2s;
	-moz-transition: 1.2s;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	-ms-transition: 1.2s;
	opacity: 0;
	z-index: 500;
}
li.diary-box:hover .thum-over {
	opacity: 1;
}
li.diary-box figcaption p.writer{
	font-size: 1.2em;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid rgba(255,0,100,0.6);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 10px;
	margin: 6% 0;
}
li.diary-box figcaption p.title{
	color: #ff0064;
	font-size: 0.9em;
	font-weight: bold;
	width: 100%;
	height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 6% 0;
}
li.diary-box figcaption p.sentence{
	width: 100%;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul#top-button{
	width: 100%; 
	right: 30px;	
	margin: 30px 0;
}
ul#top-button li{
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

/************* /�̥����� ************/

/************* ��ӥ塡�************/

ul#review-container{
	width: 100%;
}

.review-btn{
	width: 318px;
	margin: -4px auto;
	z-index: 100;
}
.review-btn li{
	float: left;
	width: 308px;
	margin: 4px 5px;
}
.review-btn li:last-child{
	margin-bottom: 20px;
}
	@media screen and (min-width: 675px) {
		.review-btn{
			width: 636px;
			overflow: hidden;
		}
		/*ul.gals-search li:last-child{
			margin-bottom: 20px;
			margin-right:300px;
		}*/
	}

li.review-box{
	position: relative;
	display: inline-block;
	width: 50%;
	height: 200px;
	float: left;
	padding: 0.2% 2.5%;
	margin-bottom: 26px;
}
	@media screen and (max-width: 768px) {
		li.review-box{
			width: 100%;
			padding: 0 2%;
		}
		#top-review li.review-box:nth-child(4){
			display: none;
		}
	}
li.review-box .name-en{
	color: rgba(245, 86, 139, 0.7);
	font-size: 4.5em;
	letter-spacing: -0.5px;
	position: absolute;
	bottom: 10px;
	left: 20px;
	z-index: 310;
}
li.review-box .cast-thum{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 10%;
}
li.review-box .cast-thum img{
	width: 100%;
	z-index: 300;
}
li.review-box .thum-over{
	position: absolute;
	top: 0;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: rgba(255,0,100,0.7);
	transition: 1.2s;
	-moz-transition: 1.2s;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	-ms-transition: 1.2s;
	opacity: 0;
	z-index: 301;
}
li.review-box .thum-over img{
	width: 36px;
	margin: 84px 0 0 84px;
}
li.review-box .cast-thum:hover .thum-over {
	opacity: 1;
}
li.review-box .review-text{
	width: 46%;
	height: 200px;
	background-color: rgba(245, 86, 139, 0.7);
	position: absolute;
	top: 6px;
	right: 3%;
	padding: 10px;
	z-index: 305;
}
li.review-box .review-text p{
	font-size: 0.8em;
	padding: 2px 10px;
}
li.review-box .review-text p.cast-name{
	font-size: 1em;
	width: 100%;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 4px;
}
li.review-box .review-text p.reviewer{
	color: #fff;
	font-weight: bold;
}
li.review-box .review-text p.sentence{
	line-height: 20px;
	width: 100%;
	height: 80px;
	overflow: auto;
}

/************* /��ӥ塡�************/

/************* ���٥�￾�************/

#top-event{
	position: relative;
	background: url(../images/eventBG.jpg) repeat left top;
	height: auto;
	width: 100%;
	z-index: 100;
}

.container-event{
	position: relative;
	padding-top: 20px;
	z-index: 110;
}
#flickSlider {
    margin: 0 auto;
    text-align: left;
    display: none;
}
#flickSlider #flickView {
    position: relative;
    overflow: hidden;
}
#flickSlider #flickView ul {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#flickSlider #flickView ul li {
    width: 100%;
    float: left;
    display: inline;
    overflow: hidden;
}
#flickSlider #flickView ul li img {
    width: 100%;
}
#flickSlider #flickThumb {
    width: 100%;
    overflow: hidden;
	margin-top: 10px;
}
#flickSlider #flickThumb ul {
    width: 100%;
}
#flickSlider #flickThumb ul li {
    float: left;
    cursor: pointer;
    display: inline;
}
#flickSlider #flickThumb ul li img {
    width: 90%;
	margin: 5%;
}
#flickSlider #flickThumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
#flickSlider #flickView ul:after,
#flickSlider #flickThumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#flickSlider #flickView ul,
#flickSlider #flickThumb ul {
    display: inline-block;
    overflow: hidden;
	margin-bottom: 30px;
}

/************* /���٥�￾�************/

/************* �ȥԥå��� ************/
#top-topics{
	position: relative;
	height: 600px;
	overflow: hidden;
}
#top-topics h2{
	position: absolute;
	z-index: 230;
	margin-top: 20px;
}
#top-topics ul.tabmenu{
	position: absolute;
	width: 40%;	
	margin: 120px 0 20px 30px;
	z-index: 220;
}
#top-topics ul.tabmenu,
#top-topics ul.tabmenu li.tab,
#top-topics ul.tabmenu li.tab a {
	display: block;
	width: 60px;
	height: 60px;
}
#top-topics ul.tabmenu li.tab{
	border-radius: 50%;
	margin-bottom: 14px;
}
#top-topics ul.tabmenu li.tab:hover{
}
#top-topics li.tab p{
	font-size: 1.6em;
	line-height: 60px;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 2px;
	color: #f5568b;
}
#top-topics li.tab span{
}
.tabmenu li{,
	width: 100%;
	list-style-type: none;
	border: 2px solid #f5568b;
}
.tabbox {
    display: none;
}
.tabmenu li.active, 
.tabmenu li:hover {
    background-color: rgba(255,255,255,0.9);
	border: 2px solid #f5568b;
	transition: 1.2 sease-out;
	-moz-transition: 1.2s ease-out;
	-webkit-transition: 1.2s ease-out;
	-o-transition: 1.2s ease-out;
	-ms-transition: 1.2s ease-out;
}
.tabmenu li a{
    color: #424242;
}
.tabmenu li.active a,
.tabmenu li:hover a {
    color: #fff;
	transition: 1s;
}
.topics-container{
	background-color: rgba(245,86,139,0.7);
	width: 60%;
	height: 380px;
	position: absolute;
	top: 100px;
	left: 31%;
	padding: 4%;
	z-index: 210;
}
.topics-container .topics-text{
	width: 100%;
	height: 100%;
	overflow: auto;
}
.topics-container h3{
	font-size: 1em;
	letter-spacing: 2px;
	line-height: 24px;
	width:100%;
	margin-bottom: 10px;
}
.topics-container p{
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.8em;
	line-height: 22px;
}
#top-topics .topics-photo:after,
#top-newface .newface-photo:after{
	content: "";	
	position: absolute;
	background: url(../images/shadow.png) no-repeat top left;
	top: 0;
	width: 100%; 
	height: 600px;
	opacity: 0.4;
	z-index: 200;
}
#top-topics .photo1,
#topics .photo1{
	width: 84%;
	height: 600px;
	position: absolute;
	right: 0;
	overflow: hidden;
}
#top-topics .photo2,
#topics .photo2,
#top-topics .photo3,
#topics .photo3,
#top-topics .photo4,
#topics .photo4{
	width: 28%;
	height: 200px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
#top-topics .photo2,
#topics .photo2{
	right: 0%;
}
#top-topics .photo3,
#topics .photo3{
	right: 28%;
}
#top-topics .photo4,
#topics .photo4{
	right: 56%;;
}
	@media screen and (min-width: 756px) {
		#top-topics .photo1,
		#topics .photo1{
			width: 80%;
			height: 600px;
			position: absolute;
			right: 0;
			overflow: hidden;
		}
		#top-topics .photo2,
		#topics .photo2,
		#top-topics .photo3,
		#topics .photo3,
		#top-topics .photo4,
		#topics .photo4{
			width: 20%;
			height: 200px;
			position: absolute;
			bottom: 0;
			overflow: hidden;
		}
		#top-topics .photo2,
		#topics .photo2{
			right: 80%;
			top: 0;
		}
		#top-topics .photo3,
		#topics .photo3{
			right: 80%;
			top: 200px;
		}
		#top-topics .photo4,
		#topics .photo4{
			right: 80%;
			top: 400px;
		}
	}
.topics-photo img{
	width: 100%;
}
#top-newface .button-box,
#top-topics .button-box{
	position: absolute;
	top: 500px;
	left: 24px;
	width: 308px;
	z-index: 500;
}

/************* /�ȥԥå��� ************/

/************* ���;��� ************/
#top-newface{
	position: relative;
	height: 600px;
	overflow: hidden;
}
#top-newface h2{
	position: absolute;
	z-index: 230;
	margin-top: 20px;
}
#top-newface ul.tabmenu2{
	position: absolute;
	width: 30%;	
	margin: 150px 0 20px 30px;
	z-index: 220;
}
#top-newface ul.tabmenu2,
#top-newface ul.tabmenu2 li.tab,
#top-newface ul.tabmenu2 li.tab a {
	display: block;
}
/*#top-newface li.tab p{
	font-size: 3.2em;
	line-height: 40px;
	vertical-align: baseline;
	letter-spacing: 0px;
	width: 100%;
    list-style: none;
    cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    margin: 30px 0.5%;
	padding-top: 10px;
}*/
#top-newface li.tab span{
    height: 60px;
	margin-right: 30px;
}
.tabmenu2 li{,
	width: 100%;
	list-style-type: none;
}
.tabbox2 {
    display: none;
}
.tabmenu2 li.active, 
.tabmenu2 li:hover {
    background-color: rgba(50,50,50,0.4);
	transition: 1.2 sease-out;
	-moz-transition: 1.2s ease-out;
	-webkit-transition: 1.2s ease-out;
	-o-transition: 1.2s ease-out;
	-ms-transition: 1.2s ease-out;
}
.tabmenu2 li.active p, 
.tabmenu2 li:hover p{
	color: #f5568b;
}
.tabmenu2 li a{
    color: #424242;
}
.tabmenu2 li.active a,
.tabmenu2 li:hover a {
    color: #fff;
	transition: 1s;
}


#top-newface ul.tabmenu2{
	position: absolute;
	width: 40%;	
	margin: 120px 0 20px 18px;
	z-index: 220;
}
#top-newface ul.tabmenu2,
#top-newface ul.tabmenu2 li.tab,
#top-newface ul.tabmenu2 li.tab a {
	display: block;
	width: 60px;
	height: 60px;
}
#top-newface ul.tabmenu2 li.tab{
	border-radius: 50%;
	margin-bottom: 14px;
}
#top-newface ul.tabmenu2 li.tab:hover{
}
#top-newface ul.tabmenu2 li.tab p{
	font-size: 1.6em;
	line-height: 60px;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 2px;
	color: #f5568b;
}
#top-newface ul.tabmenu2 li.tab span{
}
.tabmenu2 li{,
	width: 100%;
	list-style-type: none;
	border: 2px solid #f5568b;
}
.tabmenu2 li.active, 
.tabmenu2 li:hover {
    background-color: rgba(255,255,255,0.8);
	border: 2px solid #f5568b;
	transition: 1.2 sease-out;
	-moz-transition: 1.2s ease-out;
	-webkit-transition: 1.2s ease-out;
	-o-transition: 1.2s ease-out;
	-ms-transition: 1.2s ease-out;
}
.tabmenu2 li a{
    color: #424242;
}
.tabmenu2 li.active a,
.tabmenu2 li:hover a {
    color: #fff;
	transition: 1s;
}
.newface-container{
	width: 65%;
	height: 292px;
	background-color: rgba(245,86,139,0.7);
	position: absolute;
	top: 190px;
	left: 28%;
	padding: 4%;
	overflow: hidden;
	z-index: 210;
}
.newface-container p{
	width: 100%;
	max-height: 300px;
	margin-bottom: 8px;
}
.newface-container p.name-en{
	color: rgba(255,255,255,0.6);
	font-size: 3.2em;
	margin: 20px 12px 18px;
}
	@media screen and (max-width: 375px) {
		.newface-container p.name-en{
			font-size: 2.8em;
		}
	}

.newface-container p.name{
	font-size: 0.9em;
}
.newface-container p.size,
.newface-container p.date{
	font-size: 0.7em;
	line-height: 18px;
	margin-bottom: 3px;
}
.newface-container p.sentence{
	font-size: 0.8em;
	height: 110px;
	line-height: 22px;
	overflow: auto;
}
#top-newface .photo1{
	width: 80%;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	overflow: hidden;
}
	@media screen and (max-width: 375px) {
		#top-newface .photo1{
			width: 100%;
		}
	}
.newface-photo img{
	position: absolute;
	width: 100%;
	max-width: 480px;
	right: 0;
}
/************* /���;��� ************/

/************* ����ƥ�ĥХʡ� ************/

#top-contents{
    position: relative;
	width: 100%;
}
#top-contents ul#contents-menu{
    display: table;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
#top-contents ul#contents-menu li.contents-menu{
    position: relative;
    border: solid 1px #666;
    width: 99%;
    height: 94px;
    overflow: hidden;
    margin: 0.5%;
    float: left;	
}
#top-contents ul#contents-menu li.contents-menu h4{
    font-size: 3.2em;
    verticale-align: bottom;
    line-height: 25px;
    text-align: left;
    background: url(../images/contents_ttlBG.png) center left no-repeat;
	background-size: 60% 100%;
    height: 92px;
    overflow: hidden;
    padding: 29px 0 0 24px;
}
#top-contents ul#contents-menu li.contents-menu h4 span{
	font-size: 0.25em;
	letter-spacing: 2px;
}
#top-contents ul#contents-menu li.contents-menu:before{
	content: "";
    position: absolute;
    top: 30px;
    right: 20px;
    background: url(../images/next.png) center right no-repeat;
    width: 20px;
    height: 32px;
}
#top-contents ul#contents-menu li.contents-menu:nth-child(-n+2){
    background: url(../images/contents_ban1.png) center right no-repeat;
    background-size: cover;
}
#top-contents ul#contents-menu li.contents-menu:nth-child(3){
    background: url(../images/contents_ban3.png) center right no-repeat;
    background-size: cover;
}
#top-contents ul#contents-menu li.contents-menu:nth-child(4){
    background: url(../images/contents_ban4.png) center right no-repeat;
    background-size: cover;
}
#top-contents ul#contents-menu li.contents-menu:nth-child(5){
    background: url(../images/contents_ban1.png) center right no-repeat;
    background-size: cover;
}
#top-contents ul#contents-menu li.contents-menu:nth-child(6){
    background: url(../images/contents_ban1.png) center right no-repeat;
    background-size: cover;
}
#top-contents ul#contents-menu li.contents-menu .ban-over{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    -ms-transition: 1.5s;
    opacity: 0;
    z-index: 710;
}
#top-contents ul#contents-menu li.contents-menu:hover .ban-over{
	opacity: 1;
}

/************* /����ƥ�ĥХʡ� ************/

/************* ���롼�ץ�￾�************/

#top-group {
    position: relative;
	width: 100%;
}
#top-group .container{
	width: 100%;
	margin: 20px auto 40px;
}
#top-group .container ul{
	width: 100%;
	padding: 6px 0;
}
#top-group .container ul#155{
	width: 240px;
	height: 100px;
}
#top-group .container ul li{
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
	font-size: 0.9em;
	letter-spacing: 1px;
    display: block;
    width: 100%;
    line-height: 34px;
    letter-spacing: 2px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #fff);
    background: -moz-linear-gradient(#fff, #fff);
    background: -o-linear-gradient(#fff, #fff);
    background: -ms-linear-gradient(#fff, #fff);
    background: linear-gradient(#fff, #fff);
    border-top: 1px solid #C3C3C3;
}
#top-group .container li a{
	display: block;
	color: #6F6F6F;
    background: url(../images/next.png) center right no-repeat;
    background-position: 100%;
    background-size: 12px;
    width: 96%;
    padding: 8px;
}
#top-group .container li a:hover{
	color: rgb(255,0,100);
	border-left: 1px solid rgb(255,0,100);
	padding-left: 16px;
	transition: 0.7s;
	-moz-transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	-ms-transition: 0.7s;
}

/************* /���롼�ץ�￾�************/

/*////////// �� �ȥåץ���ƥ�� �� //////////*/


/*////////// �� ���λҰ����� gals.html / waiting.html / now.html ���̡� �� //////////*/

/************* ���ض��� ************/

h2.hl-lower {
	font-size: 2.2em;
	text-align: left;
	letter-spacing: 2px;
	line-height: 22px;
	width: 100%;
	height: 150px;
	background: url(/assets/images/common_img/sp/title.png) no-repeat left top;
	background-size: 440px 248px;
	background-position: -20px 0;
	margin: -60px 0 40px;
	padding: 90px 0 0 64px;
	position: relative;
	z-index: 1;
	color: #8e720f;
}
	@media screen and (min-width: 675px) {
		h2.hl-lower{
			font-size: 2.4em;
			margin: -20px 0 0;
		}
	}
h2.hl-lower span{
	font-size: 0.4em;
}
/************* /���ض��� ************/

ul.gals-search{
	width: 318px;
	margin: 18px auto;
	z-index: 100;
}
ul.gals-search li{
	float: left;
	width: 308px;
	margin: 4px 5px;
}
ul.gals-search li:last-child{
	margin-bottom: 20px;
}
	@media screen and (min-width: 675px) {
		ul.gals-search{
			width: 636px;
		}
		/*ul.gals-search li:last-child{
			margin-bottom: 20px;
			margin-right:300px;
		}*/
	}

figcaption p.rank {
	color: #515151;
	font-size: 1.3em;
	height: 26px;
	background: url(../images/icon/rank.png) no-repeat left center;
	background-size: 20px;
	padding-left: 28px;
	position: absolute;
	bottom: 5px;
	left: 1px;
}
figcaption p.today {
	color: rgb(255,0,100);
	font-size: 0.7em;
	letter-spacing: 1.4px;
	line-height: 14px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	border: 1px solid rgb(255,0,100);
	position: absolute;
	bottom: 8px;
	right: 4px;
	padding: 0 4px;
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
	background-color: #fff;
	width: 36px;
}
	@-webkit-keyframes blink{
    	0% {opacity:0.3;}
    	100% {opacity:1;}
	}
	@-moz-keyframes blink{
    	0% {opacity:0.3;}
    	100% {opacity:1;}
	}
	@keyframes blink{
    	0% {opacity:0.3;}
    	100% {opacity:1;}
	}
/*////////// �� ���λҰ��� �� //////////*/


/*////////// �� ���λҥץ��ե����� �� //////////*/

#photo-data{
	margin: 0 auto;
    width: 100%;
	max-width: 480px;
    height: 100%;
W}
#photo-data .gal-thumb{
    width: 100%;
	max-width: 480px;
}
#photo-data .gal-thumb img {
    width: 100%;
	max-width: 480px;
    overflow: hidden;
}
.jkit-gallery-thumbs{
	left: 0px;
	width: 100%;
}
.jkit-gallery-thumbs img{
	float: left;
	margin: 5px 0.5% 7.5px;
	width: 19%;
	
}
	@media screen and (min-width: 675px) {
		#photo-data{
			max-width: 580px;
		}
		#photo-data .gal-thumb img {
		    position: absolute;
		}
		.jkit-gallery-thumbs{
			top: 0;
			right: 0;
		}
		.jkit-gallery-thumbs img{
			float: right;
			margin: 0px 0 7.5px;
			width: 92px;
			
			clear: right;
		}
	}
.gals-data{
	position: absolute;
	top: 75px;
	left: 630px;
}
#profile h3.catch{
	font-size: 1.6em;
	letter-spacing: 4px;
	text-align: center;
	margin: 80px auto 10px;
	width: 94%;
}
#profile h3.name-en{
	display: none;
	font-size: 12em;
	color: rgba(255,0,100,0.6);
	position: absolute;
	top: 700px;
	left: 8%;
	z-index: 110;
}
	@media screen and (min-width: 675px) {
		#profile h3.name-en{
			display: inherit;
		}
	}

#profile dl{
    width: 100%;
	max-width: 680px;
	margin: 20px auto 30px;
	padding: 0 20px 0;
}
#profile dl dt{
 	font-size: 1.2em;
	color: #ff0064;;
	text-align: right;
    width: 40%;
	max-width: 160px;
	float: left;
	padding-right: 20px;
	padding-top: 4px;
}
#profile dl dd{
 	font-size: 1.0em;
	letter-spacing: 2px;
    width: 100%;
	max-width: 680px;
	margin-bottom: 10px;
	color: #535353;
}
#profile ul.type{
    width: 284px;
	height: 60px;
	margin: 0 auto 20px;
}
	@media screen and (min-width: 675px) {
		#profile  ul.type {
		    width: 426px;
		}
	}
#profile ul.type li {
    font-size: 0.9em;
    letter-spacing: 1.5px;
    text-align: center;
    border: 1px solid #f5568b;
    width: 138px;
    height: 32px;
    float: left;
    padding: 4px 0;
    margin: 0 2px 2px;
}
#profile ul.type li:last-child{
	margin-bottom: 40px;
}
#profile h4{
	font-size: 1.6em;
	text-align: left;
	width: 90%;
	max-width: 680px;
	margin: 30px auto 10px;
	clear: both;
}
#profile h4.hl-prof{
	font-size: 1.8em;
	text-align: left;
	letter-spacing: 1px;
	line-height: 20px;
	color: #fff; 	
	padding-top: 10px;
	width: 90%;
	margin: 40px auto 10px;
}
#profile h4.hl-prof span.title-ja{
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
	font-size: 0.4em;
	letter-spacing: 4px;
}

#profile p.comment{
	font-size: 0.9em;
	width: 90%;
	max-width: 680px;
	margin: 10px auto;
	color: #535353;
}
#profile ul.option{
	width: 288px;
	margin: 20px auto 10px;
}
	@media screen and (min-width: 480px) {
		#profile ul.option{
			width: 432px;
		}
	}
	@media screen and (min-width: 675px) {
		#profile ul.option{
			width: 584px;
		}
	}
#profile ul.option li {
	font-size: 0.8em;
    letter-spacing: 1px;
    border: none;
    width: 140px;
    padding: 4px 0 2px;
}
#profile ul.option li.on {
	background: #f5568b;
	color: #fff;
	letter-spacing: -0.8px;
}
#profile ul.option li.off {
	background: #e5e5e5;
	color: #959595;
	letter-spacing: -0.8px;
}
#profile dl.qa dt{
 	font-size: 0.9em;
	color: #fff;
	text-align: left;
	float: left;
	padding-right: 20px;
	padding-top: 4px;
	color: #535353;
}
#profile dl.qa dd{
 	font-size: 0.9em;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
	@media screen and (max-width: 480px) {
	#profile dl.qa dt{
		width: 100%;
		clear: both;
	}
	#profile dl.qa dd{
		width: 100%;	
		clear: both;
	}
	}
#profile dl.qa dt span,
#profile dl.qa dd span{
	font-size: 1.4em;
	margin-right: 4px;
}

#prof-schedule ul.schedule{
	width: 316px;
	margin: 10px auto;
}
	@media screen and (min-width: 480px) {
		#prof-schedule ul.schedule{
			width: 400px;
		}
	}
	@media screen and (min-width: 675px) {
		#prof-schedule ul.schedule{
			width: 532px;
		}
	}
#prof-schedule ul.schedule li {
	font-size: 1.1em;
	letter-spacing: 1.5px;
	line-height: 46px;
	text-align: left;
	border: 1px solid #8e720f;
	width: 145px;
	max-width: 680px;
	height: 120px;
	float: left;
	padding: 10px 8px 15px 8px;
	margin: 6px 6px 10px;
	position: relative;
	z-index: 20;
	color: #8e720f;
}
#prof-schedule ul.schedule li:after{
	content:"";   
	background-color: rgba(255,255,255,0.7);
	border: 1px solid #8e720f;
    width: 100%;
    height: 117px;
	position:absolute;
	top: -4px;
	left: -4px;
	z-index: -1;
}
#prof-schedule ul.schedule li:last-child{
	margin-bottom: 40px;
}
#prof-schedule ul.schedule li span.date{
	border-bottom: 1px solid #8e720f;
	padding-bottom: 12px;
	color: #8e720f;
}

/*////////// �������λҥץ��ե����� �� //////////*/


/*////////// �� �жо��� �� //////////*/

figcaption p.time{
	color: #ff4fa8;
	font-size: 0.8em;
	letter-spacing: 2px;
	height: 26px;
	position: absolute;
	bottom: 0px;
	left: 1px;
}
#schedule figcaption p.time span{
	font-size: 0.6em;
	margin-right: 4px;
}
#schedule ul.gals-search {
	width: 100%;
	height: auto;
	margin: 14px 0;
	overflow-x: scroll;
	display: flex;
	padding: 10px;
}
	@media screen and (min-width: 546px) {
		#schedule ul.gals-search{
			height: 120px;
		}
	}
#schedule ul.gals-search li{
	float: left;
	width: 54px;
	margin: 0 14px 6px 0;
}
#schedule ul.gals-search li .button-box a.this{
	background-color: rgba(255,0,100,0.6);	
}
#schedule ul.gals-search li .button-box .button-shine {
    background: url(../images/button-shine.png) no-repeat;
    width: 54px;
    height: 100px;
	padding-top: 4px;
}
#schedule ul.gals-search li .button-box .button-shine span.change-border01__inner{
	font-size: 1.2em;
	line-height: 30px;
}
#schedule ul.gals-search li .button-box .button-shine span.change-border01__inner span{
	font-size: 1.2em;
}
#schedule ul.gals-search li .button-box .button-shine .weekday{
	width: 50px;
	height: 20px;
	background-color: rgba(100,100,100,0.3);
	margin: 10px auto;
}
#schedule ul.gals-search li .button-box .button-shine .weekday span{
	color: #000;
	font-size: 0.9em;
	padding: 2px 0;
}

/*////////// �� �жо��� �� //////////*/


/*////////// �� ���;��� �� //////////*/

ul#portrait li.gals-box {
	float: left;
	background: url(../images/boxBG.jpg) no-repeat top right;
	position: relative;
	width: 90%;
	height: 450px;
	margin: 1.0% 5%;
	overflow: hidden;
	z-index: 1;
}
ul#portrait li.gals-box .thum{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
ul#portrait li.gals-box .box-thum img.thum{
	width: 60%;
	max-width: 380px;
}
li.gals-box .thum:hover {
	background-color: rgba(255,255,255,0.5);
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
	opacity: 0.8;
}
li.gals-box .thum .icon-new {
    color: #fff;
    background: url(../images/icon/new.png) center center no-repeat;
	background-size: 100%;
	width: 70px;
    height: 70px;
    position: absolute;
    top: -1.5px;
    right: 0;
	z-index: 12;
}
ul#portrait li.gals-box .box-text{
	background-color: rgba(255,255,255,0.7);
	width: 54%;
	height: 410px;
	position: absolute;
	top: 20px;
	right: 10px;
	padding: 2%;
	z-index: 10;
}
ul#portrait li.gals-box .box-text > p{
	position: absolute;
	z-index: 20;

}
ul#portrait li.gals-box .box-text > p.name-en{
	font-size: 3em;
	top: 50px;
	left: 22px;
	margin-bottom: 6px;
	color: #535353;
}
ul#portrait li.gals-box .box-text > p.date{
	font-size: 0.7em;
	font-weight: bold;
	top: 10px;
	right: 14px;
	margin-bottom: 6px;
	color: #535353;
}
ul#portrait li.gals-box .box-text > p.name{
	top: 93px;
	left: 16px;
	line-height: 20px;
}
ul#portrait li.gals-box .box-text > p.name span.name-ja{
	font-size: 0.9em;
	margin-bottom: 10px;
	color: #535353;
}
ul#portrait li.gals-box .box-text > p.name span.size{
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #535353;
}
ul#portrait li.gals-box .box-text ul{
	width: 186px;
	position: absolute;
	top: 168px;
	z-index: 20;
}
	@media screen and (min-width: 675px) {
		ul#portrait li.gals-box .box-text ul{
			width: 279px;
		}
	}
ul#portrait li.gals-box .box-text ul li{
	font-size: 0.7em;
	letter-spacing: 1px;
	text-align: center;
	border: 1px solid #f5568b;
	width: 84px;
	height: 24px;
	float: left;
	padding: 2px 0;
	margin: 0 3px 2px 0;
	background-color: #fff;
	color: rgb(245, 86, 139);
}
ul#portrait li.gals-box .box-text .comment{
	font-size: 0.8em;
	line-height: 22px;
	background-color: rgba(245,86,139,0.6);
	width: 95%;
	height: 92px; 
	overflow: auto;
	padding: 8px;
	bottom: 68px;
	position:absolute;
}
	@media screen and (min-width: 675px) {
		ul#portrait li.gals-box .box-text .comment{
			height: 122px; 
			bottom: 70px;	
		}
	}
ul#portrait li.gals-box .box-text .button-box{
	position: absolute;
	bottom: 10px;
	right: 4%;
}

ul#portrait li.gals-box .box-text .clearfix .font-gothic {
    font-size: 0.65em;
}

/*////////// ��  ���;��� �� //////////*/


/*////////// ��  ��󥭥￾��� //////////*/

#ranking ul.gals-search li:nth-child(1) {
    text-align: center;
    background-color: #8e720f;
	border: 2px solid #8e720f;
	width: 308px;
	height: 38px;
	padding: 2px;
}
	@media screen and (min-width: 675px) {
		#ranking ul.gals-search {
		    width: 617px;
		}
		#ranking ul.gals-search li:nth-child(1) {
  			text-align: center;
			width: 610px;
		}
		#ranking .button-shine{
			width: 600px;
		}
	}
ul#portrait li.gals-box h3.ranking-title{
	font-size: 3em;
	letter-spacing: 2px;
	line-height: 64px;
	position: absolute;
	top: 40px;
	left: 5%;
	z-index: 20;
}
ul#portrait li.gals-box h3.ranking-title span{
	font-size: 1.6em;
}
ul#portrait li.gals-box h4.ranking-subtitle{
	font-size: 1.4em;
	letter-spacing: 4px;
	line-height: 37px;
	position: absolute;
	top: 280px;
	left: 5%;
	z-index: 20;
	text-align: left;
}
li.gals-box .box-text p.number{
	color: #ffb9d0; 
	font-size: 1.2em;
	position: absolute;
	top: 30px;
	right: 0;
}
li.gals-box .box-text p.number span.no{
	font-size: 3.2em;
	line-height: 40px;
}
li.gals-box .box-text p.number span.rank{
	font-size: 6em;
}
#ranking ul#portrait li.gals-box .box-text p.name-en{
	top: 150px;
}
#ranking ul#portrait li.gals-box .box-text p.name{
	top: 188px;
}
#ranking ul#portrait li.gals-box .box-text p.comment{
	height: 144px;
	bottom: 14px;
}

/*////////// �� ��󥭥￾��� //////////*/


/*////////// ����ӥ塡��� //////////*/

#review ul.gals-search, #history ul.gals-search {
	width: 318px;
	margin: 40px auto 0;
}
.button-shine2 {
    background: url(../images/button-shine2.png) no-repeat;
    width: 300px;
    height: 108px;
	padding-top: 40px;
}

	@media screen and (max-width: 550px) {
		.button-shine2{
			width: 230px;
			font-size: 0.7em;
		}
	}

.button-shine2 span.change-border01__inner{
	font-size: 1.1em;
	letter-spacing: 1.5px;
	padding-right: 110px;
}
#review ul.gals-search .button-shine2 span.change-border01__inner,
#history ul.gals-search .button-shine2 span.change-border01__inner {
    font-size: 1.3em;
    letter-spacing: 1.5px;
    padding-right: 0px;
}
#review ul#review-container{
	margin: 20px auto 0;
}
#review li.review-box{
	margin-bottom: 42px;
}

/*////////// �� ��ӥ塡��� //////////*/

/*////////// ����ӥ塼�ե����￾��� //////////*/

/*////////// �� ��ӥ塼�ե����￾��� //////////*/


/*////////// �� ���⥷���ƥ� �� //////////*/

#system h3 {
    font-size: 2.0em;
    text-align: left;
    letter-spacing: 1.2px;
	line-height: 18px;
    color: #fff;
	/*background: url(../images/triangle.png) left top no-repeat;*/
	background-size: 87px;
    width: 100%;
    padding: 30px 0 10px 20px;
    margin: 0px 0 10px -10px;
}
#system h3 span.title-ja {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    font-size: 0.4em;
    letter-spacing: 4px;
    margin-left: 2px;
	color: #8e720f;
}
#system h3 span.title-ja span{
    font-size: 0.8em;
    margin-left: 2px;
}

#system .container{
	width: 94%;
	max-width: 680px;
	height: auto;
	margin: 0 auto;
}

#system .container .system-topbtn{
	text-align: center;
	margin-top: 10px;
}

#system .container .system-topbtn li{
	display: inline-block;
}

#system .container .system-topbtn li .button-shine2{
	width: 220px;
	height: 36px;
	padding-top: 0;
}

#system .container .system-topbtn li .button-shine2 span.change-border01__inner{
	font-size: 1em;
	letter-spacing: 1px;
	padding-right: 0;
}

#system .container .system-topbtn .button-box {
	width: 226px;
	margin: 20px auto 0;
}

#system .container .basic{
	font-family: "Cinzel", "����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;
	height: auto;
	margin: 0 0 40px 0px;
}
#system .container .basic dl{
	width: 184px;
	float: left;
	margin: 10px;
}
#system .container .basic dl dt{
    font-size: 1.2em;
    text-align: right;
	width: 64px;
	float: left;
	color: #535353;
}
#system .container .basic dl dt span{
	font-size: 0.8em;
}
#system .container .basic dl dd{
    font-size: 1em;
    text-align: left;
	font-weight: 100;
	line-height: 26px;
	color: #666;
	width: 120px;
	float: right;
}
#system .container .basic dl dd span{
	font-size: 1.7em;
	text-align: right;
}

#system .container .basic .button-box .button-shine2 span.change-border01__inner{
	font-size: 1.5em;
	letter-spacing: 3px;
	padding-right: 0px;
}

#system .container .basic-sub{
	height: auto;
	margin: 0 0 40px 0px;
}
#system .container .basic-sub dl{
	width: 100%;
	float: left;
	margin: 10px;
}
#system .container .basic-sub dt{
	font-size: 1.1em;
	letter-spacing: 2px;
	width: 20%;
	float: left;
	margin-top: 4px;
	color: #535353;
}
#system .container .basic-sub dd{
	font-size: 0.9em;
	letter-spacing: 1.5px;
	vertical-align: text-bottom;
	line-height: 30px;
	width: 80%;
	float: left;
	margin-bottom: 4px;
	color: #535353;
}
	@media screen and (max-width: 648px) {
		#system .container .basic-sub dt{
			width: 100%;
		}
		#system .container .basic-sub dd{
			width: 100%;
		}
	}
#system .container .basic-sub dd img{
	vertical-align:middle;
	padding: 0 6px 2px;
}
#system .container .basic-sub dd span{
	font-size: 1.2em;
	margin-right: 6px;
}
#system .container .basic-sub dd span.pink{
	font-size: 1.6em;
}
#system p{
	font-size: 0.8em;
	line-height: 32px;
	color: #535353;
}
#system .container .basic-sub p{
	clear: both;
	letter-spacing: 2px;
	width: 100%;
	height: auto;
	margin: 10px 0;
	color: #535353;
}
#system .container .basic-sub ul{
	width: 288px;
	height: 60px;
	margin: 0px auto;
}
	@media screen and (min-width: 648px) {
		#system .container .basic-sub ul{
			width: 576px;
		}
	}
#system .container .basic-sub ul li{
	text-align: center;
	vertical-align: text-bottom;
	float: left;
	height: 46px;
	width: 280px;
	border: 1px solid #666;
	margin: 4px;
	padding: 9px 20px 10px;
	color: #535353;
}
#system .container .basic-sub ul li img{
	vertical-align: bottom;
	padding: 0 10px 0 0;
}
#system .container .system-container{
	height: auto;
	margin: 0 auto 30px;
	padding-top: 4px;
	color: #535353;
}
#system .container .system-container h5{
	font-size: 1em;
	margin: 16px 0;
}
#system .button-box{
	width: 310px;
	margin: 20px auto 40px;
}
#system .container .system-container .button-box .button-shine2 span.change-border01__inner{
    font-size: 1.5em;
    letter-spacing: 3px;
    padding-right: 0px;
}
#system .container .system-container ul{
	margin: 10px 0 20px;
}
#system .container .system-container ul li{
	font-size: 1em;
	letter-spacing: 3px;
	float: left;
	margin-left: 10px;
}
#system .container .system-container ul li.pink{
	font-size: 1em;
	width: 100%;
	margin-top: 10px;
}
#system .container .system-container ul li span{
	font-size: 0.8em;
	margin-left: 6px;
}
#system .container .system-container p.p-box{
	border: 1px solid #666;
	width: 100%;
	margin: 10px 0 40px;
	padding: 20px 40px;
}
#system .container h4{
	font-size: 1.2em;
	letter-spacing: 2px;
	line-height: 18px;
	text-align: left;
	border-left: 2px solid #ccc;
	margin: 30px 0;
	padding: 0px 0 20px 14px;
	height: 50px;
	color: #535353;
}
#system .container h4 span{
	font-size: 0.7em;
}
#system #credit-note {
	margin-top: 5%
}
#system .container .course {
	font-family: "Cinzel", "����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;
    height: auto;
}
#system .container .course p{
}
#system .container .course dl{
	width: 100%;
	float: left;
	margin: 4px 0;
}
#system .container .course dl dt {
    font-size: 1.2em;
    text-align: right;
	width: 80px;
	float: left;
	margin-top: 31px;
}
#system .container .course dl dt span{
	font-size: 0.8em;
}
#system .container .course dl dd {
 	float: right;
    font-size: 1.1em;
    text-align: left;
    font-weight: 100;
    line-height: 30px;
	width : 98% ; /* IE8�ʲ���Android4.3�ʲ��ѥե�����Хå￾�*/
	width : -webkit-calc(100% - 80px) ;
	width : calc(100% - 80px) ;
}
	@media screen and (max-width: 648px) {
		#system .container .course dl dt{
			width: 80px;
		    text-align: left;
			margin-top: 8px;
		}
		#system .container .course dl dd{
			width: 100%;
		}
	}
#system .container .course dl dd s{
    color: #666;
}
#system .container .course dl dd span{
	font-size: 1.5em;
	text-align: right;
}
#system .container .course dl dd span.discount{
	font-size: 1em;
}


#system .container .h_course {
	font-family: "Cinzel", "����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;
    height: auto;
}
#system .container .h_course p{
}
#system .container .h_course dl{
	width: 50%;
	float: left;
	margin: 4px 0;
}
#system .container .h_course dl dt {
    font-size: 1.2em;
    text-align: right;
	width: 80px;
	float: left;
	margin-top: 31px;
}
#system .container .h_course dl dt span{
	font-size: 0.8em;
}
#system .container .h_course dl dd {
 	float: right;
    font-size: 1.1em;
    text-align: left;
    font-weight: 100;
    line-height: 30px;
	width : 98% ; /* IE8�ʲ���Android4.3�ʲ��ѥե�����Хå￾�*/
	width : -webkit-calc(100% - 80px) ;
	width : calc(100% - 80px) ;
}
	@media screen and (max-width: 648px) {
		#system .container .h_course dl dt{
			width: 80px;
		    text-align: left;
			margin-top: 8px;
		}
		#system .container .h_course dl dd{
			width: 100%;
		}
	}
#system .container .h_course dl dd s{
    color: #666;
}
#system .container .h_course dl dd span{
	font-size: 1.5em;
	text-align: right;
}
#system .container .h_course dl dd span.discount{
	font-size: 1em;
}





dl.option{
	width: 345px;
	float: left;
	margin: 8px 6px;
}
dl.option dt{
	font-size: 1em;	
	width: 175px;
	float: left;
	margin-top: 5px;
}
dl.option dd{
	font-size: 1.4em;	
	width: 140px;
	float: left;
	margin-right: 20px;
}
dl.option dd.font-mincho{
	font-size: 1.2em;
	text-align: center;
	line-height: 24px;
}
dl.trans{
	width: 100%;
	float: left;
	margin: 8px 6px;
}
dl.trans dt{
	font-size: 2.4em;	
	text-align: left;
	width: 178px;
	float: left;
	margin: 0 24px 0 0;
}
dl.trans.last dt{
	font-size: 1.8em;	
	margin-top: 6px;
}
dl.trans dt span{
	font-size: 1.4em;	
}
dl.trans dd{
	width: 100%;
	float: left;
	font-size: 1em;	
	margin-right: 20px;
	padding-top: 4px;
}
dl.trans dd p{
	font-size: 0.9em;
	line-height: 38px;	
	margin-bottom: 40px;
	padding-top: 6px;
}
dl.last{
	margin-bottom: 30px;
}
#system .container ul.font-gothic{
	font-size: 0.6em;
	width: 100%;
}
#system .container ul.font-gothic li{
	margin-bottom: 12px;
	width: 100%;
}

/*////////// �� ���⥷���ƥ� �� //////////*/

/*////////// �����ޥ����С� �� //////////*/

#members .container{
    width: 90%;
    margin: 10px auto;
	color: #535353;
}
#members .container p.font-mincho{
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #535353;
}
#members .container ul li{
	font-size: 1em;
	letter-spacing: 1.5px;
	margin: 14px 0;
}
#members .container ul li span{
	font-size: 1.4em;
	letter-spacing: 0.5px;
	margin-right: 14px;
	color: #f5568b;
}
#members .container .button-box{
	margin: 40px 0;
}
#members .container p.font-gothic{
	font-size: 0.8em;
	color: #535353;
}
/*////////// �� ���ޥ����С� �� //////////*/

/*////////// ��LINE �� //////////*/
#line-members{
	margin-top:50px;
}
#line-members .container{
	width: 90%;
	margin: 10px auto;
}
#line-members .container p.font-mincho{
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #535353;
}
#line-members .container .button-box{
	margin: 40px 0;
}
/*////////// �� LINE �� //////////*/


/*////////// �� ������￾��� //////////*/

ul.topics-box{
	width: 100%;
	height: auto;
}
ul.topics-box li{
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
#topics ul.topics-box li:nth-child(even) .topics-container {
 	background-color: rgba(0,0,0,0.8);
 	/*background-color: rgba(230,0,90,0.8);*/
    left: 25%;
}
#topics ul.topics-box li:nth-child(odd) .topics-container {
 	background-color: rgba(30,30,30,0.8);
    right: 25%;
}
#topics .topics-container h3{
	max-height: 100px;
	overflow: auto
}
#topics .topics-container p {
	margin-bottom: 25px;
}
#topics ul.topics-box li:nth-child(odd) .photo1 {
    left: 0%;
}
#topics ul.topics-box li:nth-child(odd) .photo2 {
    left: 0%;
}
#topics ul.topics-box li:nth-child(odd) .photo4 {
    left: 28%;
}
#topics ul.topics-box li:nth-child(odd) .photo3 {
    left: 56%;
}

/*////////// �� ������￾��� //////////*/


/*////////// �� �������� �� //////////*/

#history ul#portrait li.gals-box .box-text .button-box{
	width: 308px;
	position: absolute;
	right: 10px;
}
.favorite-off .fav-off{
	opacity: 0.5;
	position: absolute;
	top: 10px;
	right: 20px;
}
.favorite-off .fav-on{
	opacity: 0;
	position: absolute;
	top: 10px;
	right: 20px;
}
.favorite-off:hover .fav-off{
	opacity: 0;
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
}
.favorite-off:hover .fav-on{
	opacity: 1;
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
}

.favorite-on .fav-off{
	opacity: 0;
	position: absolute;
	top: 10px;
	right: 30px;
}
.favorite-on .fav-on{
	opacity: 1;
	position: absolute;
	top: 10px;
	right: 30px;
}
.favorite-on:hover .fav-off{
	opacity: 0.5;
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
}
.favorite-on:hover .fav-on{
	opacity: 0;
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
}

/*////////// �� �������� �� //////////*/


/*////////// �� ������������Ͽ �� //////////*/

#favorite ul#portrait li.gals-box{
    width: 80%;
    margin: 0.5% 8%;
}

	@media screen and (max-width: 800px) {
		#favorite ul#portrait li.gals-box{
			height: 600px;
		}
	}
	
	
	@media screen and (max-width: 600px) {
		#favorite ul#portrait li.gals-box{
			height: 660px;
		}
	}


#favorite ul#portrait li.gals-box .box-text {
    width: 69%;
}
#favorite ul#portrait li.gals-box .box-text .button-box{
	height: 113px;
	position: absolute;
	top: -20px;
	right: 0;
}
	@media screen and (max-width: 800px) {
		#favorite ul#portrait li.gals-box .box-text .button-box{
			top: 460px;
		}
	}
	
	@media screen and (max-width: 600px) {
		#favorite ul#portrait li.gals-box .box-text .button-box{
			top: 513px;
		}
	}

#favorite ul#portrait li.gals-box .box-text ul.schedule{
	width: 1050px;
	position: absolute;
	right: 0;
	margin-top: 60px;
}
#favorite ul#portrait li.gals-box .box-text ul.schedule li{
    font-size: 1.2em;
    letter-spacing: 1.5px;
	line-height: 56px; 
	text-align: left;
    border: 1px solid #666;
    width: 120px;
    height: 120px;
    float: left;
    padding: 10px 10px 15px 10px;
    margin: 10px 0 0 8px;
	position: relative;
	z-index: 20;
	color: #fff;
}
#favorite ul#portrait li.gals-box .box-text ul.schedule li:after{
	content:"";   
	background-color: rgba(0,0,0,0.7);
	border: 1px solid #666;
    width: 100%;
    height: 145px;
	position:absolute;
	top: -4px;
	left: -4px;
	z-index: -1;
}
	@media screen and (max-width: 1550px) {
		#favorite ul#portrait li.gals-box .box-text ul.schedule{
			width: 900px;
		}
		#favorite ul#portrait li.gals-box .box-text ul.schedule li{
		    font-size: 1.1em;
			line-height: 43px; 
		    height: 80px;
		    padding: 5px 10px 15px 10px;
		    margin: 10px 0 0 8px;
			color: #fff;
		}
		#favorite ul#portrait li.gals-box .box-text ul.schedule li:after{
		    height: 105px;
		}
	}
	@media screen and (max-width: 1400px) {
		#favorite ul#portrait li.gals-box .box-text ul.schedule{
			width: 750px;
		}
	}
	@media screen and (max-width: 1250px) {
		#favorite ul#portrait li.gals-box .box-text ul.schedule{
			width: 600px;
		}
	}
	@media screen and (max-width: 750px) {
		#favorite ul#portrait li.gals-box .box-text ul.schedule{
			width: 450px;
			margin-top: 100px;
			right: -50px;
		}
		#favorite ul#portrait li.gals-box .box-text ul.schedule li {
			font-size: 0.8em;
			line-height: 15px;
			height: 50px;
			padding: 5px 10px 15px 10px;
			margin: 10px 0 0 8px;
			color: #fff;
		}
		
		#favorite ul#portrait li.gals-box .box-text ul.schedule li:after{
		    height: 45px;
		}
	}
	@media screen and (max-width: 550px) {
		#favorite ul#portrait li.gals-box .box-text ul.schedule{
			width: 300px;
			margin-top: 100px;
			right: -50px;
		}
	}

#favorite ul#portrait li.gals-box .box-text ul.schedule li span.date{
	border-bottom: 2px solid rgba(100,100,100,0.5);
	padding-bottom: 12px;
}
h3.fav-schedule{
	font-size: 2em;
	letter-spacing: 2px;
	margin-top: 140px;
}
h3.fav-schedule span.title-ja{
	font-size: 0.4em;
	color: #f5568b;
}
/*////////// �� ������������Ͽ �� //////////*/


/*////////// �� �̥����� �� //////////*/


#photodiary li.diary-box:nth-child(7),
#photodiary li.diary-box:nth-child(8){
    display: inherit;
}

/*////////// �� �̥����� �� //////////*/


/*////////// �� ������￾��� //////////*/

ul#event-list{
	height: auto;
	margin: 0 auto 120px;
}
li.event-box{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 60px;
}
#discount li .event-text p{
	margin-bottom: 20px;
}
#discount li:last-child .event-text p{
	margin-bottom: 60px;
}
.event-box img{
	width: 100%;
	margin: 0 auto 20px;
}
.event-text h3{
	font-size: 1.8em;
	text-align: left;
	line-height: 40px;
	border-bottom: 2px dotted #333;
	padding: 5px 14px 15px 14px;
	margin-bottom: 15px;
}
li.event-box .event-text{
	float: left;
	width: 100%;
	padding-top: 12px;
	color:#000;
}
li.event-box .event-text p{
	color:#000;
}

/*////////// �� ������￾��� //////////*/


/*////////// �� ���䤤��祿��� //////////*/
.form-text{
    width: 90%;
    max-width: 980px;
	margin: 10px auto;
}
.form-text h3{
	font-size: 1em;
	letter-spacing: 2px;
	line-height: 30px;
	margin-bottom: 10px;
}
.form-text p{
	font-size: 0.8em;
}

#form{
	margin: 20px auto;
}
#contact_form{
	width: 100%;
}
.tbl_form {
    display: table;
    width: 90%;
    max-width: 980px;
	margin: 0 auto;
}
.tbl_form > dl {
    display: table-row;
	width: 100%;
}
.tbl_form > dl > dt {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    display: table-cell;
    vertical-align: top;
    width: 35%;
    padding: 22px 20px 16px;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.6;
	background-color: #8e720f;
	border: 2px solid #57470d;
}
.tbl_form > dl > dd {
    display: table-cell;
    width: 65%;
    padding: 15px 4% 15px;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.6;
	background-color: #7E6E36;
	border: 2px solid #57470d;
}
	@media screen and (max-width: 768px) {
		.tbl_form > dl > dt {
		    display: inline-block;
			width: 100%;
		    padding: 12px 20px 6px;
		}
		.tbl_form > dl > dd {
		    display: inline-block;
			width: 100%;
		}
	}
.essential {
	font-size: 0.85em;	
	color: #ff0064;
	margin-left: 10px;
}
input, button, select {
    vertical-align: middle;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    cursor: pointer;
	margin-top: -2px;
}
.input_inq1 {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    font-size: 14px;
    width: 100%;
	padding: 6px 10px;
}
.select_inq1 {
	width: 240px;
    font-size: 14px;
	padding: 6px 10px;
}
.select_inq2 {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    font-size: 14px;
	width: 90px;
	padding: 3px 10px;
	margin-right: 5px;
	margin-bottom: 10px;
}
dl.radio-box dd span{
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
	color: #fff;
	padding-left: 5px;
}
ul, ol, li {
    list-style: outside none none;
}
.radio-box{
	margin-bottom: -6px;
}
ul.radio{
	width: 290px;
	margin-top: 4px;
}
.fotm_list_inline li {
    margin-right: 14px;
	float: left;
}
label{
    cursor: pointer;
}
label.input_radio {
    padding-left: 15px;
    position: relative;
}
label.input_radio::before, label.input_checkbox::before, .btn_confirm, .fotm_list_inline li, .ftxt3, .ftxt4 {
    display: inline-block;
    vertical-align: middle;
}
dd span.date{
	margin-right: 10px;
}

.btn-box{
	width: 300px;
	margin: 40px auto 60px;
}
button{
	position:relative;
	width: 300px;
	display: inline-block;
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	border: 1px solid #8e720f;
	padding: 2px 2px;
}
button::after,
button::before,
.change-border01__inner::after,
.change-border01__inner::before {
	background-color: #8e720f;
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
button::after {
	height: 2px;
	left: -2px;
	top: -2px;
	width: 0px;
}
button::before {
	bottom: -2px;
	height: 2px;
	right: -2px;
	width: 0px;
}
.change-border01__inner::after {
	bottom: -2px;
	height: 0px;
	left: -2px;
	width: 2px;
}
.change-border01__inner::before {
	height: 0px;
	right: -2px;
	top: -2px;
	width: 2px;
}
button:hover::after,
button:hover::before {
	width: 100%;
	width: calc(100% + 2px);
}
button:hover .change-border01__inner::after,
button:hover .change-border01__inner::before {
	height: 100%;
	height: calc(100% + 2px);
}
span.change-border01__inner{
	color: #8e720f;
	font-size: 1.2em;
	letter-spacing: 4px;
	line-height: 35px;
}
span.change-border01__inner .click{
	color: #8e720f;
}
.button-ja{
	font-size: 0.7em;
	letter-spacing: 2px;
	margin-left: 14px;
}

.error_style { color: red; }
.form_box1 { display: inline;}

/*////////// �� ���䤤��祿��� //////////*/


/************* �եå��� ************/

footer{
	clear: both;
	position: relative;
	width: 100%;
	height: 230px;
	margin: 0 auto;
	color: #fff;
	background-color: #fff;
	z-index: 800;
}
address{
	font-family: "Playfair Display SC","����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;
	color: #565656;
	font-size: 0.75em;
	letter-spacing: 1.2px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 70px;
}

/************* /�եå��� ************/


.form_style01 {overflow: hidden;width: 980px;}

.btnBox2{
    text-align: center;
    margin: 20px 0 20px 0;
}

.send_bt {
    text-align: center;
}

.modification_wrap {
    text-align: center;
}

.modification {
	border: 2px solid #c5c5c5;
}

/************* /�եå��������˥塼 ************/

.footer_menu_fixed {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 1000;
	background-color: rgba(245,86,139,0.9);
	font-size: 20px;
}

.footer_menu_fixed ul{
	width: 100%;
	padding-top: 1px;
}

.footer_menu_fixed ul li{
	display: inline-block;
	width: 20%;
	text-align: center;
	margin-left: -7px;
	border-right: solid 1px;
}

.footer_menu_fixed ul li:first-child{
	margin-left:0;
}

.footer_menu_fixed ul li a{
	display:block;
	width:100%;
}

.footer_menu_fixed ul li a>span{
	font-size:10px;
	display: block;
}

#pagetop{
	position: fixed;
	bottom: 87px;
	right: 10px;
	background: rgba(245,86,139,0.9);
	text-align: center;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;
	z-index: 1000;
	display: none ;
	border: solid 1px #fff;
}

/*�⡼���륦����ɥ����￾�/
#contents {
	z-index: 0;
	font-size: 16px;
}
.page-txt {
	margin: 30px 0 0;
	height: 2000px;
}
#modal-open {
	color: #cc0000;
}
/* �⡼���� ����ƥ�ĥ��ꥢ */
#modal-main {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
	display: none;
	width: 310px;
	height: 200px;
	margin: 0;
	padding: 0;
	font-size:0.7em;
	color: #fff;
	position:fixed;
	z-index: 1000;
	overflow-y: scroll;
	border:solid 1px #ccc;
}
#modal-main::-webkit-scrollbar{ /* ����������С����￾�*/
	width: 5px;
	background: #fff;
}
#modal-main::-webkit-scrollbar-thumb{ /* ����������С���ư����ʡ�*/
	background: #fff;
	border-radius: 2px;
}
/* �⡼���� �طʥ��ꥢ */
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}

.searchBox form {
    width: 300px;
	margin: 0px auto;
	padding:8px;
	background-color: rgba(0,0,0, 0.8);
}

.searchBox .submit_button{
	padding: 8px 20px;
	font-size: 1.2em;
	background-color: #fff;
	border: solid 1px;
	margin: 2px auto 4px;
	display: block;
	}

.searchBox .checkbox1 {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.searchBox .checkbox1 {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.searchBox .txtC {
	width: 286px;
}

#seachReset{
	color:#fff;
	display: inline-block;
	position: absolute;
	top: 4px;
	right: 4px;
	padding:2px 10px;
	font-size: 1.8em;
}



#system .container .e_basic{
	font-family: "Cinzel", "����ī", "YuMincho", "�ҥ饮����ī ProN W3", "Hiragino Mincho ProN", "HG��īE", "�ͣ� ����ī", "�ͣ� ��ī", serif;
	height: auto;
	margin: 0 0 40px 0px;
}
#system .container .e_basic dl{
	width: 300px;
	float: left;
	margin: 10px;
	color: #535353;
}
#system .container .e_basic dl dt{
    font-size: 1.2em;
    text-align: left;
	width: 88px;
	float: left;
	margin-top: 0px;
}
#system .container .e_basic dl dt span{
	font-size: 0.8em;
}
#system .container .e_basic dl dd{
    font-size: 1em;
    text-align: left;
	font-weight: 100;
	line-height: 26px;
	color: #666;
	width: 300px;
	float: right;
}
#system .container .e_basic dl dd span{
	font-size: 1.7em;
	text-align: right;
}
#system .container .e_basic-sub{
	height: auto;
	margin: 0 0 40px 0px;
	color: #535353;
}
#system .container .e_basic-sub dl{
	width: 100%;
	float: left;
	margin: 10px;
}
#system .container .e_basic-sub dt{
	font-size: 1.1em;
	letter-spacing: 2px;
	width: 40%;
	float: left;
	margin-top: 4px;
}
#system .container .e_basic-sub dd{
	font-size: 0.9em;
	letter-spacing: 1.5px;
	vertical-align: text-bottom;
	line-height: 30px;
	width: 80%;
	float: left;
	margin-bottom: 4px;
}
	@media screen and (max-width: 648px) {
		#system .container .e_basic-sub dt{
			width: 100%;
		}
		#system .container .e_basic-sub dd{
			width: 100%;
		}
	}
#system .container .e_basic-sub dd img{
	vertical-align:middle;
	padding: 0 6px 2px;
}
#system .container .e_basic-sub dd span{
	font-size: 1.2em;
	margin-right: 6px;
}
#system .container .e_basic-sub dd span.pink{
	font-size: 1.6em;
}
#system p{
	font-size: 0.8em;
	line-height: 32px;
}
#system .container .e_basic-sub p{
	clear: both;
	letter-spacing: 2px;
	width: 100%;
	height: auto;
	margin: 10px 0;
}
#system .container .e_basic-sub ul{
	width: 288px;
	height: 60px;
	margin: 0px auto;
}
	@media screen and (min-width: 648px) {
		#system .container .e_basic-sub ul{
			width: 576px;
		}
	}
#system .container .e_basic-sub ul li{
	text-align: center;
	vertical-align: text-bottom;
	float: left;
	height: 46px;
	width: 280px;
	border: 1px solid #666;
	margin: 4px;
	padding: 9px 20px 10px;
}
#system .container .e_basic-sub ul li img{
	vertical-align: bottom;
	padding: 0 10px 0 0;
}
dl.e_option{
	width: 290px;
	float: left;
	margin: 8px 6px;
}
dl.e_option dt{
	font-size: 1em;	
	width: 140px;
	float: left;
	margin-top: 5px;
}
dl.e_option dd{
	font-size: 1.4em;
	width: 140px;
	float: left;
	margin-right: 20px;
}
dl.e_option dd.font-mincho{
	font-size: 1.2em;
	text-align: center;
	line-height: 24px;
}
dl.e_trans dt{
	font-size: 2.4em;	
	text-align: left;
	width: 195px;
	float: left;
	margin: 0 24px 0 0;
}
dl.e_trans.last dt{
	font-size: 1.8em;	
	margin-top: 6px;
}
dl.e_trans dt span{
	font-size: 1.4em;	
}
dl.e_trans dd{
	width: 100%;
	float: left;
	font-size: 1em;	
	margin-right: 20px;
	padding-top: 4px;
}
dl.e_trans dd p{
	font-size: 0.9em;
	line-height: 38px;	
	margin-bottom: 40px;
	padding-top: 6px;
}

.event-icon{
	background: url(../../system_img/event_all_icon/1/1_s.png) center center no-repeat;
	background-size: 100%;
	color: #fff;
	width: 30%;
	height: 24%;
	position: absolute;
	top: -1px;
	left: 0;
	max-width: 70px;
	min-height: 50px;
}

/*////////// �� �Ԥ���碌���￾��� //////////*/

#map h3 {
    font-size: 2.0em;
    text-align: left;
    letter-spacing: 1.2px;
    line-height: 18px;
    background-size: 87px;
    width: 100%;
    padding: 30px 0 10px 20px;
    margin: 0px 0 10px -20px;
    overflow: hidden;
}

#map h4 {
	margin-left: 8px;
	font-size: 1.2em;
	color: #000;
}

.w-subtitle{
	font-size:50%;
	color:#000;
}
.waitmap-container{
	width: 94%;
	max-width: 680px;
	height: auto;
	margin: 0 auto;
}

.waitmap-container dl.trans{
	width: 100%;
	float: left;
	margin: 8px 6px;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: top right;
	color: #000;
}

.waitmap-container dl dd p{
	font-size: 0.8em;
	line-height: 32px;
	color: #000;
	margin-bottom: 0;
}

.waitmap-container dl dt{
	font-size: 1.8em;
}

ul#map-list{
	height: auto;
	margin: 0 auto 120px;
}
li.map-box{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	border-bottom: dotted 1px #000;
	padding-bottom: 10px;
}
#discount li .map-text p{
	margin-bottom: 20px;
}
#discount li:last-child .map-text p{
	margin-bottom: 60px;
}
.map-box img{
	width: 100%;
	margin: 0 auto 20px;
}
.map-text h3{
	font-size: 1.2em;
	text-align: left;
	line-height: 0px;
	border-bottom: 2px dotted #333;
	padding: 5px 14px 15px 0;
	margin-bottom: 15px;
	color: #000;
}
.map-text p{
	color: #000;
	font-size: 0.8em;
	margin-left: 10px;
}

.map-text iframe{
	border: 0;
	width: 94%;
	margin: 0 auto;
	display: block;
	height: 250px;
}

li.event-box .map-text{
	float: left;
	width: 100%;
	padding-top: 12px;
}


.map-area {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.map-area .box {
	box-shadow: 0 0 0 3px #8e720f inset;
	margin-top: 30px;
}

.map-area .box:first-of-type {
	margin-top: 0;
}

.map-area .box .area-name {
	color: #fff;
	font-size: 18px;
	background: #8e720f;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

.map-area .box .group {
	padding: 15px;
}

.map-area .box .group .txt {
	padding: 0 10px 10px;
	color: #535353 !important;
}

.map-area .box .group .txt p {
	font-size: 14px;
	color: #535353 !important;
}

.map-area .box .group .txt p strong {
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
}

.map-area .box .group iframe {
	border: 0;
	height: 300px;
}

.map-area .box .img {
	margin-bottom: 20px;
}

.map-area .box .img img {
	width: 100%;
}

.map-area .box .group hr {
	margin: 30px 0;
	border: 1px dashed #8e720f;
}

/*////////// �� �Ԥ���碌���￾��� //////////*/

#d-town {
	margin-top: 20px;
	text-align: center;
}

#d-town .d-image {
	margin-bottom: 20px;
}

#d-town .d-image img {
	max-width: 100%
}

#d-town .d-iframe1,#d-town .d-iframe2 {
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
}

#d-town .d-iframe1 {
	margin-bottom: 50px;
}

#d-town .d-iframe2 {
	margin-bottom: 20px;
}

#d-town .d-iframe1 iframe,#d-town .d-iframe2 iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/*////////// �� �ȥåס��ǥ�إ륿���￾��� //////////*/

.breadcrumb {
    font-family: "�⥴���å�", "YuGothic", "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    font-size: 0.7em;
    position: absolute;
    left: 10px;
    z-index: 3;
}

@media screen and (min-width: 675px) {
	.breadcrumb {
	    top: 216px !important;
	}
}

@media screen and (max-width: 674px) {
	.breadcrumb {
		top: 152px !important;
	}
}

.breadcrumb ul {
    text-indent: -5px;
}

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

.breadcrumb li a {
    color: rgba(245, 86, 139, 0.7);
}

.breadcrumb2 {
    font-family: "�⥴���å�", "YuGothic", "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    font-size: 0.7em;
    margin: 77% 0 0 5px;
}

.breadcrumb2 li {
    color: #000;
    display: inline-block;
}

.breadcrumb2 li a {
    color: rgba(245, 86, 139, 0.7);
}
/*////////// �� �ѥ󤯤� �� //////////*/

/*���ۥƥ�ꥹ�Ȣ￾�/
.hotel-container{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.hotel-container h3{
	font-size: 1.2em;
	letter-spacing: 2px;
	line-height: 18px;
	text-align: left;
	border-left: 2px solid #ccc;
	margin: 12px 0;
	padding: 0px 0 20px 14px;
	height: 50px;
	color: #8e720f;
}

.hotel-container h3>span{
	font-size: 0.7em;
}

.hotel-container ul{
	border-top: solid 1px;
	padding: 10px;
	font-family: "�⥴���å�", "YuGothic", "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
	color: #000;
}

.hotel-container ul li{
	margin-bottom: 10px;
	border-bottom: dotted 1px;
	font-size: 0.8em;
}

.hotel-container ul li h4{
	font-size: 1.4em;
	color: #ff0064;
}

.hotel-container ul li h4>span{
	margin-left: 1em;
	color: #484848;
	font-size: 0.6em;
}
.hotel-container .hotellist-cap{
	color: #f5568b;
	padding: 0 10px;
}

.gravure li{

    border-bottom:1px solid #666;

    padding: 20px 0 ;
	
}

/*gravure.php*/
.gravure li .box{

	height: 184px;

    padding: 5px 0 8px 8px;

    display: block;

    background-attachment:scroll;

    background-clip:border-box;

    /*background-image:url(../img/ico_window.png);*/

    background-origin:padding-box;

    background-position:99% center;

    background-repeat:no-repeat;

    background-size:21px auto;

    display:block;

    text-align: left;

}

.gravure li:last-child .box{

    border-bottom:none;

}

.gravure img.galThum{

    float: left;

    margin-right: 8px;

    border-radius: 6px;

}

.gravure li .box .left{

    float: left;

    padding-right: 5px;

}

.gravure li .box .right{

    float: left;

}

.gravure li .box .enterShop{

	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;

    color:#ff0064;

    font-size:11px;

    display: block;

}

.gravure li .box .name{

	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;

	color: #8e720f;

    display: block;

    line-height: 2;

}

.gravure li .box .name a{

	color: #8e720f;
}

.gravure li .box .name small{

    display: block;

    font-size: 0.8em;

}

.gravure li .box .hidden {
	
	display: none;
	
}

.gravure li .box .com{

    font-size: 12px;

    color:#666;

    padding-top: 3px;

}

.gravure li .box .button-box:last-of-type {
	margin-top: 10px;
}

.gravure li .box .button-shine {
	font-size: 13px;
	width: 160px;
}

.modal {
	position: fixed;
	bottom: 120px;
	right: 0;
	z-index: 900;
}

.modal .close {
	cursor: pointer;
}

/*chat�ܥ���*/
.chat-btn{
	position: fixed;
	bottom: 250px;
	right: 4px;
	z-index: 9000;
}

/*�����ץ�򸡦�ܥ�����css*/
#system .container .cosplay-container {
	height: auto;
}

#system .container .cosplay-container .button-box{
	width: 210px;
	margin: 0;
}

#system .container .cosplay-container .button-box a {
	display: inline-block;
	background-color: rgba(255, 56, 140, 0.9);
	text-align: center;
}
#system .container .cosplay-container .button-shine2 {
	background: url(../images/button-shine2.png) no-repeat;
	width: 200px;
	height: 40px;
	padding-top: 4px;
}

#system .container .cosplay-container .button-shine2 span.change-border01__inner {
	font-size:16px;
	letter-spacing: 3px;
	padding-right: unset;
	color: #fff;
}

/*���󥱡�����css*/
#enquete_form{
	width: 100%;
}
#enquete_form .tbl_form {
    display: table;
    width: 90%;
    max-width: 980px;
	margin: 0 auto;
}
#enquete_form .tbl_form > dl {
    display: table-row;
	width: 100%;
}
#enquete_form .tbl_form > dl > dt {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    display: table-cell;
    vertical-align: top;
    width: 35%;
    padding: 22px 20px 16px;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.6;
	background-color: #fff;
	border: none;
	border-bottom: 2px solid #f5568b;
	font-weight: 500;
	color: #000;
}
#enquete_form .tbl_form > dl > dd {
    display: table-cell;
    width: 65%;
    padding: 15px 4% 15px;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.6;
	background-color: #7E6E36;
	background-color: #F3F3F3;
	border: none;
	border-bottom: 2px solid #f5568b;
	color: #000;
}
	@media screen and (max-width: 768px) {
		#enquete_form .tbl_form > dl > dt {
		    display: inline-block;
			width: 100%;
		    padding: 12px 20px 6px;
			border-bottom: none;
		}
		#enquete_form .tbl_form > dl > dd {
		    display: inline-block;
			width: 100%;
			border-bottom: none;
		}
	}
#enquete_form .essential {
	font-size: 0.85em;	
	color: #ff0064;
	margin-left: 10px;
}
#enquete_form input, #enquete_form button, #enquete_form select {
    vertical-align: middle;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    cursor: pointer;
	margin-top: -2px;
}
#enquete_form .input_inq1 {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    font-size: 14px;
    width: 100%;
	padding: 6px 10px;
}
#enquete_form .select_inq1 {
	width: 240px;
    font-size: 14px;
	padding: 6px 10px;
}
#enquete_form .select_inq2 {
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
    font-size: 14px;
	width: 90px;
	padding: 3px 10px;
	margin-right: 5px;
	margin-bottom: 10px;
}
#enquete_form dl.radio-box dd span{
	font-family: "�⥴���å�", "YuGothic",  "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", sans-serif;
	color: #fff;
	padding-left: 5px;
}
#enquete_form ul, #enquete_form ol, #enquete_form li {
    list-style: outside none none;
}
#enquete_form .radio-box{
	margin-bottom: -6px;
}
#enquete_form ul.radio{
	width: 290px;
	margin-top: 4px;
}
#enquete_form .fotm_list_inline li {
    margin-right: 14px;
	float: left;
}
#enquete_form label{
    cursor: pointer;
}
#enquete_form label.input_radio {
    padding-left: 15px;
    position: relative;
}
#enquete_form label.input_radio::before, #enquete_form label.input_checkbox::before, .btn_confirm, #enquete_form .fotm_list_inline li, #enquete_form .ftxt3, #enquete_form .ftxt4 {
    display: inline-block;
    vertical-align: middle;
}
#enquete_form dd span.date{
	margin-right: 10px;
}

#enquete_form .btn-box{
	width: 300px;
	margin: 40px auto 60px;
}
#enquete_form button{
	position:relative;
	width: 300px;
	display: inline-block;
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	border: 2px solid #c5c5c5;
	padding: 2px 2px;
}
.selectradio{
	width: 100% !important;
}
.selectradio .selectradio-item {
	margin: 5px 0;
	padding: 0;
	display: block;
}
.selectradio input[type="radio"] {
	display: none; 
}
.selectradio input[type="radio"]:checked + label {
	background: #ff73b3;
	border: 1px solid #ff48a2;
}
.selectradio .selectradio-label {
	display: block;
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 45px;
	padding: 0 5px;
	cursor: pointer;
	color: #333333;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 5px;
	background: #ADADAD;
	transition: 0.5s;
	border-radius: 4px;
}
.form-control {
	display: block;
	width: 100%;
	height: 110px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}


/*-- tel-btn --*/
#tel-btn {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1000;
	background: linear-gradient(to top, #a69142, #c2b172);
	font-size: 12px;
	width: 154px;
	height: 79px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	box-shadow: 0 0 0 2px #a69142 inset;
	border-radius: 10px 0 0 0;
}

	@media screen and (min-width: 768px) {
		#tel-btn {
			width: 20.0521vw;
		}
	}

	@media screen and (max-width: 768px) {
		#tel-btn {
			width: 20.0521vw;
		}
	}

	@media screen and (max-width: 375px) {
		#tel-btn {
			font-size: 3.2vw;
			width: 20.2667vw;
			height: 21.0667vw;
		}
	}

#tel-btn img {
	display: block;
	width: 45px;
	margin: 0 auto 6px;
}

	@media screen and (max-width: 375px) {
		#tel-btn img {
			width: 12vw;
			margin: 0 auto 1.6vw;
		}
	}

#tel-btn span {
	display: block;
	line-height: 1;
}
/*-- /tel-btn --*/

/*--トピックス変更用--*/
#topics2 ul#portrait li.gals-box .box-text p {
	position: unset;
	z-index: 20;
}
#topics2 ul#portrait li.gals-box .box-text p.name {
	line-height: 20px;
	margin-bottom: 20px;
}
#topics2 ul#portrait li.gals-box .box-text .comment {
	height: 200px;
	bottom: 110px;
}

#top-topics2{
	position: relative;
	height: 600px;
	overflow: hidden;
}
#top-topics2 h2{
	position: absolute;
	z-index: 230;
	margin-top: 20px;
}
#top-topics2 ul.tabmenu{
	position: absolute;
	width: 30%;	
	margin: 150px 0 20px 30px;
	z-index: 220;
}
#top-topics2 ul.tabmenu,
#top-topics2 ul.tabmenu li.tab,
#top-topics2 ul.tabmenu li.tab a {
	display: block;
}
#top-topics2 li.tab span{
	height: 60px;
	margin-right: 30px;
}

#top-topics2 ul.tabmenu{
	position: absolute;
	width: 40%;	
	margin: 120px 0 20px 18px;
	z-index: 220;
}
#top-topics2 ul.tabmenu,
#top-topics2 ul.tabmenu li.tab,
#top-topics2 ul.tabmenu li.tab a {
	display: block;
	width: 60px;
	height: 60px;
}
#top-topics2 ul.tabmenu li.tab{
	border-radius: 50%;
	margin-bottom: 14px;
}

#top-topics2 ul.tabmenu li.tab p{
	font-size: 1.6em;
	line-height: 60px;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 2px;
	color: #f5568b;
}
.topics2-container{
	width: 65%;
	height: 292px;
	background-color: rgba(245,86,139,0.7);
	position: absolute;
	top: 190px;
	left: 28%;
	padding: 4%;
	overflow: hidden;
	z-index: 210;
}
.topics2-container p{
	width: 100%;
	max-height: 300px;
	margin-bottom: 8px;
}
.topics2-container p.name-en{
	color: rgba(255,255,255,0.6);
	font-size: 3.2em;
	margin: 20px 12px 18px;
}
	@media screen and (max-width: 375px) {
		.topics2-container p.name-en{
			font-size: 2.8em;
		}
	}

.topics2-container p.name{
	font-size: 0.9em;
}
.topics2-container p.size,
.topics2-container p.date{
	font-size: 0.7em;
	line-height: 18px;
	margin-bottom: 3px;
}
.topics2-container .sentence{
	font-size: 0.8em;
	height: 110px;
	line-height: 22px;
	overflow: auto;
}
#top-topics2 .photo1 {
	width: 80%;
	height: 400px;
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 200;
	overflow: hidden;
}
	@media screen and (max-width: 375px) {
		#top-topics2 .photo1{
			width: 100%;
		}
	}
.topics2-photo img{
	position: absolute;
	width: 100%;
	max-width: 480px;
	right: 0;
}
#top-topics2 .button-box{
	position: absolute;
	top: 500px;
	left: 24px;
	width: 308px;
	z-index: 500;
}

#topics2 .button-shine {
	width: 300px !important;
}