/* TOP PAGE */  
#home .top-message {font-size: 100%; color: #000; text-align: center; line-height: 1.8em;  margin-bottom: 20px; float: left; width: 100%;}
#home .top-message span {float: left; width: 100%; display: inherit;}

.hp-box {width: 32.5%; float:left; margin: 0 1.5% 15px 0; position: absolute;  background-size: cover; background-position: center; border: solid 1px #ddd; overflow: hidden; box-sizing: border-box;}
.hp-box .hp-box-inner {width: 100%; height: 100%; }
.hp-box .hp-box-inner a {text-decoration: none; }
.hp-box .hp-box-inner a:hover {color: #000;}
.hp-box .hp-box-inner span {background: rgba(255,255,255,0.7); color: #000; font-size: 150%; padding: 5px 20px;}

/* TOP - box01 - Intro */
.hp-box.box01 {top: 0; left: 33.8%; height: 203px;}
.hp-box.box01 .hp-box-inner {float: left; height: 100%; padding: 3% 4%; box-sizing: border-box; font-size: 120%;}
.hp-box.box01 .hp-box-inner p {margin-bottom: 3px;}
.hp-box.box01 .info-btn {box-sizing: border-box; text-align: center; border: solid 1px #000; border-radius: 20px; color: #000; text-decoration: none; float: left; padding: 3px 20px; margin-top: 10px;}

/* TOP - box01 - Tokyo */
.en.tokyo .hp-box.box01 .hp-box-inner { float: left; height: 100%;}
.en.tokyo .hp-box.box01 .hp-box-inner p.news {text-align: center; font-weight: bold; border-bottom: solid 1px #ccc;}
.en.tokyo .hp-box.box01 .hp-box-inner .scroll {margin: 10px 0 0; padding: 0; overflow-y: scroll; font-size: 80%; height: 145px;}
.en.tokyo .hp-box.box01 .hp-box-inner .post { border-bottom: dotted 1px #ccc; padding: 0 0 5px 0; margin-bottom: 10px; float: left; width: 100%;}
.en.tokyo .hp-box.box01 .hp-box-inner .title {float:left; width: 89%; margin-bottom: 5px; padding: 0 0 0 11%; background: url(../images/hp/butterfly-news-gray.png) no-repeat; font-size: 100%;}
.en.tokyo .hp-box.box01 .hp-box-inner p {margin-bottom: 0px;}
.en.tokyo .hp-box.box01 .hp-box-inner .date { color: #999; float:right; padding: 0; font-size: 100%;}

/* TOP - box01 - Tokyo - Book */
.ja.tokyo .hp-box.box01 {background-image: url(https://shinka.com.au/images/top-greg-rosenke-xngZY8iEu-k-unsplash.jpg);}
.ja.hp-box.box02 .hp-box-inner a {float: left; width: 100%; height: 100%;}
.ja.tokyo .hp-box.box01 .hp-box-inner span {float: right; margin-top: 140px;}

/* TOP - box02 - Price */     
.hp-box.box02 {top: 0; left: 67.6%; height: 203px; background-image: url(https://shinka.com.au/images/top-markus-winkler-RzUhB5oHcJs-unsplash.jpg);}
.hp-box.box02 .hp-box-inner a {float: left; width: 100%; height: 100%;}
.hp-box.box02 .hp-box-inner span {float: right; margin-top: 30px;}

/* TOP - box03 - Insta */           
.hp-box.box03 {top: 435px; left: 0; height: 203px; background-image: url(../images/top-deeksha-pahariya-PKJLZul_bUg-unsplash.jpg);}
.hp-box.box03 .hp-box-inner a {float: left; width: 100%; height: 100%;}
.hp-box.box03 .hp-box-inner span {float: right; margin-top: 30px;}

/* TOP - box04 - Reservation */
.hp-box.box04 {top: 217px; left: 33.8%; height: 203px; background-image: url(../images/top-mike-von-wINYGcOk-Ps-unsplash.jpg);}
.hp-box.box04 .hp-box-inner a {float: left; width: 100%; height: 100%;}
.hp-box.box04 .hp-box-inner span {float: right; margin-top: 140px;}

/*TOP - box05 - Access */
.hp-box.box05 {top: 217px; left: 67.6%; height: 421px;}
.hp-box.box05 .hp-box-inner {padding: 10px 15px; box-sizing: border-box;}
.hp-box.box05 a.access {font-size: 130%;}
.hp-box.box05 table {border: none; margin: 0 0 5px; width: 100%; border-top: solid 1px #000;}   
.hp-box.box05 tr {border-bottom: solid 1px #000;}
.hp-box.box05 td {border: none; padding: 2px 0 0 0;}
.hp-box.box05 p {float:left; width: 120%; margin: 0 0 10px 0;}
.hp-box.box05 .info-btn {box-sizing: border-box; text-align: center; border: solid 1px #000; border-radius: 20px; color: #000; text-decoration: none; float: left; padding: 3px 20px; margin: 15px 0;}

/* TOP - box06 - Recruit */
.hp-box.box06 { top: 435px; left: 33.8%; height: 203px; background-image: url(../images/top-kasia-serbin-UxcRjTtzLXw-unsplash.jpg);}
.hp-box.box06 .hp-box-inner a {float: left; width: 100%; height: 100%;}
.hp-box.box06 .hp-box-inner span {float: right; margin-top: 30px;}

/* TOP - box07 - Twitter */
.hp-box.box07 {top: 0; left: 0; height: 419px;}
.hp-box.box07 .hp-box-inner {margin: 0; height: 420px;}
.hp-box.box07 .hp-box-inner .scroll {overflow-y: scroll; height: 421px;}

/* TOP - box07 Twitter */
.hp-box.box07.tw-tl {border: none;}

/* TOP - box07 - LINE INFO */
.line-info {border: solid 1px #06c755;}
.line-info .line-title {margin-bottom: 10px; float: left;}
.line-info p {margin: 0px; text-align: center; }
.line-info p span {font-weight: bold; color: #008300; line-height: 3em !important; font-size: 110%;}
.line-info ol {float: left; margin: 0; padding-left: 40px; padding-right: 15px; font-size: 100%;}
.line-info ol li {line-height: 1.5em; margin-top: 12px;}
.en .line-info ol li {line-height: 1.2em; }
.fancybox-inner img {width: 100%;}
.line-info img {opacity: 1; float: left; width: 100%; margin-top: 15px;}
.line-info .book-btn  {font-size: 110%; border: solid 1px #000; padding: 5px; float: left; width:70%; margin: 20px 15%; box-sizing: border-box; border-radius: 50px; text-align: center;}
.line-info .fancybox  {float: left; width: 100%; text-align: center; text-decoration: underline !important;}

#home .booking {text-align: center; font-size: 120%; margin: 0;}
#home .booking a {box-sizing: border-box; text-align: center; border: solid 1px #000; border-radius: 40px; background-color: #fff; color: #000; text-decoration: none; float: left; width: 20%; margin: 10px 40% 10px; padding: 10px; font-size: 110%;}
#home .booking a:hover {background-color: #eee;}
#home .bxslider a {pointer-events:none; }
#mainimage.maintext {border: none; padding: 15px; }
#mainimage.maintext .mainimage-innner { border: none;}
#mainimage.maintext .mainimage-innner p {margin-bottom: 20px;}
.top-text .copy1 { font-size: 120%; color: #000;  text-align: center; padding: 0 5%;}
.top-text .copy2 { font-size: 110%; color: #000; border-top: dotted 1px #999; padding-top: 20px;  text-align: center; padding: 0 5%;}


/* TOP - CORONAVIRUS MESSAGE */
#mainimage.message {max-width: 900px; border: solid 1px #ccc; padding: 30px 30px 10px; background: url(../images/common/hp-slideshow-frame.png) no-repeat; background-size: contain; border-width: 3px; border-style: double;}


/* RESERVATION NEW */
#reservation table {margin: 10px　0x; border: none;}
#reservation table td, #reservation table th {vertical-align: middle; border: none;}
#reservation th {text-align: center; background-color: #e7e0dc;}
#reservation .content .title {float: left; width: 100%; text-align: center; border-bottom: solid 1px #999; padding: 10px 0 0 0; font-size: 135%; box-sizing: border-box; margin-bottom: 20px;}
#reservation .new-system {text-align: center;}
#reservation .booking-button {float: left; width: 100%; text-align: center; margin: 20px 0 40px 0;}
#reservation .booking-button a img {width: 180px; float: none;  border: solid 1px #000; border-radius: 40px; box-sizing: border-box;}
#reservation .shop-top-holiday {width: 50%; margin: 0 25% 30px;}
#reservation .shop-top-holiday p {width: 100%; text-align: center; color: #000;  margin-bottom: 10px; font-size: 120%;}



/*無効入力画面の設定*/
fieldset {border: none; margin: 0; padding: 0; color: #999;}
.form-disable, .form-enable {padding: 0 !important; width: 100% !important;}
.reservation-initial .form-enable {display: none;}
.reservation-preview .form-disable, .reservation-error .form-disable {display: none;}

/* Cancel Form NEW */
#late-cancel-form .content .title {float: left; width: 100%; text-align: center; border-bottom: solid 1px #999; padding: 10px 0 0 0; font-size: 135%; box-sizing: border-box; margin-bottom: 20px;}
/* #late-cancel-form .mdViewer {text-align: center;} */
#late-cancel-form .ff-secfields {margin-top: 20px;}
#late-cancel-form .form-group {border-bottom: solid 1px #ddd; margin-bottom: 20px; padding-bottom: 30px;}
#late-cancel-form .ff-form {font-family: Raleway, ms ui gothic, meiryo, meiryo ui;}
#late-cancel-form .ff-form .ff-description p {line-height: 1.5em;}
#late-cancel-form .ff-form .ff-item .ff-help {line-height: 1.5em; margin: 5px 0;}
#late-cancel-form .ff-success {text-align: center; font-size: 90%;}
#late-cancel-form #page-top {display: none !important;}
#late-cancel-form input[type="time"] {width: 200px;}

/* Availability Today */
.availability {text-align: center;}

.availability p {margin: 0px;}
.availability .todaytomorrow {float: left; width: 100%;}
.availability .todaytomorrow div i {color: #D80000; font-size: 120%;}
.availability .today-tomorrow {font-size: 120%; font-weight: bold;}
.status-title {font-size: 140%; font-weight: bold;}
.availability p.no-stylist {margin: 0; font-size: 110%;}
.availability table {border: none;}
.availability td {text-align: center; padding: 0; font-size: 90%; border: none;}

.availability .shop-name {text-align: left; font-weight: bold; font-size: 140%;}
.availability .update {color: #999; font-size: 70%; font-weight: normal;}
.availability .note {color: #D80000; text-align: left;}
.availability .temp {color: #999; font-size: 50%; display: none;}

.availability table {border: none; width: 50%; margin: 0 25%;}
.availability td {text-align: center; padding: 0; font-size: 90%; border: none;}
.availability tr.mark td, .availability tr.time td {width: 12.5%; background-size: 50%; background-position: center; background-repeat: no-repeat;}
.availability tr.mark td img {border: solid 1px #000!important; margin: 10%; width: 80%; box-sizing: border-box; border-radius: 10%;}
.availability tr.time {}
.availability tr td.space1 {height: 10px;}
.availability tr td.space2 {height: 40px;}
.availability td.level1 {background-image: url(https://shinka.com.au/images/availability-shape-circle.png);}
.availability td.level2 {background-image: url(https://shinka.com.au/images/availability-shape-triangle.png);}
.availability td.level3 {background-image: url(https://shinka.com.au/images/availability-shape-cross.png);}
.availability td.none {background-image: url(https://shinka.com.au/images/availability-shape-line.png);}

.availability tr.marks td, .availability tr.times td {flex-wrap: wrap; display: flex; justify-content: space-between; width: 100%;}
.availability tr.marks td span, .availability tr.times td span {width: 11%; background-size: 65%; background-position: center; background-repeat: no-repeat;}
.availability tr.marks td img {border: solid 1px #000!important; margin: 1%; width: 100%; box-sizing: border-box; border-radius: 10%;}
.availability span.level1 {background-image: url(https://shinka.com.au/images/availability-shape-circle.png);}
.availability span.level2 {background-image: url(https://shinka.com.au/images/availability-shape-triangle.png);}
.availability span.level3 {background-image: url(https://shinka.com.au/images/availability-shape-cross.png);}
.availability span.none {background-image: url(https://shinka.com.au/images/availability-shape-line.png);}

.jump-others {padding: 20px 0; font-size: 110%;}


/* PAGE - STAFF */

#staff .box {float: left; width: 48%; margin: 0 0 25px 0; position: relative;}
#staff .box:nth-child(2n+0)  {margin-left: 4%;}
#staff .box > div {width: auto;}  
#staff .box img {float: left; margin: 0 0 10px 0; width: auto;}
/*#staff .box {float: left; width: 100%; margin-right: 0%; margin-bottom: 40px;}
#staff .box:nth-child(2n+1) img {float: left; margin: 0 20px 0px 0; width: 50%;}
#staff .box:nth-child(2n+0) img {float: right; margin: 0 0 0 20px ; width: 50%;}*/
#staff .box .name {font-size: 120%; font-weight: bold; color: #000; border-bottom: solid 1px #ccc; margin-bottom: 5px; margin-top: 0px;}
#staff .box p {margin-bottom: 0;}
#staff .box p.title {float: left; font-size: 14px; margin-bottom: 0px;}
#staff .box p.btn {margin: 8px 0 0 0; text-align: right; float: right; width: 140px; position: absolute; right: 0;}
#staff .box p.btn a {float: right;}
#staff .box p.btn img {margin: 0 0 5px 0; width: 100%;  float: right; border: solid 1px #000; border-radius: 40px;}
#staff .staff-lang {float: right; color: #999; font-weight: normal; font-size: 90%;}
#staff.tokyo .staff-lang {font-size: 80%; padding-top: 3px;}
#staff .box .note {color: #bf3556; line-height: 1.2em; float: left; margin-top: 5px;}
#staff .box .note1 {color: #bf3556; line-height: 1.2em; float: left; margin-top: 5px; width: 100%;}
#staff .box .note2 {line-height: 1.2em; float: left; margin-top: 10px; width: 100%;}


/*  PAGE - PRICE */

#prices-new strong {font-weight: normal;}
#prices-new .category-box {float: left; width: 100%; margin-right: 0%; margin-bottom: 50px; display: block; padding-top: 50px; margin-top: -50px;}
#prices-new .category-box > div {float: left; width: auto;}
#prices-new .category-box .title {font-size: 130%; color: #000; margin-bottom: 0px;}
#prices-new .category-box .title .price {float: right;}
#prices-new .menu-box {float: left; width: 47%; margin-bottom: 10px;}
#prices-new div.menu-box:nth-of-type(2n+1) {margin-right: 6%;}
#prices-new .note-stylist {margin: 0 0 10px 0; text-align: right;}

#prices-new .category-img {float: left; width: 98%; padding-right: 2%;}
#prices-new .category-img img {margin-right: 2%; margin-bottom: 15px; width: 65%;}
#prices-new .category-img .category {color: #bf3556; margin: 0 0 15px 0; width: 33%; float: left; font-size: 140%; border-bottom: dotted 1px #ccc;}
#prices-new .category-title .category {color: #bf3556; margin: 0 0 15px; width: 100%; float: left; font-size: 140%; border-bottom: dotted 1px #ccc; text-align: center;}
#prices-new .category-img .category, #prices-new .category-title .category {color:#bf3556;}

#prices-new .category-box .time {color: #999; margin: 0;}
#prices-new .category-box table {margin: 5px 0; border: none;}
#prices-new .category-box table td {border: none; padding: 0;}
/*#prices-new .category-box table td:last-child {width: 35%; text-align:right;}*/
#prices-new .category-box table td:nth-last-child(1),
#prices-new .category-box table td:nth-last-child(2) {width: 23%; text-align:right;}
#prices-new .category-box p.info {width: 100%; border-top: dotted 1px #ccc; margin-top: 5px; padding-top: 5px; float: left; margin-bottom: 0px;}
#prices-new .category-box p.note {float: left; width: 100%; color: #999;}
#prices-new .sample p.note {margin: 0;}

#prices-new .category-box.treatment .menu-box,
#prices-new .category-box.other .menu-box
{margin-bottom: 30px;}

#prices-new .menu-img {float:left; width: 100%; margin-bottom: 5px;}
#prices-new .menu-img img {width: 100%;}

#prices-new .sample .samle-box {width: 49%; float: left;}
#prices-new .sample .sample-title {font-size: 120%; font-weight: bold; margin: 0 0 10px 0 !important;}
#prices-new .sample p:nth-of-type(2n+1) {margin-left: 2%;}
#prices-new .sample img {width: 100%; margin-bottom: 5px;}
#prices-new .sample-title {width: 100%; float: left; text-align: center;}
#prices-new .sample strong {}

#prices-new .length div {width: 94%;}
#prices-new .length div td {width: 25%; text-align: center !important; background-color: transparent !important;}
#prices-new .length tr:nth-of-type(2) {background-color: #f4f4f4;}
#prices-new .length tr:nth-of-type(1) {background-color: #fff;}

#prices-new .category-box.stylist div {width: 100%;}
#prices-new .category-box.stylist .category-title {color: #bf3556; margin: 0 0 10px; width: 100%; float: left; font-size: 100%; border-bottom: none; text-align: center;}
#prices-new.category-box.stylist table td:first-child {border-right: dotted 1px #ccc;}

#prices-new .short-image {text-decoration: underline;}

#prices-new table.kids {float: right; width: auto;}
#prices-new table.kids td {width: auto !important;}
#prices-new table.kids td.girl {text-align: left; float: none;}
#prices-new table.kids td.boy {}
#prices-new table.kids td.slash {text-align: center; float: none; padding: 0 5px;}

/* PAGE - PRICE - TOKYO */
                 
#prices.tokyo .menu-box .sub-title { font-size: 13px; float:left;padding-top:5px; } 
#prices.tokyo .menu-box {  float: left; width: 100%; margin-right: 0%; margin-bottom: 15px;}
#prices.tokyo .menu-box:nth-child(2n+0) { margin-right: 0; }
#prices.tokyo .menu-box > div { width: auto; padding: 10px; border: solid 1px #ccc; border-radius: 5px; -webkit-border-radius: 5px;	/* Safari,Google Chrome用 */ -moz-border-radius: 5px;	/* Firefox用 */  }   
#prices.tokyo .menu-box img { width: 27.5%; height: auto; margin-right: 2.5%; margin-bottom: 0; float: left; }
#prices.tokyo .menu-box .title {margin-bottom: 5px; color: ; font-weight: bold;}
#prices.tokyo .menu-box .price {float: left; font-size: 17px; width: 70%; line-height: 1.3em; margin: 0;}
#prices.tokyo .menu-box .menu-text {float:left; margin: 0; width: 70%; margin-top: 15px;}
#prices.tokyo span {line-height: 1.4em; width: 100%; float:left;}
#prices.tokyo .menu-box.highlight .sub-title {float: left;}
#prices.tokyo .price-gender {font-size: 13px; color: #666; width: 85px !important; margin-right: 5px; margin-top: 3px;}
#prices.tokyo .menu-box.kids .sub-title {float: left;}
#prices.tokyo .menu-box.kids table {width: 70%; margin: 0 0 15px 0; border: solid 1px #e5e3e3;}
#prices.tokyo .menu-box.kids table td {padding: 4.5px 4px; border: solid 1px #e5e3e3;}
#prices.tokyo .menu-box.kids .menu-text {margin-top: 0px;}
#prices.tokyo .menu-single-text span {width: auto; margin-right: 10px;}
#prices.tokyo .menu-single-text {float:left; width: 100%; margin: 5px 0 0 0; border-top: dotted 1px #ccc; padding-top: 8px; }
#prices.tokyo .menu-box.small {width: 48%; margin-right: 4%;}
#prices.tokyo .menu-box.small:nth-child(2n+0) {margin-right: 0;}
#prices.tokyo .menu-box.small .menu-text {width: 100%;}
#prices.tokyo .menu-box table {width:70%; margin: 5px 0 0 0; border: none; float: left; border-top: dotted 1px #ccc;}
#prices.tokyo .menu-box table td {border: none; padding: 5px 0; line-height: 1em; border-bottom: dotted 1px #ccc; padding-left: 8px;}
#prices.tokyo .menu-box table td.left {width: 20%; background-color: #efefef;}

/* PAGE - ACCESS */

#access section .title {float: left; width: 100%; text-align: center; border-bottom: solid 1px #000; font-size: 140%;     margin-bottom: 20px;}
#access section p {margin: 0 0 10px 0;}
#access .opening {float: left; margin: 0 0 30px 0; border: none;}
#access .opening td {border: none; border-bottom: solid 1px #ddd;}
#access .left {float: left; width: 100%; padding: 0; margin-bottom: 30px;}
#access .right {float: left; width: 100%; overflow: hidden;}
#access img.img-01 { float: left; width: 55%; margin-right: 20px;}
#access section table.subway {border: none; width: auto; margin: 20px 0 0 0; border-top: solid 1px #ddd;}
#access section table.subway tr {border-bottom: solid 1px #ddd;}
#access section table.subway td {border: none; padding: 0; }

/* PAGE - SERVICE */

#service section p {margin: 0;}
#service .content img:nth-child(1) {width: 100%;}
#service .message {padding: 20px 0 0 0; margin-bottom: 50px; float: left; width:100%;     background-color: #fff;}
#service .message .service-copy {font-size: 150%; line-height: 1.2em; margin-bottom: 10px;}
#service .message img { width: 100%; height: auto; float: left;}
#service .service-items {float:left;           }                           
#service .menu-box {float: left; width: 49%; margin-right: 2%; margin-bottom: 50px;}
#service .menu-box:nth-child(2n+2) {margin-right: 0;}
#service .menu-box > div {width: auto; float: left;}   
#service .menu-box img {margin: 0 16px 10px 0; float: left;}
#service .menu-box.design {width: 100%;}
#service .menu-box .title {font-size: 18px; color: #000; margin-bottom: 6px; float:left; width: 100%;}
#service .menu-box .menu-text {float:left; margin: 0; }


/* PAGE - SERVICE - TOKYO

#service.tokyo section p {
    margin: 0;
}
#service.tokyo .message img { width: 100%; height: auto; float: left;}
#service.tokyo .service-items {
    float:left;           
}                           
#service.tokyo .menu-box {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
}
#service.tokyo .menu-box:nth-child(2n+1) {
    margin-right: 0;
}
#service.tokyo .menu-box > div {    
    width: auto;
    padding: 10px;
    border: solid 1px #ccc;
    float: left;
}   
#service.tokyo .menu-box img {   
    margin: 0 16px 10px 0;
    float: left;
}
#service.tokyo .menu-box.design {
    width: 100%;
}
#service.tokyo .menu-box .title {
    font-size: 16px;
    color: ;
    margin-bottom: 6px;
    float:left;
    width: 100%;
 }
#service.tokyo .menu-box .menu-text {
    float:left;
    margin: 0; 
} */




/* PAGE - MEDIA */

#media .related {display: none;}
#media .content [role="main"] {width: 100%; margin: 0;}
#media .rwap {width: 100%; }
#media .media-top-box {margin: 60px 0; float: left; text-align: center; width: 33.3%;}
#media .media-top-box a {width: 80%; margin: 0 10%; float:left; border: solid 1px #ddd;}
#media .media-top-box img {width: 100%}
#media .media-top-box a:hover {background-color: ;}
#media .media-top-box p {padding: 60px 8% 0; float: left; width: 84%; background: url(../images/common/butterfly-gray.png) center 20px no-repeat; background-size: 10%; }

#media table.media-menu {width: 50%; margin: 30px auto 0;}
#media .media-menu-top {margin-top: 20px;}
#media .media-menu img {width: 100%;}
#media .media-menu a {float: left;}
#media.izanagi .media-menu a.media-menu-izanagi, #media.japaralia .media-menu a.media-menu-japaralia,
#media.bimyo .media-menu a.media-menu-bimyo, #media.publication .media-menu a.media-menu-publication {
background-color: ;
}

#media .head-copy {padding: 0 3%;}
#media .head-copy img {width: 25%;}
#media .head-copy p {margin-bottom: 0px; margin: 40px 0; float: right; width: 70%; border-left: solid 1px #ccc; padding-left: 15px;}

#media .widget-content {float: left; width: 100%;}
#media ul {list-style-type: none; padding:0;}

#media li.item {float:left; margin: 1%;}
#media li.item a {float:left; border: solid 1px #ccc; width: 100%;}
#media li.item a img {width: 90%; height: auto; margin: 5%;}

#media.japaralia li.item {width: 14.6%;} /* MEDIA - JAPARALIA */
#media.bimyo li.item {width: 23%;} /* MEDIA - BIMYO */
#media.izanagi li.item {width: 14.6%;} /* MEDIA - IZANAGI */
#media.izanagi li[class~="wide"] {width: 31.2%;} /* MEDIA - IZANAGI */
#media.izanagi li[class~="wide"] a img {width: 79.5%; margin: 2.5% 10%;}
#media.publication li.item {width: 23%;} /* MEDIA - PUBLICATION */

#media.publication .category {float: left; width: 100%; margin: 15px 0; text-align: center; background-color: #f7f7f7;}
#media.publication .category .title {float: left; width: 100%; border-bottom: dotted 1px #999; margin-bottom: 5px; text-align: center; background-color: #fff;}
#media.publication .category a img {border: solid 1px #ccc; width: 23%; margin: 0.7%; float: none;}
#media.publication .category a {float: none;}

#media.izanagi li.item a {cursor: default;}
#media  a.no-link {pointer-events:none;}

/*  PAGE - vouchers */

#gift-voucher .content p {margin: 0;}
#gift-voucher .buy {text-align: center; margin-top: 20px; float: left; width: 100%; box-sizing: border-box;}
#gift-voucher .buy strong {text-align: center; float: left; width: 100%; }
#gift-voucher .buy .terms {box-sizing: border-box; float: left; width:100%; margin: 0 0 40px 0; }
#gift-voucher .buy .terms strong {font-size: 120%; color: #000; border-bottom: solid 1px #000; margin-bottom: 10px;}
#gift-voucher .step-title1 {font-size: 120%; color: #000; margin: 0 1%; width: 100%; float: left; border-bottom: solid 1px #000;}
#gift-voucher .step-title2 {font-size: 120%; color: #000; margin: 0 1%; width: 100%; float: left; margin-bottom: 10px !important; border-bottom: solid 1px #000;}
#gift-voucher .step p {text-align: center; float: left; width: 31.33333%; margin: 1%; }
#gift-voucher .step span {border-bottom: solid 1px #ccc; float: left; width: 100%; font-weight: bold; }
#gift-voucher .use {text-align: center; margin-top: 30px; float: left; width: 100%; box-sizing: border-box;}
#gift-voucher .buy .btn {margin: 20px 25%; width: 50%;}
/*#gift-voucher .btn img {margin: 0 0 5px 0; width: 100%; float: right; border: solid 1px #000; border-radius: 40px;}*/
#gift-voucher .btn a {margin: 0 0 5px 0; width: 100%; float: right; border: none; border-radius: 40px; text-decoration: none; font-size: 130%; margin-bottom: 20px; padding: 10px 0;}
#gift-voucher .btn a:hover {color: #fff;}


/* ==================== JAPANESE ==================== */

/* TOP PAGE */
.ja .hp-box.box01 .hp-box-inner {font-size: 100%;}
.ja .hp-box-inner span {font-size: 120% !important; padding: 5px 30px;}
.ja .hp-box.box01 p.text1 {font-size: 110% !important;}
.ja .hp-box.box01 p.text2 {font-size: 90% !important;}

/* SERVICE */
#service.ja .menu-box .title {font-weight: normal;}

/* PRICE */
#prices-new.ja .category-box .title {font-size: 120%;}

/* ACCESS */
#access.ja .title {font-size: 120%;}

3h.ff-title {line-height: 1.2em !important; font-size: 130% !important;}

/* ==================== ENGLISH ==================== */

.en .hp-box.box01 .hp-box-inner p.text1 {line-height: 1.2em; margin-bottom: 8px;}
.en .hp-box.box01 .hp-box-inner p.text2 {font-size: 90%; line-height: 1.3em;}



/* ==================== 600px ==================== */
   @media screen and (max-width: 600px) {
/* =============================================== */  

    /* HOME */
    #home .hp-box {width: 100%; position: static;}
    #home .hp-box {width: 100%}
    #home [role="contentinfo"] {margin-top: 0px;}
    .bx-wrapper {margin: 0 auto 15px!important;}
   #home .booking a {width: 70%; margin: 10px 15% 20px;}

    /* HP - box05 */
    #home .hp-box.box05 .hp-box-inner a {width: 100%; padding: 3px 0;} 
    #home div.hp-box.box05 {height: auto}

    /* HP - box06 */


    /* PAGE - STAFF */
    #staff .box .title {margin: 0 0 10px 0;}
    <!--#staff .box .title + p {margin: 0}-->
    #staff .box p.btn {width: 120px;}
    #staff .box p.btn img {float: none !important;}
    #staff .box, #staff .box:nth-child(2n+0) {width:100%;  margin-left: 0;}


    #prices-new .menu-box {float: left; width: 100%;}
    #prices-new .cut .menu-box {float: left; width:100%;}
    #prices-new div.menu-box:nth-of-type(2n+1) {margin-right: 0%;}
    #prices-new .category-img  {width: 100%; oadding: 0;}
    #prices-new .category-img .category {width: 100%;}
    #prices-new .category-img strong {text-align: center;}
    #prices-new .category-img img {margin-right: 0; width: 100%;}
    #prices-new .category {width: 100%;}
    #prices-new .color .menu-box {width: 100%;}
    #prices-new .sample .samle-box {width: 100%;}
    #prices-new .sample p:nth-of-type(2n+1) {margin-left: 0%;}

    #gift-voucher .step p {width: 97%; margin: 1%; padding: 0.5%; }


    #reservation .shop-top-holiday {width: 100%; margin: 0;}

    #access img.img-01 {width: 220px; height: auto;}

    /* PAGE - PRICES */
    #media .media-top-box {width: 100% !important; margin: 20px 0 0 0;}
    #prices .menu-box {width: 100%;}
    #prices .menu-box img {width: 100%; margin-bottom: 10px;}
    #prices .menu-box .title {width: 100%;}
    #prices .menu-box .menu-text {width: 100%; margin-top: 5px;}
    #prices .menu-box table {width: 100%;}
    #prices .menu-box table td.left {width: 50%;}
    #prices .menu-box .price {width: 50%; margin: 5px 0 0 0;}
    #prices .price-gender {width: 65px !important; font-size: 10px;}
    #prices .menu-box.small {width: 100%; margin-right: 0%;}
    #prices .menu-box.kids {width: 100%; margin-right: 0% !important;}
    #prices .menu-box.kids table {width: 100% !important;}
    #prices .menu-box.kids .menu-text {width: 100% !important;}

    /* PAGE - Voucher */
    #gift-voucher .buy .btn {margin: 20px 0%; width: 100%;}


#service.tokyo .menu-box {width: 100%; margin-right: 0;}

/* ==================== 480px ==================== */
   @media only screen and (max-width: 480px) {
/* =============================================== */

    #access img.img-01 {width: 100%; height: auto; margin-bottom: 10px; margin-right: 0px;}

    #media table.media-menu {width: 100%;}
    #media .media-top-box {width: 100%; margin: 20px 0 0 0;}
    #media .head-copy img {width: 50%; margin: 0 25%; text-align: center;}
    #media .head-copy p {width: 100%; padding: 0; border: none; margin: 0 0 10px 0;}
    #media.japaralia li.item {width: 23%;} /* MEDIA - JAPARALIA */
    #media.bimyo li.item {width: 48%;} /* MEDIA - BIMYO */
    #media.izanagi li.item {width: 23%;} /* MEDIA - IZANAGI */
    #media.publication .category a img {width: auto !important; height: auto !important;} /* MEDIA - PUBLICATION */

    #service .message {background-size: 160%; background-position: 10px 15px; }
    #service .menu-box {width: 100%; margin-right: 0;}
    #service .service-items img {width: 100%!important;}
    #service .btn {margin: 5px 0 0 0;}

    #staff .box p.btn {width: 120px;}

    .availability table {border: none; width: 100%; margin: 0;}
    .availability .shop-name {font-size: 110%;}

}