/* ************************************************************************************** */
/* Main Structure */
/* ************************************************************************************** */

html { margin-top : 0!important; }

/*
body::before {
content: "Mobile - Portrait fired";
font-weight: bold;
display: block;
text-align: center;
background: rgba(255, 255, 0, 0.9); // Semi-transparent yellow
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
color : black;
padding : 5px 0px;
}
*/

body {
//background-color : black;
background : no-repeat right bottom url('images/shower_opa5-01.png') black;
background-size : 60% auto;
}

#overall_center {
width : 100%;
}

video#bg_vdo {}

#main_header_container{
width : 20%;
height: 80px;
top : 5px;
}
#main_header_container h1#main_logo {
//margin-left : 10px;
}
#main_header_container h1#main_logo > a {}	
#main_header_container h1#main_logo > a > img {
width : 64px;
height : 64px;
}

#hamburger_container {
position : fixed;
top : 0px;
right : 0px;
height : auto;
padding : 10px;
margin-top : 5px;
background-color : #be0000;
}
#hamburger_container #hamburger_btn {
float : right;
right : 0px;
top : 0px;
min-width : 32px;
min-height : 32px;
width : 32px;
height : 32px;
border : 2px solid white;
border-radius : 5px;
}
#main_nav {
position : fixed!important;
display : none;
top : 0px;
right : 0px;
width : 100%;
height : 100%;
background-image : url('images/pixel-screen.png');
}
#main_nav #nav_center {
display : block;
position : relative;
width : 100%;
height : 100%;	
}
#main_nav ul#menu_list {
display : block;
top : -1px;
float : right;
width : 240px;
height : 100%;
margin : 0 0 7px 0;
padding : 80px 10px 15px 10px;
background-color : #be0000;
list-style: disc inside none;
border-left : 1px solid red;
background : no-repeat center 85% url('images/akane_logo_kanji_only_red_opa50.png') #be0000;
background-size: 160px 160px;
overflow-y : scroll;
}
#main_nav ul#menu_list > li {
display : block;
width : 95%;
text-align : right;
padding-right : 30px;
padding-top : 16px;
background : rgba(0, 0, 0, 0.0) url('images/menu_bg_inactive.png') no-repeat right 13px;
}
#main_nav ul#menu_list > li.active {
background : rgba(0, 0, 0, 0.0) url('images/menu_bg_active.png') no-repeat right 13px;
}
#main_nav ul#menu_list > li  > .menu_item {
width : 100%;
min-height : 30px;
font-size : 16px;
color : black;
}
#main_nav ul#menu_list > li.active > .menu_item {
//color : white;
}
#main_nav ul#menu_list > li > ul#nav_menu_contact_list {
width : 100%;	
}
#main_nav ul#menu_list > li > ul#nav_menu_contact_list > li {
float : right;
width : 22%;
margin-left : 5px;
}
#main_nav ul#menu_list > li > ul#nav_menu_contact_list > li > figure {
width : 100%;
text-align : center;
}
#main_nav ul#menu_list > li > ul#nav_menu_contact_list > li > figure > img {
width : 100%;
max-width : 32px;
margin : 0 auto;
}
#main_nav ul#menu_list > li > ul#nav_menu_contact_list > li > figure > figcaption {
font-size : 9px;
text-align : center;
}


#main_content { margin-bottom : 75px; }
/*
#main_content.page_main {}
#main_content.page_sub {}
*/

#main_footer {
bottom : 0;
min-height : 30px;
padding : 5px;
z-index : 9999;
border-top : solid 6px black;
}
#main_footer > div {
color : white;
font-size : 16px;
line-height : 20px;
}
#main_footer #name_n_working_hours {
float : left;
font-size : 14px;
color : white;
}
#main_footer #back_to_top {
position : absolute;
display : block;
//float : right;	
right : 10px;
top : -30px;
width : 64px;
height : 64px;
}
#main_footer #back_to_top img {
position : ralative;
display : block;
width : inherit;
height : inherit;
}
#main_footer #back_to_top #back_to_top_text {
position : absolute;
display : block;
width : 40px;
top : 30px;
left : 12px;
text-align : center;
font-size : 12px;
line-height : 12px;
}


#overlay {}









/* ************************************************************************************** */
/* Main/Single/Post */
/* ************************************************************************************** */




/* ********** Main page ********** */
body#page-home.main-page {}
section#greeting {
width : 320px;
margin-top : 50px;
}
section#greeting #greeting_content {
width : inherit;
height : 100%;
min-height : 30px;
//background-color : rgba(255, 255, 255, 0.5);
color : white;
//text-align : center;
margin-top : 75px!important;
}
section#greeting #greeting_content #greeting_word {
border-bottom : 1px dashed #be0000;
padding-bottom : 5px;
}
section#greeting #greeting_content #greeting_word .magic_word_akane {
font-size : 28px!important;
}
section#greeting #greeting_content #about_us {
margin-left : 15px;
margin-top : 5px;
font-size : 14px!important;	
line-height : 16px;
}
section#greeting #greeting_content .magic_word_akane {
font-size : 18px!important;
}

section#news {
width : 320px;
margin-top : 60px;
//background-color : rgba(255, 255, 255, 0.5);
}
section#news .main_section_title {
margin : 2px 5px!important;
}

section#news #news_content {
width : 100%;
height : 100%;
min-height : 150px;
padding : 5px;
margin : 0 auto 10px auto;
}
section#news #news_content ul#news_list {
width : inherit;
height : auto;
min-height : 120px;
border-top : 2px solid #be0000;
}
section#news #news_content ul#news_list > li.a_news {
display: table;
width : inherit;
height : auto;
min-height : 20px;
margin : 5px auto 10px auto;
padding : 5px;
}
section#news li.a_news > div {
display: table-cell!important;
}
section#news li.a_news .news_left_side {
width : 30%;
height : 100%;
font-size : 16px;
padding : 1% 2%;
}
section#news li.a_news .news_right_side {
width : 70%;
height : 100%;
padding : 1% 2% 1% 5%;
}
section#news li.a_news .news_left_side .news_date {
font-size : 10px;
line-height : 14px;
}
section#news li.a_news .news_left_side .news_thumb_image {
width : 96%;
height : auto;
min-height : 50%;
background-color : rgba(255, 255, 255, 0.5);
}
section#news li.a_news .news_left_side .news_thumb_image img {
width : 100%;
height : auto;
}
section#news li.a_news .news_right_side .a_news_title h2 {
font-size : 16px;
font-weight : bold;
color : #ff0;
}
section#news li.a_news .news_right_side .a_news_content {
font-size : 12px;
line-height : 15px;
margin-top : 8px;	
}










/* ********** Pages Shared styles ********** */
/*
.page_main { margin : 0 auto 0 auto; }
.page_sub { margin : 48px auto 0 auto; }
*/

#main_content section#top_section {
width : 360px;
margin-top : 15px;
}
#main_content section#top_section #top_section_content {
width : 360px;
height : 100%;
min-height : 90px;
//background-color : rgba(255, 255, 255, 0.5);
}
#main_content section.main_section {
width : 360px;
margin : 0 auto;
}
#main_content section.main_section .page_intro {
margin : 75px auto 0 auto;
width : 90%;
//text-align : center;
font-size : 14px;
line-height : 18px;
padding-bottom : 10px;
//border-bottom : 1px dashed #be0000;
}
#main_content section.main_section .page_content {
//width : 100%;
width : 90%;
margin : 30px auto 0 auto;
line-height : 16px;
}
#main_content section.main_section .page_content .info_title {
color : #ff0;
}
#main_content .page_remark {
//width : 100%;
width : 90%;
font-size : 14px;
margin : 30px auto 0 auto;
padding-top : 5px;
border-top : 1px solid white;
}
#main_content .page_remark > p {
float : left;
line-height : 18px;
}
#main_content .page_remark > p:first-child {
width : 5%;
}
#main_content .page_remark > p:nth-child(2) {
margin-left : 3%;
width : 92%;
}

#main_content .content_remark {
width : 100%;
font-size : 14px;
margin : 10px 0 0 0;
padding : 5px;
border-top : 1px dashed white;
color : #aaa;
background-color : #444;
}

#main_content .content_remark > p {
float : left;
line-height : 14px;
color : #fff;
}
#main_content .content_remark > p:first-child {
width : 5%;
}
#main_content .content_remark > p:nth-child(2) {
margin-left : 5px;
width : 92%;
}

section header.main_section_title {
color : #be0000;
font-size : 18px;
font-weight : bold;
margin : 2px 10px 2px 10px;
}










/* ********** Sub-page : Course-Menu ********** */
body#page-course-menu.sub-page {}
#page-course-menu {}
#page-course-menu #course_intro.page_intro {}
#page-course-menu #course_menu_remark {
text-align : right;
line-height : 20px;
font-size : 14px;
line-height : 16px;
}
#page-course-menu #course_menu_remark .lang_ja {
font-size : 13px;
line-height : 15px;	
}
#page-course-menu ul#course_category_list {
width : 100%;
}
#page-course-menu ul#course_category_list > li.a_course_category {
width : 100%;
margin : 2px 2px 50px 5px;
padding : 5px 0 0px 0!important;
}
#page-course-menu ul#course_category_list > li.a_course_category .col_room_normal {
display : inline-block;
text-align : right;
}
#page-course-menu ul#course_category_list > li.a_course_category .col_room_vip {
display : inline-block;
color : yellow;
text-align : right;
}

/* Row : Course-Category Header */
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header {
padding : 10px 5px;
border-bottom : 1px solid white;
font-size: 16px;
font-weight : bold;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header > li {
vertical-align : bottom;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header > li.col-1.col_category_name {
display : inline-block;
width : 65%;
padding-left : 2px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header > li.col_category_name > h3 {}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header > li.col_category_name > h3 > .name_en {
display : inline-block;
color : red;
font-size: 16px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header > li.col_category_name > h3 > .name_ja {
display : block;
color : yellow;
margin-left : 0px;
margin-top : 5px;
font-size: 15px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header > li.col_room_normal {
width : 18%;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_category_header > li.col_room_vip {
width : 16%;
}

/* Row : Course-list */
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list {
width : 100%;
padding : 5px 0px 0px 0px;
font-size : 15px;
line-height : 16px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course {
width : 100%;
padding : 12px 5px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course.sub_row {
width : 100%;
padding : 0px 5px 12px 5px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course > span {
vertical-align : top;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course .col_course_name {
display : inline-block;
//min-width : 50%;
//width : 50%;
min-width : 100%;
width : 100%;
padding-left : 10px;
//font-size : 14px;
//line-height : 15px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course .col_course_name > .name_en {
display : inline-block;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course .col_course_name > .name_ja {
display : block;
margin-left : 0px;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course .col_duration {
display : inline-block;
width : 62%;
margin-left : 10px;
text-align : right;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course .col_room_normal {
width : 16%;
}
#page-course-menu ul#course_category_list > li.a_course_category > ul.course_list > li.a_course .col_room_vip {
width : 15%;
}







/* ********** Sub-page : Information ********** */
body#page-information.sub-page {}

#page-information {
width : 100%;
//margin-top : 50px;
}
#page-information #information_intro.page_intro {}
#page-information #information_content.page_content {
width : 90%;
margin-top : 0px;
}
#page-information img {
width : 100%;
height : auto;
}
#page-information article.info_box {
margin : 50px auto 20px auto;
padding : 5px 0 20px 0;
width : 100%;
border-bottom : 1px dashed #be0000;
}
#page-information article.info_box:last-child {
border-bottom : none;
}
#page-information article.info_box .info_title {
font-size : 24px;
font-weight : bold;
//color : #be0000;
}
#page-information .info_box .info_box_content {
width : 100%;
font-size : 14px;
}
#page-information .info_box .info_box_content .info_image {
margin-top : 5px;	
}
#page-information .info_box .info_box_content .info_detail {
margin-top : 10px;
}
#page-information .info_box_content .info_detail #normal_room.room_info {
margin-top : 20px;
}
#page-information .info_box_content .info_detail #vip_room.room_info {
margin-top : 20px;
}
#page-information .info_box_content .info_detail .room_info .rl-gallery-container .rl-gallery-item {
width : 30%;
margin-right : 8px;
}




/* ********** Sub-page : Access (Where are we?) ********** */
body#page-access.sub-page {}

#page-access {
width : 100%;
//margin-top : 50px;
}
#page-access #access_intro.page_intro {
}
#page-access #access_intro.page_intro .top_text {
width : 100%;
padding : 3px;
border-bottom : 1px dashed #be0000;
font-size : 18px;
line-height : 20px;
}
#page-access #access_intro.page_intro .bottom_text {
padding : 3px;
margin-top : 10px;
}
#page-access #access_content.page_content {
width : 85%;
margin : 0 auto;
}
#page-access #access_content.page_content .address_text #address_remark_box {
color : #bbb;
font-size : 12px;
margin-top : 10px;
}

#page-access #access_content #access_list {
width : 100%;
margin : 0 auto;
}
#page-access #access_content #access_list #google_map {
width : 100%;
height : 350px;
margin : 30px auto 20px auto;
}
#page-access #access_content #access_list #google_map iframe {
width : 100%;
height : 100%;
margin : 0 auto;
}
#page-access #access_content #access_list #illustate_map {
width : 100%;
height : auto;
margin : 40px auto 0 auto;
}
#page-access #access_content #access_list #illustate_map .store_map {
}
#page-access #access_content #access_list .address_text {
padding : 3px;
margin-top : 10px;
margin-bottom : 15px;
}
#page-access #access_content #access_list .address_text .address_box {
width : 100%;
height : auto;
padding : 10px 10px;
margin-top : 10px;
//border : 1px solid #444;
background-color : #333;
}







/* ********** Sub-page : Booking ********** */
#page-booking.sub-page {

}
#page-booking.sub-page .booking_intro_remark {
font-size : 13px;
}
#page-booking #booking_content {
margin-top : 50px;
}





/* ********** Sub-page : Contact us ********** */
#page-contact-us.sub-page {
width : 100%;
//margin-top : 50px;
}
#page-contact-us #contact-us_intro.page_intro {
}
#page-contact-us #contact-us_intro.page_intro .top_text {
width : 100%;
padding : 3px;
border-bottom : 1px dashed #be0000;
font-size : 18px;
line-height : 20px;
}
#page-contact-us #contact-us_intro.page_intro .bottom_text {
padding : 3px;
margin-top : 10px;
}
#page-contact-us #contact-us_content.page_content {
width : 85%;
margin : 0 auto 20px auto;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list {
width : 100%;
margin : 0 auto;
padding : 5px;
}

#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method {
width : 100%;
margin : 15px 0 0 0;
padding : 15px;
border-radius : 5px;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method figure {
float : left;
width : 25%;
text-align : center;
margin : 0 auto;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method figure > img {
width : auto;
margin : 0 auto;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method figure > figcaption {
font-size : 12px;
margin-top : 5px;
text-align : center;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method .contact_detail {
float : right;
width : 70%;
font-size : 12px;
line-height : 15px;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method a {
font-size : 18px;
margin-top : 2px;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method#contact-line .contact_detail {}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method#contact-line .contact_detail ul {
/*width : 100%;*/
margin : 15px 5px 5px 15px;
}
/*#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method#contact-line .contact_detail > p { border-bottom : 1px #333 dashed; }*/
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method#contact-line .contact_detail ul > li {
/*float : left;*/
width : 80%;
margin : 0 0 0 0;
}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method#contact-line .contact_detail ul > li#line_method_1 {}
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method#contact-line .contact_detail ul > li#line_method_2 img { margin : 10px 10px 0 10px; }
#page-contact-us #contact-us_content.page_content > ul#contact_list > li.a_contact_method#contact-line .contact_detail ul > li#line_method_1 #line_id {
border-radius : 5px;
margin : 10px 0 15px 10px;
padding : 8px 0 10px 30px;
background-size : 16px!important;
font-size : 18px;
}

#page-contact-us ul#contact_list > li.a_contact_method #email_method_2 {
width : 85%;
margin-left : 15%;
margin-top : 30px;
font-size : 12px;
}
#page-contact-us ul#contact_list > li.a_contact_method #email_method_2 #or {}
#page-contact-us ul#contact_list > li.a_contact_method #email_method_2 #contact_suggestion {
margin-bottom : 10px;
}
#page-contact-us ul#contact_list > li.a_contact_method #email_method_2 form.wpcf7-form input {
width : 75%;
} 
#page-contact-us ul#contact_list > li.a_contact_method #email_method_2 form.wpcf7-form textarea {
width : 95%;
}
#page-contact-us ul#contact_list > li.a_contact_method #email_method_2 form.wpcf7-form label {
width : auto;
position : relative;
display : block;
margin : 10px 0px 10px 0px;
font-size : 14px;
}
#page-contact-us ul#contact_list > li.a_contact_method #email_method_2 form.wpcf7-form input.wpcf7-submit {
width : 50%;	
position : relative;
display : block;
margin-top : 30px;
}

#page-contact-us #captcha {
margin-top : 50px;
}
#page-contact-us #captcha > p {
font-size : 12px;
color : yellow;
}
#page-contact-us #captcha img {
width : 150px;
height : auto;
margin-top : 5px;
}
#page-contact-us #captcha span > input {
width : 150px!important;
margin-top : 5px!important;
}