@charset "UTF-8";
/* CSS Document */
html {font-size: 62.5%;}
body{font-size: 2.4rem; line-height: 140%;color:#333;}  
p{font-size: 2.4rem; line-height: 140%;} 

.g_imgpart{position: relative;}
.g_header_img{width:100%; height: 300px; background: url("../jpg/main_sm-min.jpg") no-repeat center; background-size: cover;}
@media (min-width:760px) {.g_header_img{height: 58vh; background: url("../jpg/main-min.jpg") no-repeat center;background-size: cover;}}
.h1_wrapper{max-width: 1300px;}
.geisha_h1{position: absolute; top:50%; font-size:7vw; line-height: 130%; color:#fff;text-shadow: 2px 2px 5px #000; margin: 0 5%; text-align: center;}
@media(min-width:760px){.geisha_h1{top:65%; font-size: 50px; }}
.divider{width:100%; height: 47px; background:url("../jpg/divider.jpg") repeat-x;}

#g-button{background-color:antiquewhite; padding-bottom: 30px;}
#g-button p.top{width: 90%; margin: 0 auto; padding: 20px;}
#g-button a.jump{color:#d9626b; margin-top: 20px; padding: 0; border-bottom: 1px dotted #d9626b; width: auto; display: inline-block;} 
#g-button a.jump:hover{text-decoration: underline;}
.g-button-tbl{width: 90%; max-width: 1000px; margin: 0 auto; }
.g-button-tbl tr{width: 100%;}
.g-button-tbl td{width: 60%; display: inline-block; padding: 4% 20%;}
.g-button-tbl img{border-radius: 50%; width: 80%; margin: 0 auto;}
.g-button-tbl a p{ font-size: 3.2rem; line-height: 105%; text-align: center; color: darkslategrey; margin: 0; height: 60px;}
.g-button-tbl a:hover p{ color: #89414D;}
@media(min-width:760px){.g-button-tbl td{ width: 29%; padding: 2%; display:table-cell;} #g-button a.jump{margin-right: 30px; }}


#program{width: 100%; height: auto; padding:40px 0; background-color: indianred;}
.program-wrapper{width: 90%; max-width: 1600px;}
.program_box {width:100%; margin: 40px 0; color: #FFF;}
.program_box.left{float: none;}
.program_box.right{float: none;}
.program_box img{border-radius: 20px;}
.program_box h2{ font-size: 3.6rem; line-height: 105%; padding:12px 0 0 0; margin:0; }
.program_box h2 a, .program_box h2 a:visited{color:#fff; }
.program_box a:hover{opacity: 0.8;}
.page_jump a{background-color:antiquewhite; padding: 10px 0; margin:0 auto; width:100%; text-align: center; border-radius: 30px; color:#d9626b; font-size: 2.6rem; }
.page_jump a:visited{color:#d9626b;}
@media(min-width:760px){.program_box{width:48%;} .program_box.left{float:left;} .program_box.right{float:right;}}

#gion{background-color:antiquewhite; padding-bottom: 40px;}
#gion h2{text-align: center; padding: 0 20%;}
#gion p{ padding: 0 10%;}
#gion .page_jump a, #gion .page_jump a:visited{color: #fff; background-color:darkgoldenrod; width: 80%;}
@media(min-width:760px){#gion p{padding: 0 20%;}  #gion .page_jump a{ width: 60%;}}

#disclaimer{ background: #000; padding: 0;}
.dis-top{position: relative;}
.dis-top h4{position:absolute; top:40%; left: 40px;color: #fff; letter-spacing: 0.5em;}
.coutions{width: 90%; margin: 0 auto; padding-bottom: 20px; }
.coutions p, ul{color: #fff; font-size: 1.8rem;}
.dis-bottom{ width: 100%; background-color: darkcyan; padding: 10px 20px; margin-top: 20px;border-radius: 10px; }
@media(min-width:760px){ #disclaimer{background: url("../jpg/bg-disclaimer-pc.jpg") no-repeat #000; margin: 0; background-position: center right; background-size: 60%;} .dis-top img{display: none;} .dis-top h4{letter-spacing: 0; position: static; margin-left: 5%; margin-top: 0; padding-top: 20px;} .coutions{width:70%; margin-left: 5%; margin-right: 25%;} }


#geisha_topics {width:100%; height: auto; background:url("../jpg/divider.jpg") repeat; margin: 0; padding: 10px 20px;}
.qustns { width: 100%; margin: 25px auto; padding:30px 40px; background: #FFF; border-radius: 20px; }
.qustns p{margin: 30px 0;}
.qustns b{color:#960d4b;}
.qustns a, .qustns a:visited{color: #960d4b; font-size: 3.6rem; font-weight: 700; line-height: 105%; text-align: center; margin: 0;}
.qustns p a, .qustns p a:visited{font-size:2.2rem; display: inline; color:#555; text-decoration: underline; font-weight: normal;}
.qustns a.more, .qustns a.more:visited{ font-size:2.4rem;color:#d9626b; margin:30px 0 0 0; text-decoration: none; border:#d9626b solid 1px; padding: 10px; width:180px;}
.qustns img{width: 100%; float: none; margin:12px 0;}
@media(min-width:760px){ #geisha_topics{ padding: 40px;} .qustns{padding: 60px;} .qustns img{width: 45%; max-width: 500px; float: right; margin:16px; margin-right: 0;}}

#geisha_faq{width:100%; height: auto; background-color: darkcyan; margin: 0; padding: 10px 20px;}
#geisha_faq .qustns h2{color: #960d4b; font-size: 3.6rem; line-height: 105%; margin: 0; border-top: #333 1px dotted; padding-top: 30px;}
@media(min-width:760px){ #geisha_faq{ padding: 40px;}}