@charset "shift_jis";

/*リセットCSS（ress.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/ress/dist/ress.min.css");

/*Font Awesomeの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

/*slick.cssの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");


html{ 
    height:100%; 
} 

body  { 
	color: #939393;
	font:18px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 140%;
	height:100%;
	background-color: #FFFFFF;
	background-image:url(../files/img/bg.gif);
	background-repeat:repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px; 
}

body > #container{
    height:auto;
}

h1{
	font-size: 11px;	
}

h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

/*フォームタグ全般の設定*/
input, textarea, select {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	padding: 0 10px;
}

/*ress.cssでselectで矢印が消えてしまうのを戻す*/
select {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
}
select::-ms-expand {
    display: block;	/*IE用*/
}


.color1 {
	color: #FFFA33;
}

.mini {
	font-size: 90%;
	line-height: 1.6;
}

#main ul.listmark {
	padding: 0.5em 20px 0em 30px;
	list-style: disc;
}

.qr {
border-width : 1px ; border-style : solid ; border-color : #cccccc ; padding : 3px;
	text-align: center;
	position: relative;
	top: 30px;
}

.shukkin {
border-width : 1px ; border-style : solid ; border-color : #cccccc ; padding : 3px;
	width: 126px;
	margin-left: 4px;
	margin-bottom: 4px;
	text-align: center;
	position: relative;
   float: left;
}

.lady1 {
	border: 1px solid #cccccc;
	margin: 4px;
	text-align: center;
	position: relative;
	float: left;
	padding:3px;
}


.sample {
	float:left;
}

.lady2 {
	background-color: #FBF7F0;
	background: url(../files/img/lady_back.gif) ;
	background-repeat: no-repeat;
	background-position: 100% 100%;	
	padding : 5px;
	width: 108px;
	height: 90px;
	margin-left: 100px;
	text-align: left;
	font-size:13px;
	letter-spacing:-1px;
	line-height: 160%;
}

.lady3 {
	border: 1px solid  #cccccc;
	padding : 3px;
	width: 214px;
	margin-left: 4px;
	margin-bottom: 4px;
	text-align: left;
	position: relative;
	float: left;
}

.lady1 img.jyotai{
	position: absolute;
	bottom: 48px;
	left: 12px;
	width:40px;
	height:40px;
}

.lady1 img.now{
	position: absolute;
	top: 8px;
	right: 12px;
	width:40px;
	height:40px;
}

.pickup {
	font-weight: bold;
color: #816A26;
}


.boy_photo {
	float: left;
	width: 300px;
}

.boy_text  {
	float: right;
	width: 790px;
}

/*掲示板
---------------------------------------------------------------------------*/

.bbs_table {  
	border: 1px solid #cccccc;
	padding : 10px;
	bgcolor:#fff;
	margin-left: 3px;
	margin-bottom: 3px;
	text-align: center;
	width:100%;
} 
.submit{
	background-color:#1aaba6;
	color: #fff;
}


/*全般のリンク設定
---------------------------------------------------------------------------*/
a {
	color: #A7946A;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #A7946A;
}
a:hover {
	text-decoration: none;
	color: #A7946A;
}
a:active {
	text-decoration: none;
	color: #A7946A;
}


/*コンテナー（HP全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {
 height:100%;
min-height:100%;
/*	background: url(img/container_bg.gif) repeat-y; */
background-color:#ffffff;
	text-align: left;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

#index {
    height: auto;
	text-align:center;
    padding-bottom: 50px;
	
}

#index h1 {
	margin-bottom:50px;
	background-color:#1aaba6;
	color:#fff;
}

#index .margin {
	margin-bottom:40px;
	clear:both;
}

/*ENTERとLEAVEのボタン
---------------------------------------------------------------------------*/
/*２つのボタンを囲むボックス*/
ul#menu {
	width: 50%;	/*containerの80%の幅にする*/
	margin: 40px auto;
}
/*各ボタンの設定*/
ul#menu li a {
	text-decoration: none;
	display: block;
	background-color:#1aaba6;
	border-radius: 10px;	/*角丸のサイズ*/
	float: left;
	width: 45%;	/*ボタン幅*/
	font-size: 20px;	/*文字サイズ*/
	font-weight: bold;
	padding: 10px 0px;
	margin-left: 2.5%;
	letter-spacing: 0.2em;
	color: #fff;	/*文字色*/
}
/*「OVER 18 YEARS」などの小さい文字装飾*/
ul#menu li a span {
	display: block;
	font-size: 11px;	/*文字サイズ*/
	font-weight: normal;
	letter-spacing: normal;
}
/*マウスオン時*/
ul#menu li a:hover {
	background: #fff;	/*背景色*/
	color: #000;	/*文字色*/
}



/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	background: url(header_closed.jpg) no-repeat;
	width: 1100px;
	height: 300px;
	position: relative;
}

#header h1 {
	font-size: 10px;	
	font-weight: normal;
	position: absolute;
	top: 3px;
left: 10px;
}


/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#main {
	display: inline;
	margin: 10px 0px;
	padding-bottom: 100px;
}

#main h2 {
	font-size: 120%;
	background-color:#1aaba6;
	color: #fff;	
	font-weight: normal;
	border-radius: 10px;
	overflow: hidden;
	padding:10px;
	text-align: left!important
}
#main h2:before {
	content: '●';
	color: white;
	font-size: 140%;
	margin-right: 5px;
}

#main h3 {
	font-size: 100%;
	color: #333333;	
	background-color: #fbf7ee;
	font-weight: normal;
	padding: 5px 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;
}


#main h4 {
	font-size: 110%;
	color: #333333;	
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight:normal;
	padding-right:40px;
}


.eyecatch {
	margin-bottom:10px;
}

.eyecatch_left {
	float: left;
	width: 300px;
	height:770px;
	text-align:center;
}

.eyecatch_middle {
	float: right;
	width: 490px;
	height:770px;
}

.eyecatch_right {
	float: right;
	width: 300px;
	height:770px;
	margin-left:10px;
	text-align:center;
}


.cover  {
	width: 290px;
	background-color:#1aaba6;
	border-radius: 10px;
	text-align:center;
	padding:0px 10px 10px 10px;
	margin-bottom:10px;
	height: 400px;
}

.cover img{
	width: 260px;
	height: 347px;
}

.beginner  {
	width: 290px;
	background-color:#1aaba6;
	border-radius: 10px;
	text-align:center;
	padding:0px 10px 10px 10px;
	margin-bottom:10px;
	height: 360px;
}

.nyuten{
	background-color:#1aaba6;
	border-radius: 10px;
	text-align:center;
	padding:0px 10px 10px 10px;
	margin-bottom:10px;
	height: 185px;
}

.nyuten1{
	float:left;
	color:#fff;
	width:100px;
	font-size:80%;
	margin-left:12px;
}

#slider1{
	height:245px;
}

.top_link{
	background-color:#1aaba6;
	border-radius: 10px;
	text-align:center;
	padding:10px;
	height:125px;
}

.top_link img{
	width:140px;
	height:100px;
	margin-right:5px;
}

.top_link2{
	background-color:#1aaba6;
	border-radius: 10px;
	text-align:center;
	padding:0px 10px 10px 10px;
	margin:10px 0px 0px 0px;
	height:125px;
}

.top_link2 img{
	width:255px;
	height:130px;
	margin-right:5px;
}

.news  {
	width: 300px;
	background-color:#1aaba6;
	border-radius: 10px;
	text-align:center;
	padding:0px 10px 10px 10px;
	margin-bottom:10px;
	height: 380px;
}



/* お店からのお知らせ
---------------------------------------------------------------------------*/

dl.new  { 
	background-color: #ffffff; 
	margin-right: auto; 
	margin-left: auto; 
	padding: 10px;
	height: 355px; 
	overflow: auto 
}

dl.new dt {
background-color: #efefef;
	font-weight: bold;
}


#main p {
	padding: 0.5em 10px 1em;
}

.clear {
clear:both;
}

.line {
	text-align: center;
	font-size: 110%;
	height: 20px;
	border-bottom: 1px solid #816A26;
	margin-bottom: 10px;
}

.line2 {
	border: 1px solid #ccc;
	padding: 10px;
}

.boy_icon {
	width:32px;
	height:32px;
	float:right;
}

.g {background-color:#00aaa7!important;
color:#fff!important;}

/*メインメニューの設定
---------------------------------------------------------------------------*/

/*ul要素。メニュー１個１個を囲む親のボックス。*/
#menubar ul {
	margin: 0;
	list-style: none;
	display: flex;						/*flexボックスを使う指定*/
	justify-content: space-around;		/*並びかたの種類の指定*/
	border-bottom: 1px solid #dcdcdc;	/*下の線の幅、線種、色*/
	line-height: 1.5;					/*行間を少しだけ狭く*/
}

/*メニュー１個あたりの設定*/
#menubar li {
	flex: 1;			/*それぞれのメニューが幅一杯に広がるように*/
	text-align: center;	/*テキストをセンタリング*/
	position: relative;
}

/*ラインアニメーションの設定*/
#menubar li::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 5px;
	background: #389168;			/*線となる背景の色*/
	transition: 0.3s;				/*アニメーションの実行時間は0.3秒。*/
	transform: scaleX(0);			/*幅。最初は0にして見えなくしておく。*/
	transform-origin: center top;	/*線の出現起点が左からになるように。中央からの出現がよければこの１行削除。*/
}

/*アニメーション結果。ライン幅が100%になる。*/
#menubar li:hover::before {
	transform: scaleX(1);
}

/*リンクテキスト*/
#menubar li a {
	text-decoration: none;
	display: block;
	color: #333;	/*文字色*/
	padding: 12px 0px 17px 0px;	/*上、右、下、左への余白*/
}

/*アイコン画像（アイコンにはFont Awesomeを使用）*/
#menubar i {
	display: block;			/*改行が入るようにblock指定。もし横に並べたいならこの１行を削除し、下のpadding-bottomをpadding-rightに変更すればOK。*/
	padding-bottom: 10px;	/*アイコンの下に空ける余白*/
	color: #389168;			/*文字色＝アイコン色になります。*/
}

/*アイコンのマウスオン時*/
#menubar li:hover i {
	transition: 0.3s;		/*アニメーション時間。0.3秒。*/
	transform: scale(1.15);	/*サイズを1.15倍にする。*/
}

/*spanタグ（装飾用のテキスト）*/
#menubar span {
	display: block;
	font-size: 0.5rem;	/*文字サイズ。remの単位についてはテンプレート内の解説をお読み下さい。*/
	opacity: 0.6;		/*透明度。0.6は60%色が出た状態。*/
	letter-spacing: 0.2em;	/*文字間隔を少しだけ広くとる指定*/
}



/*右側広告ブロック
---------------------------------------------------------------------------*/
#right {
	float: right;
	width: 170px;
	margin-right: 10px;
	padding-bottom: 100px;
}

#right img {width:100%;}


/*左側メニューブロック
---------------------------------------------------------------------------*/
#side {
	float: left;
	width: 170px;
	display: inline;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 100px;
}

#side h3 {
	color: #816A26;	
	font-weight: normal;
	text-align: center;
	font-size: 100%;
	letter-spacing: 0.2em;
background-color: #FBF7F0;
	padding-right: 5px;
	padding-left: 5px;
}


#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}


/*サイドメニュー
---------------------------------------------------------------------------*/
ul.sidemenu {
	margin-top: 0px;
	margin-bottom: 10px;
}

ul.sidemenu li {
	margin-bottom: 0px;
}

ul.sidemenu li a {
	display: block;
	width: 165px;
	padding-left: 5px;
	text-decoration: none;
}
a.top{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/top.gif);
}
a:hover.top{
    background-position:0px -50px;
}
a.lady{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/lady.gif);
}
a:hover.lady{
    background-position:0px -50px;
}
a.sche{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/schedule.gif);
}
a:hover.sche{
    background-position:0px -50px;
}
a.sys{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/system.gif);
}
a:hover.sys{
    background-position:0px -50px;
}
a.rec{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/recruit.gif);
}
a:hover.rec{
    background-position:0px -50px;
}
a.link{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/link.gif);
}
a:hover.link{
    background-position:0px -50px;
}

a.bbs{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/bbs.gif);
}
a:hover.bbs{
    background-position:0px -50px;
}

a.mm{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/mm.gif);
}
a:hover.mm{
    background-position:0px -50px;
}

a.contact{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/contact.gif);
}
a:hover.contact{
    background-position:0px -50px;
}

a.concept{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/concept.gif);
}
a:hover.concept{
    background-position:0px -50px;
}

a.pnews{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/news.gif);
}
a:hover.pnews{

    background-position:0px -50px;
}

a.howto{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/howto.gif);
}
a:hover.howto{
    background-position:0px -50px;
}

a.room{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/room.gif);
}
a:hover.room{
    background-position:0px -50px;
}


a.item{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/room2.gif);
}
a:hover.item{
    background-position:0px -50px;
}


a.open{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/open.gif);
}
a:hover.open{
    background-position:0px -50px;
}

a.reserve{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/reserve.gif);
}
a:hover.reserve{
    background-position:0px -50px;
}

a.access{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/access.gif);
}
a:hover.access{
    background-position:0px -50px;
}

a.optm{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/option.gif);
}
a:hover.optm{
    background-position:0px -50px;
}

a.qanda{
    display:block;
    width:170px;
    height:50px;
    text-indent:-9999px;
    background-image:url(../files/menu/qanda.gif);
}
a:hover.qanda{
    background-position:0px -50px;
}




/*オプション部分テーブル
---------------------------------------------------------------------------*/
.option {
	width: 420px;
	border-collapse:collapse;
	border: 1px solid #FBF7F0;
	font-size: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

.option td, .option th{
	padding: 5px;
	border: 1px solid #cccccc;
	background: #111111;
}

.option th{
	background-color: #ffffff;
	font-weight: normal;
	width: 100px;
	text-align: left;
}

.option td{
	background-color: #FBF7F0;
	border: 1px solid #cccccc;
	width: 20px;
	text-align: center;
}

.opt {
padding : 3px;
	width: 180px;
	margin-left: 3px;
	margin-bottom: 3px;
	text-align: left;
	position: relative;
   float: left;
}


/*スケジュール部分テーブル
---------------------------------------------------------------------------*/
.week {
	width: 840px;
	border-collapse:collapse;
	border: 1px solid #FBF7F0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

.week th{
	font-weight: normal;
	border: 1px solid #cccccc;
	width: 120px;
	padding: 5px;
	text-align: center;
}

.week td{
	border: 1px solid #cccccc;
	padding: 5px;
	width: 120px;
	text-align: center;
}

/*スケジュールページ
---------------------------------------------------------------------------*/


#schedule h3 {
	font-size: 100%;
	color: #333333;	
	background-color: #fbf7ee;
	font-weight: normal;
	padding: 5px 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	overflow: hidden;
	margin:0!important
}

.sche {
	width:100%;
	margin-bottom:5px;
}

.sche1 {
	width:100%;
	height: 74px;
	border-collapse:collapse;
	border: 1px solid #cccccc;
	margin-right: auto;
	margin-left: auto;
	font-size:13px;
}

.sche1 th{
	width:14%;
	color: #816A26;
	font-weight: normal;
	border: 1px solid #cccccc;
	text-align: center;
}

.sche1 td{
	width:14%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	height: 35px;
	text-align: center;
}



/*システムページ
---------------------------------------------------------------------------*/


#system h3  {
	font-size: 100%;
	color: #333333;	
	background-color: #fbf7ee;
	font-weight: normal;
	padding: 5px 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;	
}

#system p  { padding-left: 20px; padding-right: 20px; }

#system a {color:#ff0000; font-weight:bold;}

.sys1 {
	width: 500px;
	border-collapse:collapse;
	border: 1px solid #cccccc;
	margin-right: auto;
	margin-left: auto;
}

.sys2 {
	background: #FFFFFF;
	font-weight: normal;
	width: 240px;
	text-align: center;
}

.sys3 {
	border-collapse:collapse;
	border: 1px solid #cccccc;
}

.sys4 {
	background: #efefef;
	font-weight: normal;
	width: 260px;
	text-align: center;
}



.sys5 {
	background: #FFFFFF;
	font-weight: normal;
	width: 140px;
	text-align: center;
}

.sys6 {
	background: #efefef;
	font-weight: normal;
	width: 110px;
	text-align: center;
}



#system ul{
	padding-left	: 5px;
	display		: block;
}

#system li{
	width		: 220px;
	float		: left;
	line-height	: 22px;
	text-indent	: 20px;
	font-size	: 12px;
	background	: url(../files/img/box.gif) no-repeat 8px 6px;
}

.price {
	width:100%
}

.price th {
	background-color:#3346cd;
	margin:5px;
	padding:10px;
	color:#ffffff;
	text-align:right;
	font-size:bold;
	font-size:120%;
}

.price td {
	background-color:#d4d5d6;
	margin:5px;
	padding:10px;
	color:#000000;
	text-align:right;
	font-size:bold;
	font-size:120%;
}


.price1 {
	width:100%
}


.price1 th {
	background-color:#f05a9b;
	margin:5px;
	padding:10px;
	color:#ffffff;
	text-align:right;
	font-size:bold;
	font-size:120%;
}

.price1 td {
	background-color:#eeeeee;
	margin:5px;
	padding:10px;
	color:#000000;
	text-align:right;
	font-size:bold;
	font-size:120%;
}


.price b {
	color:#ffff00!important;
}

.price i {
	font-size:80%!important;
	font-weight:normal;
}
.price1 i {
	font-size:80%!important;
	font-weight:normal;
}



/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	font-weight: bold;			/*太字に*/
	padding: 10px 5px;			/*上下、左右へのボックス内の余白。基本的に数行下の「.ta1 th, .ta1 td」のpaddingと揃えておけばOKです。*/
	background: #edcb95;		/*背景色*/
	color: #fff;				/*文字色*/
}

/*ta1テーブルブロック設定*/
.ta1 {
	border-top: 1px solid #ccc;	/*テーブルの一番上の線。幅、線種、色*/
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 30px;		/*最後の「30px」がテーブルの下に空けるスペースです*/
	background: #fff;			/*背景色*/
}

/*tr（１行分）タグ設定*/
.ta1 tr {
	border-bottom: 1px solid #ccc;	/*テーブルの下線。幅、線種、色*/
}

/*th（左側）、td（右側）の共通設定*/
.ta1 th, .ta1 td {
	padding: 10px 5px;		/*上下、左右へのボックス内の余白*。基本的に数行上の「.ta1 caption」のpaddingと揃えておけばOKです。*/
	word-break: break-all;	/*英語などのテキストを改行で自動的に折り返す設定。これがないと、テーブルを突き抜けて表示される場合があります。*/
}

/*th（左側）のみの設定*/
.ta1 th {
	width: 30%;			/*幅*/
	text-align: left;	/*左よせにする*/
	background: #f7f7f7;	/*背景色*/
}



/*オプションページ
---------------------------------------------------------------------------*/

.goods {margin-bottom:10px;
	clear:both;}

.goods img {
	margin:3px;
	width:320px;
	border:2px solid #333;
	float:left
}

@media (max-width : 480px){
.goods img {
	width:47%;
}
}

.cosplay {
	border:2px solid #333;
	text-align:center;
	margin:5px;
}

/*求人ページ
---------------------------------------------------------------------------*/

#recruit {

}

#recruit h3  { 
	font-size: 100%;
	color: #333333;	
	background-color: #fbf7ee;
	font-weight: normal;
	padding: 5px 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;
}

#recruit p  { padding-left: 20px; padding-right: 20px; }

.tel {
background-color: #fbf7f0;
border-width : 1px ; border-style : solid ; border-color : #cccccc ; padding : 3px;
	padding:5px;
font-size: 120%; text-align: center;
	line-height: 160%;
}

.big {
font-size: 150%; 
}


#recruit h4  {
	color: #816A26;
	font-weight: normal; 
	font-size: 120%; 
	line-height: 20px;
	padding-left: 10px; 
	margin:5px;
	height: 20px; 
	background-color:#f8f1dd;
	overflow: hidden
	}


/*コンセプトページ
---------------------------------------------------------------------------*/

#concept2 {

}

#concept2 h3  { 
color: #FF1493; 
font-weight: bold; 
font-size: 16px; 
line-height: 24px; 
background: url(../files/img/stripe_001.png) ; 
padding-left: 8px; 
height: 24px; 
border:solid 1px #969696;
border-left:solid 5px #FF1493;
}

#concept2 p  { padding-left: 20px; padding-right: 20px; }


/*リンクページ
---------------------------------------------------------------------------*/


#link h3  { 
	font-size: 100%;
	color: #333333;	
	background-color: #fbf7ee;
	font-weight: normal;
	padding: 5px 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;
}

/*フッター
---------------------------------------------------------------------------*/
#footer {
	text-align: center;
	padding-top: 10px;
	clear: both;
	width: 100%;
}


/*コンセプト
---------------------------------------------------------------------------*/
#concept {
border-width : 1px ; 
border-style : solid ; 
border-color : #FFB6C1 ; 
padding : 30px; 
width:540px;
font-size: 14px;
top:30px;
line-height: 180%;
margin-left:40px;
}


#concept li{
	text-indent	: 30px;
	letter-spacing: 0.2em;
	background	: url(../files/img/check.gif) no-repeat 8px 6px;
}

/*遊び方
---------------------------------------------------------------------------*/
#howto {
border-width : 2px ; 
border-style : dotted ; 
border-color : #FFB6C1 ; 
padding : 20px; 
margin : 20px;
width:520px;

font-size: 14px;
top:30px;
line-height: 180%;
margin-left:40px;
}


/* フリースペース
---------------------------------------------------------------------------*/
#freespace  { 
border-width : 1px ; border-style : solid ; border-color : #cccccc ; padding : 3px;
margin-right: auto; 
margin-left: auto; 
padding: 10px;
width: 710px; 
text-align: center;
 }


/* 個室案内
---------------------------------------------------------------------------*/
.room1 {
border-width : 1px ; border-style : solid ; border-color : #cccccc ; padding : 3px;
	width: 32.5%;
	margin-right: 6px;
	margin-bottom: 6px;
	text-align: center;
   float: left;
}

.room1 img{
	width:100%;
}
.roomname1 {
	background: #faefdb;
	border: 1px solid #FBF7F0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #514945;
	font-size:14px;
	width:100%;
	padding: 4px;
	margin-top:3px;
	letter-spacing:1px;
	display: inline-block;
}


.room2 {
	border: 1px solid #cccccc; 
	padding : 3px;
	width: 180px;
	margin-right: 3px;
	margin-bottom: 3px;
	text-align: center;
	height:420px;
	letter-spacing:-1px;
	float: left;
	font-size:15px;
}
.room2 img{
	width:100%;
}


.roomname2 {
	background: #faefdb;
	border: 1px solid #FBF7F0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #514945;
	font-size:14px;
	width: 150px;
	padding: 4px;
	margin-top:3px;
	display: inline-block;
}

.room3 {
	padding : 3px;
	background-color:#FBF7F0;
	font-size:16px;
	color: #514945;
	padding:10px;
	text-align: center;
}

.pickup2 {
	color: #d5308e;
}

.pickup3 {
	font-size:90%;
	color: #ff0000;
}
.pickup4 {
	font-size:90%;
	color: #0078af;
}


.diary {
	text-align:left;
	padding:0.5em;
}

.diary img{
	max-width:120px;
}


.diary p{ margin:0;padding:0; }


/* ボタン
---------------------------------------------------------------------------*/

.button{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
	font-size:24px;
  font: bold 10px;
  text-decoration: none;
  white-space: nowrap;
  color: #000!important;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 10px;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
}

.button:hover{
  background-color: #eee;
  color: #555!important;
}

.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button a{
  text-decoration: none;
	color:#000!important;
}

.button.color{
  color: #000;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: linear-gradient(top, rgba(255,255,255,.3), 
             rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
}

.button.blue{
  background-color: #f085a3;
  border-color: #f085a3;
  text-decoration: none;
}

.button.blue:hover{
  background-color: #E41C1C;
}

.button.blue:active{
  background: #830606;
}

.m {font-weight:bold;letter-spacing:1px; margin-bottom:5px;text-align:center;}



/* for table */
#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #FCE6B2;
	padding: 8px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#form th {
	white-space: nowrap;
	background: #DA7800;
	color:#FFF;
}
#form td {
	background: #FFF9EE;
}
p.btn input {
	width: 110px;
	height: 32px;
}


/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}


/* CSS for CodePen */
.accordion{
  margin-top: 10px;
}

.accordion__container {
  margin: 0 auto;
}

.accordion__title {
  background-color: #000;
  border: 1px solid transparent;
  color: #fff!important;
	font-weight:700!important;
  font-size: 1.25em;
  padding: .625em .625em .625em 1em;
  position: relative;
  cursor: pointer;
  user-select: none;
}

a.accordion__title:link {
color : #ffffff!important;
}
.accordion__title i{
  font-size: 1em;
	font-weight:500;
	font-style:normal;
	color:#FFFF00;
	margin-left:10px;
}

.accordion__title::before, .accordion__title::after {
  content: '';
  display: block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  width: 15px;
  height: 2px;
  right: 25px;
}

.accordion__title::after {
  transform: rotate(90deg);
  transition-duration: .3s;
}

.accordion__title:hover,
.accordion__title:active,
.accordion__title.is-active { 
  background-color: #00aaa7;
}

.accordion__title.is-active::before {
  opacity: 0;
}

.accordion__title.is-active::after {
  transform: rotate(0);
}

.accordion__content {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  padding: 0 1.5em;
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: .3s;
}

.accordion__content.is-open {
  border: 1px solid #00aaa7;
  padding: .625em 1.5em;
  line-height: normal; /* numberに書き換える*/
  height: auto;
  opacity: 1;
}
.hai {
	margin-top:10px;
	border-radius: 10px;
	color:#000;
	background-color: #eeeeee;
	
}

.look {background: #eee;padding: 5px;border-radius: 4px;margin:10px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb10 {margin-bottom: 10px;}
.mb30 {margin-bottom: 30px;}
.clear {clear: both;}
.color1, .color1 a {color: #000000;}
.bgcolor1 {background: #f2f2f2 !important;}
.bgcolor2 {background: #dbebf7 !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.w40p {width: 40%;}
.w20p {width: 20%;}
.w20p img {width: 100%;}
.w75p {width: 70%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.fr {float: right;margin-left: 5%;margin-bottom: 20px;}
.fl {float: left;margin-right: 5%;margin-bottom: 20px;}
.big1 {font-size: 24px;letter-spacing: 0.2em;}
#sub .big1 {font-size: 20px;letter-spacing: normal;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.dn {display: none;}
.cian{background-color:#0099ff;border-radius: 10px;padding:10px;color:#fff;}
.hissu{background-color:#ff1963;padding:3px;color:#fff;font-size:80%;font-weight:500;margin-left:5px;border-radius: 3px;}

.left {text-align:center;padding:10px;}


#acMenu dt{
display:block;
width:95%;
	font-size:110%;
	padding:10px;
	margin: 5px;
border:#666 1px solid;
cursor:pointer;
	border-radius: 5px;		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
#acMenu dt:first-letter{color:#0a41d1;}

#acMenu dd{
width:95%;
	padding:10px;
	margin: 5px;
display:none;
}

#acMenu dd:first-letter{color:#ff1693;font-size:110%;font-weight:bold;}

.heiten {
	padding-bottom:50px;
	font-weight:bold;
	text-align:center;
	font-size:200%;
	line-height: 2;
	color:#000;
}


.recruit_info {
	padding:10px 80px;
}