@charset "UTF-8";
/****************************************************************************************
初期設定
*****************************************************************************************/
/*=======================================
normalize v3.0.3
=========================================*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* 追加
-----------------------------------------*/
body { -webkit-text-size-adjust: 100%; font-size: 13px; }

h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, dt, dd, form { font-size: 1em; padding: 0; line-height: 1.6; text-align: left; display: block; margin: 0px; }

table { line-height: 1.6; font-size: 1em; margin: 0; empty-cells: show; }

img { border: none; vertical-align: bottom; }

div:before, div:after, ul:before, ul:after, li:before, li:after, dl:before, dl:after { content: ""; display: table; }

div:after, ul:after, li:after, dl:after { clear: both; }

div, ul, dl { zoom: 1; }

ul li { list-style: none; }

body { font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }

/*=======================================
文字色・リンク
=========================================*/
body { color: #441100; }

a:link, a:visited { text-decoration: underline; color: #441100; }

a:hover, a:active { text-decoration: none; color: #441100; }

a, a img { -webkit-transition: .2s ease all; -moz-transition: .2s ease all; -ms-transition: .2s ease all; transition: .2s ease all; }

a:hover { opacity: .8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); text-decoration: underline; }

/****************************************************************************************
全ページ共通
*****************************************************************************************/
/*========================================
ヘッダー
=========================================*/
/*
-----------------------------------------*/
.l-head { position: relative; }

/* 下層ページヘッダー
-----------------------------------------*/
.c-head1 h1 { text-align: center; }
.c-head1 .l-gnavi ul { width: 720px; margin: 30px auto 40px; }
.c-head1 .l-gnavi ul li { width: 240px; text-align: center; float: left; display: table; }
.c-head1 .l-gnavi ul li .head_img1 { margin-top: -5px; }
.c-head1 .l-gnavi ul li img { max-width: 100%; height: auto; }

.c-head2 p { font-size: 13px; text-align: center; margin-top: 40px; }
.c-head2 p span { color: #B8393E; display: block; margin-top: 25px; }

/*
-----------------------------------------*/
.l-gnavi2-fix { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9000; background: url("../img/line_04.png") 0 bottom repeat-x #FFF; padding: 0 0 1px 0; }

.l-gnavi2 { position: relative; }

.c-gnavi2 { width: 1040px; margin: 0 auto 0 auto; }
.c-gnavi2 > ul > li { float: left; }
.c-gnavi2 > ul > li .c-head-info { top: 51px; background: #FFF; }
.c-gnavi2 > ul > li:hover .c-head-info { display: block; }
.c-gnavi2 > ul > li > a { display: block; height: 50px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; background-image: url("../img/gnavi_02.png"); background-repeat: no-repeat; }
.c-gnavi2__info a { width: 253px; background-position: 0 0; }
.c-gnavi2__info:hover a { background-position: 0 -50px; }
.c-gnavi2__time a { width: 253px; background-position: -253px 0; }
.c-gnavi2__time:hover a { background-position: -253px -50px; }
.c-gnavi2__ticket a { width: 254px; background-position: -506px 0; }
.c-gnavi2__ticket:hover a { background-position: -506px -50px; }
.c-gnavi2__buy { padding: 9px 0 0 40px; }

/*
-----------------------------------------*/
.c-head-info { display: none; position: absolute; z-index: 8000; width: 100%; top: 0px; left: 0px; background: url("../img/line_04.png") 0 0 repeat-x #FFF; }
.c-head-info__bg { background: url("../img/line_04.png") 0 bottom repeat-x; }
.c-head-info ul { display: block; width: 1040px; margin: 0 auto 0 auto; padding: 39px 0 39px 0; }
.c-head-info li { display: table-cell; width: 50%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.c-head-info li:before { display: inline-block; position: absolute; }
.c-head-info li:nth-child(1) { padding-right: 30px; padding-left: 160px; }
.c-head-info li:nth-child(1):before { content: url("../img/head_09.png"); left: 10px; top: -25px; }
.c-head-info li:nth-child(2) { padding-left: 170px; border-left: 1px solid #CCC; }
.c-head-info li:nth-child(2):before { content: url("../img/head_10.png"); left: 35px; top: -25px; }
.c-head-info a { text-decoration: none; }
.c-head-info a:hover .c-title3 { text-decoration: underline; }
.c-head-info p { padding: 10px 0 0 22px; font-size: 14px; }

.c-head-info--time li:before { display: none; }
.c-head-info--time li:nth-child(1) { padding-left: 100px; }
.c-head-info--time li:nth-child(2) { padding-left: 60px; }

/*
-----------------------------------------*/
.c-head-lang { position: absolute; right: 0px; top: 32px; }
.c-head-lang li { float: left; line-height: 100%; }
.c-head-lang li + li { margin: 0 0 0 12px; padding: 0 0 0 12px; border-left: 1px solid #CCC; }
.c-head-lang li.is-active { border-bottom: 1px solid #202020; padding-bottom: 5px; }
.c-head-lang a { text-decoration: none; line-height: 100%; color: #CCC; font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif; font-size: 12px; }

/*========================================
フッター
=========================================*/
.foot-wrap { width: 100%; height: 340px; background: url(../img/footer_bg01.png) center; background-size: cover; }
.foot-wrap .l-foot1 { width: 780px; margin: 0 auto; }
.foot-wrap .l-foot1 h1 { text-align: center; padding: 30px 0; }
.foot-wrap .l-foot1 ul{display: flex;justify-content:center;}
.foot-wrap .l-foot1 ul li { background: url(../img/footer_arrow01.png) left center no-repeat; padding-left: 10px; margin-right: 50px; }
.foot-wrap .l-foot1 ul li:last-child { margin-right: 0; }
.foot-wrap .l-foot1 ul li a { color: #377A5F; text-decoration: none; }
.foot-wrap .l-foot1 ul li a:hover { text-decoration: underline; }
.foot-wrap .l-foot2 { width: 780px; margin: 30px auto 0; }
.foot-wrap .l-foot2 .c-foot-copy h6, .foot-wrap .l-foot2 .c-foot-copy p { text-align: center; }
.foot-wrap .l-foot2 .c-foot-copy p { font-size: 11px; padding-top: 5px; }

/*
-----------------------------------------*/
/****************************************************************************************
レイアウト
*****************************************************************************************/
/*========================================
レイアウト
=========================================*/
/*
-----------------------------------------*/
body { background: url(../img/bg01.png); }

/*
-----------------------------------------*/
.l-head { width: 1040px; margin: 0 auto 0 auto; padding: 50px 0 0 0; }

.l-container { width: 1040px; margin: 0 auto 0 auto; }

.top .l-container, .timetable1 .l-container, .about .l-container { width: 100%; padding-top: 0; }

/*
-----------------------------------------*/
.l-inner { width: 1040px; margin: 0 auto 0 auto; }

/****************************************************************************************
パーツ
*****************************************************************************************/
/*========================================
ボタン
=========================================*/
/* 月岡芸妓について
-----------------------------------------*/
.l-geigi { margin-bottom: 45px; }
.l-geigi h3 { margin-bottom: 40px; }

.c-geigi { width: 312px; float: left; text-align: center; margin-right: 50px; }
.c-geigi a { text-decoration: none; }
.c-geigi:last-child { margin-right: 0; }
.c-geigi h4, .c-geigi h5, .c-geigi p { text-align: center; }
.c-geigi h5.syoukai { background: url(../img/common_icon01.png) left 17px no-repeat; padding: 30px 0 0 30px; margin-left: 25px; }
.c-geigi h5.syoukai:after { content: ""; background: url(../img/common_bg01.png) left bottom no-repeat; width: 312px; height: 3px; display: inline-block; position: relative; top: 3px; left: -55px; }
.c-geigi h5.moushikomi { background: url(../img/common_icon04.png) left 15px no-repeat; padding: 30px 0 0; margin-left: 35px; }
.c-geigi h5.moushikomi:after { content: ""; background: url(../img/common_bg01.png) left bottom no-repeat; width: 312px; height: 3px; display: inline-block; position: relative; top: 4px; left: -35px; }
.c-geigi h5.asobi { background: url(../img/common_icon02.png) left 15px no-repeat; padding: 30px 0 0 10px; margin-left: 25px; }
.c-geigi h5.asobi:after { content: ""; background: url(../img/common_bg01.png) left bottom no-repeat; width: 312px; height: 3px; display: inline-block; position: relative; top: 3px; left: -35px; }
.c-geigi h5.yado { background: url(../img/common_icon03.png) left 20px no-repeat; padding: 30px 0 0 40px; margin-left: 15px; }
.c-geigi h5.yado:after { content: ""; background: url(../img/common_bg01.png) left bottom no-repeat; width: 312px; height: 3px; display: inline-block; position: relative; top: 3px; left: -55px; }
.c-geigi p { padding: 15px 5px; }

/****************************************************************************************
ページ個別
*****************************************************************************************/
/*========================================
芸妓遊びの楽しみ方
=========================================*/
.l-asobi { margin: 30px auto 40px; }
.l-asobi .l-asobi-wrap { margin-top: 30px; }

.l-asobi .l-asobi-box { width: 325px; height: 432px; float: left; border: 4px solid #F1B27A; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.l-asobi .l-asobi-box p { font-size: 14px; color: #410; line-height: 200%; width: 290px; margin: 20px auto 0 auto; }
.l-asobi .l-asobi-box1 { background: #FFF url(../img/asobi/asobi_img01.png) no-repeat center bottom; }
.l-asobi .l-asobi-box2 { background: #FFF url(../img/asobi/asobi_img02.png) no-repeat left bottom; margin-left: 20px; }
.l-asobi .l-asobi-box3 { background: #FFF url(../img/asobi/asobi_img03.png) no-repeat center bottom; margin-left: 20px; }
.l-asobi > p { margin-top: 30px; text-align: center; }
.l-asobi > p span { display: block; font-size: 15px; color: #B8393E; text-align: center; margin-bottom: 10px; }
.l-asobi > span { display: block; margin-top: 25px; text-align: center; }


.u-text-danger{color: #B8393E !important; margin-top: 4px;}