@charset "utf-8";
/*
Theme Name: kanon-Child
Theme URI:
Template: kanon
Description:
Author:
Tags:
Version: 0.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

body {font-family: 'Noto Serif JP', serif;}

/*body {font-family: 'Noto Serif JP', serif !important} */
.siteHeader_sub { margin-top: -5px;}

.mt00 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;} 
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mb00 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.tl {text-align:left !important;}
.tc {text-align:center !important;}

.fs14 a {font-size:14px !important;}
.fs16 {font-size:16px !important;}
@media screen and (min-width: 768px) { 
	.fs16 {font-size:14px !important;}
}


.pt00 {padding-top:0 !important;}
.top-jp-title {font-weight:bold;font-size:18px;}

.gMenu {position: relative;display: flex;align-items: center;}
.gMenu_outer {background-color: #fff;}
.gMenu > li {background-color: #fff !important;}
.gMenu > li .gMenu_name {font-weight: normal;font-size: 13px;}

.gMenu ul li.menu-item-has-children > a {padding: 14px 3.5em 14px 0.7em;}
.siteFooter {background: #666;color:#fff;border-top: 3px solid #000;}
.siteFooter .footerMenu a {color: #fff;}

.head-salon {position: relative;background:#fff;color:#000;text-align:center;width:180px;margin:0 30px 0 0;font-size: 14px;}
.head-salon a {background:#fff;color:#000;display: block;border:1px solid #000;padding:10px}
.head-salon a:hover {background:rgba(0,0,0,0.7);color:#fff;border:1px solid #000;text-decoration: none;}
.title-photo {margin-top: 0;margin-bottom:20px;padding: 10px;border-bottom: #000 dashed 1px;font-size:18px;}
.title-photo::before { content: ''; display: inline-block; width: 5px; height: 1.5em;  margin-right: .5em;  background-color: #ccc;  vertical-align: text-bottom;}
.photo-area-title {text-align:center;font-size:14px;color:#  888;margin-bottom: 5px;font-weight: bold;}

.slick-prev {z-index: 100;left: 30px !important;}
.slick-next {z-index: 100;right: 30px !important;}

@media (min-width:992px) {
.header_scrolled .gMenu_outer {background-color: #ffff; box-shadow: none;border-bottom: 1px solid rgba(0,0,0,.05);}
.device-pc .gMenu > li a {padding-left: 8px; padding-right: 8px;}
.siteHeader_logo img {max-height: 50px;}
.siteHeadContainer.container .navbar-header {  padding: 15px 15px 10px;}
}


.mainSection-title, .page-header, .subSection-title, .veu_leadTxt, dt, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Serif JP', serif;}

h2.h2-top {text-align:center;font-size:18px;font-family: 'Noto Serif JP', serif;}
.prBlock h3.prBlock_title {font-size:14px;padding: 10px 2px;font-family: 'Noto Serif JP', serif;}
.text-top {text-align:center;margin-bottom:20px;font-size:16px;font-family: 'Noto Serif JP', serif !important}

.gMenu > li > ul.sub-menu {width: 380px;}
.siteHeader_sub .contact_btn a {background:#000;border: none;}
.siteHeader_sub .contact_btn a:hover {opacity: 0.7 ;}


ul.slick-slider {padding-left: 0px;}
ul.slick-slider li img {width:98%;margin:0 auto;}
ul.top-slider li img {height:11.5vw;object-fit:cover;}

a img:hover {opacity: 0.7 ;}

.head-img img {width:100%}

.page-content p {font-size:14px;}
.next-btn {position: relative;background:#fff;color:#000;line-height:42px;text-align:center;width:50%;margin:30px auto 100px;}
.next-btn a {background:#fff;color:#000;display: block;border:1px solid #000;}
.next-btn a:hover {background:rgba(0,0,0,0.7);color:#fff;border:1px solid #000;text-decoration: none;}

.fixed-background {width: 100%;height: 400px;background-size: cover;  background-position: center;background-attachment: fixed;margin:30px 0 50px; }

/*　各インデックス */
h1.page_h1 {text-align:center;font-size:18px;border-top:3px solid #000;border-bottom:1px solid #000;padding:15px;font-family: 'Noto Serif JP', serif;}
h2.page_h2 {text-align:center;font-size:18px;border-top:3px solid #000;border-bottom:1px solid #000;padding:15px;font-family: 'Noto Serif JP', serif;}
.page_h2-span {float:right;font-size:16px;color:rgba(0,0,0,0.4);font-style: italic;font-family: Times New Roman;}


.page-content {text-align:center;margin:30px auto 50px;}
.page-tax {font-size:12px;color:#666;}
.noprice {color:#666;}

.page-btn {position: relative;background:#fff;color:#000;text-align:center;width:90%;margin:20px auto 50px;}
.page-btn a {background:#fff;color:#000;display: block;border:1px solid #000;padding:10px}
.page-btn a:hover {background:rgba(0,0,0,0.7);color:#fff;border:1px solid #000;text-decoration: none;}

.prBlock_area {text-align:center;font-size:14px;margin:10px auto;}

.icon-mark {text-align:center;}
.mark-icon {margin-bottom:20px;width:20px;display:inline-block}
.mark-icon img {width:20px;}

/* single photo wedding */
h2.single_plan_h2 {font-size:18px;text-align:center;}
h2.single_h2 {border:none;text-align:center;font-size:16px;color:#666;padding: 0;margin: 10px 0 0;font-style: italic;background-color: transparent;}
.single_h2 {border:none;text-align:center;font-size:16px;color:#666;padding: 0;margin: 10px 0 0;background-color: transparent;}

h4.single_h4 {padding: 20px 20px;font-size: 18px;font-family: 'Noto Serif JP', serif;}
.tabs {padding-bottom: 0; width: 100%;  margin: 50px auto 0;}
.tab_item {width:100%; padding:0;font-size: 16px;text-align: center;display: block;float: left; text-align: center;border:1px solid #000;}
.tab_item:hover {background:#f5f5f5;cursor: pointer;}

input[name="tab_item"] {display: none;}
.tab_content {display: none; clear: both;overflow: hidden;}
#plan-01:checked ~ #plan-01_content,#plan-02:checked ~ #plan-02_content {display: block;}
.tabs input:checked + .tab_item {background:#f5f5f5; }
.tab_content_img {text-align:center;margin-top:30px;}
.tab_content_description {padding: 30px 30px;font-size:14px;}

.single-2plan {text-align:center;font-size:12px;margin-bottom:10px}

table.table-plan {border:none;}
table.table-plan th {border:none;width:15%;font-size:18px;font-weight:bold;padding:5px;}
table.table-plan td {border:none;padding:5px;}
.click-plan {}

@media screen and (max-width: 560px) {
	table.table-plan th {display:block;width:100%;padding:20px 10px 0;}
	table.table-plan td {display:block;width:100%;padding:10px 10px 20px;}
	table.table-plan th.plan-click {display:none}
	.top-jp-title {font-weight:bold;font-size:16px;}
}

.single-price {text-align:center;margin:0 auto 30px}
.single-price div {margin-bottom:5px;}
.single-price-00 {border-bottom:1px solid #ccc;padding:0 20px;}
.single-price-01 {font-size:16px;}
.single-price-02 {font-size:24px;font-weight:bold;}
.single-price-03 {font-size:14px;color:#333;margin-left:10px}
.single-price-04 {font-size:16px;}

table.info-table {width:100%}
table.info-table th {vertical-align:baseline;width: 13%;background:rgba(0,0,0,.02);;border: 1px solid rgba(0,0,0,.05);padding:10px;}
table.info-table td {vertical-align:baseline;width: 37%;border: 1px solid rgba(0,0,0,.05);padding:10px;}

.single-plan-in {margin:30px 0}

h4.single-plan-h4 {background:#fff;border-bottom:1px solid #ccc;padding:5px 10px;font-size:18px;margin: 0 0 10px;border-left:5px solid rgba(0,0,0,0.7);}
.single-plan-h4-eng {float:right;font-size:16px;color:rgba(0,0,0,0.4);font-style: italic;font-family: Times New Roman;}
.single-plan-h5 {font-size:18px;}
table.table-plan-in {width:100%}
table.table-plan-in th {vertical-align:baseline;width: 15%;border: 1px solid rgba(0,0,0,.05);padding:10px 5px;border-right:none;}
table.table-plan-in td {vertical-align:baseline;width: 5%;border: 1px solid rgba(0,0,0,.05);padding:10px 5px;text-align:center;border-left:none;}
table.table-plan-in th .table-plan-in-text {border-left:3px solid rgba(0,0,0,0.7);padding-left:5px}
.single-plan-in-text {text-align:center;margin:10px auto 20px;font-size:14px;color:#666}
.single-plan-info {border:1px solid #ccc;padding:20px;}
ul.single-plan-ul {margin:0;padding-left: 0px;}
ul.single-plan-ul li {margin:0;list-style: none;font-size:14px;}

.single_photo_option_go {position: relative; text-align: center; color: #fff; margin:20px auto 0;font-size:14px;padding:10px 0}
.single_photo_option_go a {background: #f7f7f7; color: #000; display: block;border: 3px double #929494;text-decoration: none;padding:10px 0}
.single_photo_option_go a:hover {background: #929494; color: #fff;border: 3px double #929494; }

.flow_wrapper {border:1px solid #ccc;padding:10px 20px;background:#eee}
.flow {background:#fff}
.flow {position: relative;display: inline-block;margin: 10px 0 20px;padding: 20px 30px; width:100%;font-size: 14px;background: #fff;}
.flow:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #fff;}
.notri:before{display : none;}

.single-tel {text-align:center;}
.table-contact-tel-text {border-left:3px solid rgba(0,0,0,0.7);padding-left:10px}
.single-tel i {margin-right:10px;}
.contact-tel-info {text-align:center}

.prBlock .rental-dress-single-img {text-align:center;}
.prBlock .rental-dress-single-img img {width:50%;margin:0 auto;}
.rental-dress-single-title {text-align:center;font-size:16px;margin:10px auto;padding:10px;border-top:3px solid rgba(0,0,0,0.7);border-bottom:1px solid rgba(0,0,0,0.7);}
.rental-dress-single-link {text-align:center;margin:10px auto;}
.rental-dress-single-text {border:1px solid #ccc;padding:20px;border-radius: 10px;font-size:14px;}

/* オプション　*/
table.option-table {width:100%;margin:20px auto 30px;border-top: 3px solid #000;}
table.option-table th {font-size:12px;font-weight:bold;text-align:center;padding:15px}
table.option-table th.option-table-title {font-size:18px;text-align:left;}
table.option-table td {padding: 15px;background:#fff}
table.option-table td.option-table-tc  {text-align:center;}
table.option-table th.option-table-tr  {text-align:right;}
table.option-table td.option-table-tr  {text-align:right;}

table.option-table tr:nth-child(odd) td {background: rgba(0,0,0,.01)}

.yellow-line  {background: linear-gradient(transparent 65%, #eee 65%);padding:5px 10px;}

.bouquet-name {text-align:center;font-size:14px;}
.bouquet-img {width:80%;margin:5px auto;}
.bouquet-fee {text-align:center;font-size:14px;}

@media screen and (max-width: 900px) {
table.option-table tr {display: grid;grid-template-rows: auto;}
table.option-table th {text-align:center !important;}
table.option-table td {text-align:center !important;}
h2.single_plan_h2 {font-size:18px}
}

@media screen and (max-width: 560px) {
h2.single_plan_h2 {font-size:16px}
}
/* お問い合わせフォーム　*/
.contact02 {text-align:right;margin-right:10px; color:#ff0000;font-size:12px;}
table.contact00 {width:100%}
table.contact00 th {padding:10px;width:25%;border:1px solid rgba(0,0,0,.05);background:rgba(0,0,0,.05);} 
table.contact00 td {padding:10px;border:1px solid rgba(0,0,0,.05)}
table.contact00 td .form-control {max-width: 100%;}
table.contact00 tr.contact03 {display:none;}
table.contact00 th .contact01 {color:#ff0000;margin-right:10px;}
input[type="date"] {display: block;width: 50%;height: calc(1.5em + .75rem + 2px);padding: .375rem 1.5rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.contact-btn {text-align:center;margin:30px auto 50px;}
.contact-btn input[type="submit"] {border:1px solid rgba(0,0,0,0.7) !important;background:#fff;color:rgba(0,0,0,0.7) !important;width:300px;border: none;box-shadow:none} 
.contact-btn input[type="submit"]:hover {background:rgba(0,0,0,0.7);color:#fff !important;} 
.wpcf7 .ajax-loader {display:none;}

.line-contact {text-align:center;margin:0 auto 20px;}
.line-contact img {width:auto;}

@media screen and (max-width: 560px) {
	.line-contact img {width:100%;}
}


/* salon */
.salon-info {text-align:center;font-size:16px;}
/* footer */
.sectionBox {padding-top: 10px; padding-bottom: 10px}


@media (min-width: 581px){
.br-sp, .sp_br {display: none;}
}


#plan_photo, #plan_photo2, #plan_photo3, #plan_photo4, #plan_photo5{overflow: hidden;  width: 100%;}
.plan_photo_small img{width : 100%;height : 100%;  display : block; position : absolute; top:0;right:0;left:0; margin:auto;}
#plan_photo li.current img, #plan_photo2 li.current img, #plan_photo3 li.current img, #plan_photo4 li.current img, #plan_photo5 li.current img{ opacity: .4; filter: alpha(opacity=40);}

#photo_container, #photo_container2, #photo_container3, #photo_container4, #photo_container5 {height:auto;padding-bottom:30px;}
.plan_photo_big {width: 100%;overflow : hidden;}
.plan_photo_big img {width : 100%;}
.plan_photo_big img:nth-child(n+2) {display: none;}

.plan_photo_cation {display: inline-block; margin:5px 0;padding: 5px;width: 100%;text-align:center;  background: #f5f5f5;}
.plan_photo_cation:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #fff;}
.plan_photo_right {width: 100%; margin:0 auto;text-align:center;}
.plan_photo_small {overflow : hidden;margin-right: 0;}
.plan_photo_small ul {margin:0;margin-left:-30px;}
.plan_photo_small ul li {list-style-type :none;display : inline-block;margin-left : 0;margin-right: 5px;background: #fff; width: 120px; height: 83.5px;margin-bottom : 5px;position : relative;overflow : hidden;}

.plan_photo_small ul li a {display : block;height:65px }


p#plan_caption, p#plan_caption2 {margin:0;font-size:14px;line-height: 1.7;}
.photo_caption-00 {margin-top:10px;text-align:center;font-size:14px}

.ishigaki-icon_category {text-align:center;}
.ishigaki-icon {inline-block;}
.ishigaki-icon img {width:20px;}

@media (max-width: 1180px){
.plan_photo_small ul li {width: 100px;}
table.table-plan-in tr {display: grid;grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;}
table.table-plan-in th {width:100%;}
table.table-plan-in td {width:100%;}

}
@media screen and (max-width: 900px) {
table.info-table tr {display: grid;grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr;}
table.info-table th {width:100%;}
table.info-table td {width:100%;}
table.table-plan-in tr {display: grid;grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;}
table.table-plan-in th {width:100%;}
table.table-plan-in td {width:100%;}
table.contact-tel tr {display: grid;grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr;}
table.contact-tel th {width:100%;}
table.contact-tel td {width:100%;}
}
@media(min-width: 768px){
	a[href^="tel:"]{ pointer-events: none;}
	.plan_photo_small img {height :auto}

}

@media(min-width: 581px){
.footer_fix_btn {position:fixed;bottom:85px;left:0px; text-align:center;background:#929494;font-size:14px;color:#000000;border:3px double #ffffff;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;text-indent: 1em;}
.footer_fix_btn a { display:block; text-decoration:none;color:#fff;padding: 10px 15px 20px 15px;letter-spacing: 5px;}
.footer_fix_btn a:hover { opacity:0.8;}
}

@media (max-width: 580px){
.single-plan-h5 {font-size:16px;text-align:center;}
.plan_photo_small ul {margin:0;margin-left:0;padding:0;}
.plan_photo_small ul li {width:calc(100% / 5);height:auto;}
table.info-table tr {display: grid;grid-template-rows: 1fr; grid-template-columns: 1fr;}
table.info-table th {display:block;width:100%;text-align:center;}
table.info-table td {display:block;width:100%;text-align:center;}
table.table-plan-in tr {display: grid;grid-template-rows: 1fr; grid-template-columns: 1fr 1fr;}
table.table-plan-in th {display:block;width:230px;}
table.table-plan-in td {display:block;width:100%;}
table.contact-tel tr {display: grid;grid-template-rows: 1fr; grid-template-columns: 1fr;}
table.contact-tel th {display:block;width:100%;text-align:center;}
table.contact-tel td {display:block;width:100%;text-align:center;}
table.contact00 tr {display: grid;grid-template-rows: 1fr; grid-template-columns: 1fr;}
table.contact00 th {display:block;width:100%;text-align:center;}
table.contact00 td {display:block;width:100%;text-align:center;}
input[type="date"]  {margin:0 auto;}
.footer_fix_btn {position:fixed;bottom:0;width:100%;padding:10px 0;text-align:center;background:rgba(0,0,0,0.7);font-size:14px;color:#000;}
.footer_fix_btn a { display:block; width:100%;text-decoration:none;color :#fff}
.footer_fix_btn a:hover { opacity:0.8;}
.fixed-background {width: 100%;  height: 0; padding-top: calc(300 / 1000 * 100%); background-size:cover;background-attachment: scroll;margin:0;}
.prBlock .rental-dress-single-img img {width:100%;}
.page_h2-span {display:block;float:none;margin-top:10px;text-align:left}
}

/* 会社案内　*/
table.company-table {margin:50px auto;width:100%}
table.company-table th {padding:10px;font-size:14px;vertical-align:baseline;border: 1px solid rgba(0,0,0,.05);line-height: 1.8;width:30%;}
.company-table-span {border-left:3px solid #000;padding-left:10px;}
table.company-table td {padding:10px;font-size:14px;border: 1px solid rgba(0,0,0,.05);line-height: 1.8;}
table.company-table tr:hover {background: rgba(0,0,0,.05);}

@media (max-width: 580px){
table.company-table th {display:block;width:100%;text-align:center;border-bottom:none;padding-bottom:0}
table.company-table td {display:block;width:100%;text-align:center;border-top:none;}
.company-table-span {border:none;}
}

.wpcf7-spinner {display:none !important;}

@media(min-width: 769px){
	.pc-none {display: none;}
}
@media(max-width: 768px){
	.sp-none {display: none;}
}

/* デコレーション　*/
h3.deco_h3 {position: relative;padding-left: 25px;border-top:none;font-size:18px;padding:5px 25px;font-family: 'Noto Serif JP', serif;}
h3.deco_h3:before {  position: absolute; content: ''; bottom: -3px; left: 0; width: 0; height: 0; border: none; border-left: solid 15px transparent;  border-bottom: solid 15px rgb(51,122,183);}
h3.deco_h3:after {  position: absolute;  content: '';  bottom: -3px;  left: 10px;  width: 100%;  border-bottom: solid 3px rgb(51,122,183);}

.deco-link {position: relative;background:#fff;color:#000;line-height:42px;text-align:center;width:100%;margin:30px auto 100px;}
.deco-link a {background:#fff;color:#000;display: block;border:1px solid #000;}
.deco-link a:hover {background:rgba(0,0,0,0.7);color:#fff;border:1px solid #000;text-decoration: none;}

/* ドレス */
.dress-copy {padding: 0.5em; color: #000;background: #fcfcfc;border-bottom: solid 3px #000;font-size:14px;text-align:center;}

.tabs {background-color: #fff;width: 100%;margin: 10px auto;}
.tab_dress { width: calc(100%/7);border-bottom: 2px solid #000; background-color: #fff;line-height: 40px;font-size: 14px;text-align: center;color: #000;display: block;float: left;text-align: center;transition: all 0.2s ease;}
.tab_dress:hover {background-color: #000;color:#fff;cursor:pointer}
input[name="tab_dress"] {display: none;}
.tab_content {display: none;padding: 10px 0;clear: both;overflow: hidden;}
#all:checked ~ #all_content,#aline:checked ~ #aline_content,#princess:checked ~ #princess_content,#slender:checked ~ #slender_content,#empire:checked ~ #empire_content,#mermaid:checked ~ #mermaid_content,#etc:checked ~ #etc_content {  display: block;}
.tabs input:checked + .tab_dress {background-color: #000;color: #fff;}

@media (max-width: 580px){
.tab_dress { width: calc(100%/4);}
}

/* hotel一覧 */
.hotel-plan_category {text-align:center;margin-top:15px;}
.envi {display: inline-block;font-size:12px;border:1px solid rgba(0,0,0,.05);padding:3px 10px;margin:0 2px;background:#999;color:#fff;border-radius: 5px;}

.ishigaki-01 {background:#888;color:#fff;padding:5px;}
.ishigaki-02 {background:rgba(50,179,198,0.7);color:#fff;padding:5px;}
.ishigaki-03 {background:rgba(0,163,129,0.7);color:#fff;padding:5px;}
.ishigaki-04 {background:rgba(8,135,215,0.7);color:#fff;padding:5px;}
.ishigaki-05 {background:rgba(128,190,2,0.7);color:#fff;padding:5px;}
.ishigaki-06 {background:rgba(207,186,11,0.7);color:#fff;padding:5px;}
.ishigaki-07 {background:rgba(199,41,82,0.7);color:#fff;padding:5px;}
.ishigaki-08 {background:rgba(7,159,151,0.7);color:#fff;padding:5px;}
.ishigaki-09 {background:rgba(89,141,14,0.7);color:#fff;padding:5px;}

.envi {background:rgba(117,27,27,0.4);color:#fff;}
/*
.category-colo-01 {background:rgba(29,65,151,0.7);color:#fff;}
.category-colo-02 {background:rgba(50,179,198,0.7);color:#fff;}
.category-colo-03 {background:rgba(0,163,129,0.7);color:#fff;}
.category-colo-04 {background:rgba(8,135,215,0.7);color:#fff;}
.category-colo-05 {background:rgba(128,190,2,0.7);color:#fff;}
.category-colo-06 {background:rgba(207,186,11,0.7);color:#fff;}
.category-colo-07 {background:rgba(199,41,82,0.7);color:#fff;}
.category-colo-08 {background:rgba(7,159,151,0.7);color:#fff;}
.category-colo-09 {background:rgba(89,141,14,0.7);color:#fff;}
.category-colo-10 {background:rgba(226,28,200,0.7);color:#fff;}
*/

/* hotel */
.tabss {background-color: #fff;width: 100%;margin: 10px auto;}
.tabss_item { width: calc(100%/2); background-color: #fff;border: 1px solid #000;padding: 10px 0;font-size: 12px;text-align: center;color: #000;display: block;float: left;text-align: center;transition: all 0.2s ease;margin-left: -1px;}
.tabss_item:hover {background: rgba(0,0,0,0.7);color:#fff;cursor:pointer}
input[name="tabss_item"] {display: none;}
.tabss_content {display: none;padding: 10px 0;clear: both;overflow: hidden;}
#aaa:checked ~ #aaa_content,#bbb:checked ~ #bbb_content,#ccc:checked ~ #ccc_content,#ddd:checked ~ #ddd_content,#eee:checked ~ #eee_content,#fff:checked ~ #fff_content,#ggg:checked ~ #ggg_content,#hhh:checked ~ #hhh_content,#iii:checked ~ #iii_content,#jjj:checked ~ #jjj_content,#kkk:checked ~ #kkk_content,#lll:checked ~ #lll_content,#mmm:checked ~ #mmm_content,#nnn:checked ~ #nnn_content {  display: block;}
.tabsss input:checked + .tabss_item {background: rgba(0,0,0,0.7);color: #fff;}

table.bali-hotel-teble01 {width:100%;border:1px solid #ccc;}
table.bali-hotel-teble01 th {width: 20%;text-align:center;padding:10px;background:#f5f5f5;border:1px solid rgba(0,0,0,.05);font-size:14px;}
table.bali-hotel-teble01 td {width: 30%;padding:10px;border:1px solid rgba(0,0,0,.05);font-size:14px;}

table.ishigaki-hotel-teble04 {width:100%;border:1px solid #ccc;margin-top:10px;}
table.ishigaki-hotel-teble04 th {width: 15%;text-align:left;padding:10px;background:#f5f5f5;border:1px solid #ccc;font-size:14px;}
table.ishigaki-hotel-teble04 td {width: 35%;padding:10px;border:1px solid #ccc;font-size:14px;}
table.ishigaki-hotel-teble04 th .table-plan-in-text {border-left: 3px solid rgba(0,0,0,0.7);padding-left: 10px;}


@media (max-width: 705px){
.tabss_item { width: calc(100%/3);}
}

@media (max-width: 600px){
table.ishigaki-hotel-teble04 th {display:block;width: 100%;text-align:center;}
table.ishigaki-hotel-teble04 td {display:block;width: 100%;text-align:center;}
table.ishigaki-hotel-teble04 th .table-plan-in-text {border-left: none;padding-left: 0;}
}

@media (max-width: 580px){
.tabss_item { width: 100%;display:block}
table.bali-hotel-teble01 th {display:block;width: 100%;}
table.bali-hotel-teble01 td {display:block;width: 100%;text-align:center;}
.siteContent>.container>.row {padding:0 10px}
.next-btn {width:90%;margin-bottom:30px;}
.page-btn {margin-bottom:20px;}
.tab_content_description {padding: 30px 5px;}
}



/*　エリア　*/
.page-btn-area {position: relative;background:#fff;color:#000;text-align:center;width:100%;margin:5px auto;font-size:14px; }
.page-btn-area a {background:#fff;color:#000;display: block;border:1px solid #000;padding:10px}
.page-btn-area a:hover {background:rgba(0,0,0,0.7);color:#fff;border:1px solid #000;text-decoration: none;}


.page_top_btn {bottom: 10%;}

.foot-tel {padding:10px 20px;position: fixed; width: 230px;background:#fff;right:0px;bottom: 0px;}
.foot-tel div.contact_txt_catch {font-size: 11px;  line-height: 1.3em;  text-align: left;}
.foot-tel div.contact_txt_tel {font-size: 18px;letter-spacing: 1px;font-weight: 700;}
.foot-tel div.contact_txt_time {font-size: 11px;  line-height: 1.3em;  text-align: left;}

a#tel {position: fixed; width: 100%; height: 50px; text-align: center; line-height: 48px;bottom: 0;display: block;background: #000;border:2px solid #fff;color: #fff;text-align: center;text-decoration: none;font-size:14px;margin:0 auto;z-index: 1;}
a#tel:hover{
  background: rgba(0,102,204,.8);
}
	
@media screen and (min-width: 768px) { 
	a#tel {display: none;}
}
@media screen and (min-width:960px) {
	a#tel {display: none;}
}
@media screen and (max-width: 767px) {
	.foot-tel {display:none;}
} 

/* フォトギャラリー */
section.typeA{display: flex;flex-wrap: wrap;  }
section.typeA .tabLabel {text-align:center;padding: 10px 0;flex: 1;order: -1;border:1px solid #000;transition: .5s ;cursor: pointer;width: 98%;margin: 5px;}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.typeA input {display: none; }
section.typeA .content {width: 100%;height: 0;overflow: hidden;opacity: 0;}
section.typeA input:checked + .tabLabel {color: #fff;background: #000;}
section.typeA input:checked + .tabLabel + .content {height: auto;transition: .5s opacity;opacity: 1;margin: 20px 0;}

h5.photo-style {border:none;margin-top:50px;font-size:16px;}
.photo-style-span {background:#666;color:#fff;padding:5px 20px;}

.photo-style-link {display: inline-block;padding: 5px 20px;font-size:16px;background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(102,102,102,1) 50%);background-position: 0 0;background-size: 200% auto;transition: .3s;color: #666;}
.photo-style-link:hover {background-position: -100% 0;color: #fff;text-decoration: none;}

.photo-btn {text-decoration:none;color:#000;display:block;width:100%;margin:0 auto;border:solid 2px #000;text-align:center;transition:0.5s;position:relative;padding:10px;font-size:18px;}
.photo-btn:before{content:"";display:block;width:10px;height:10px;border-right:solid 3px #000;border-bottom:solid 3px #000;position:absolute;transform:rotate(-45deg);transition:0.5s;right:25px;top:50%;margin-top:-7px;}
.photo-btn:hover{color:#fff;background:rgba(0,0,0,0.7);text-decoration:none;}
.photo-btn:hover:before{border-color:#fff;right:15px;}



@media screen and (max-width: 767px) { 
	section.typeA .tabLabel {flex:none;}
}

.p-gallery-style {}
ul.p-gallery-ul {margin:0;padding:0;}
ul.p-gallery-ul li {list-style: none;font-size:14px;display: inline;}
ul.p-gallery-ul li span {background: rgba(117,27,27,0.4);color: #fff;padding:2px 10px;border-radius: 5px;}


table.photoguide-title {width:100%;margin-bottom:50px;}
table.photoguide-title th {padding:10px;width:20%;border:1px solid rgba(0,0,0,.05);background:rgba(0,0,0,.05);} 
table.photoguide-title td {padding:10px;border:1px solid rgba(0,0,0,.05)}
table.photoguide-title td p {margin-bottom:0 !important}

@media screen and (max-width: 580px) { 
	table.photoguide-title th {display:block;width:100%;}
	table.photoguide-title td {display:block;width:100%;}
}


/* 2022/12/12 追加　*/
.block-title {text-align: center;border-top: 2px solid #000000;border-bottom: 1px solid #000000;padding: 10px;}
.block-img {margin:10px 0}

/* 20230329追加 */

.jp_title_page {text-align:left !important;font-size:12px !important;}
.jp_title_page_01-fee {font-size:18px !important;margin-top:10px;}
.jp_hotel {margin:20px 0;padding:20px}


.single-en_title_page {text-align:center;margin:-10px 0 20px;;}
.single-en_title_page span {border-bottom: 1px dashed #000000;}

.single-jp_title_page {margin:10px;text-align:center;}

@media screen and (max-width: 767px) { 
	h2.single_h2 span { border-bottom:none}
}


  @media (min-width: 576px) {
	.col-sm-2 {flex: 0 0 20.0%; max-width: 20.0%;}
}

.top-01-copy {text-align:center;margin-bottom:50px}
.top-01-title {font-family: 'Libre Baskerville', serif;font-size:36px;padding:20px 0;}
.top-01-text {font-size:24px;font-family: 'Noto Serif JP', serif;margin-bottom:30px}
.top-foogallery {margin:50px 0}
.top-img-03 {margin-bottom:10px;}
.top-text-03-title {font-size:38px;font-weight:bold;font-family: 'Libre Baskerville', serif;margin: 20px;color: #888;letter-spacing: 1.5px;}
.top-text-03-title::first-letter {font-size: 46px;color:#000}

.top-text-03-en {font-size:16px;'Caveat', cursive;margin-bottom:10px;padding:0 10px;}
.cp_box input {display: none;}



.top-text-03 {font-size:16px;font-family: 'Noto Serif JP', serif;margin-bottom:10px;padding:0 10px;}

@media screen and (max-width: 767px) { 
	.top-01-title {font-size:28px;}
	.top-01-text {font-size:18px;}
	.top-text-03-title {font-size:26px;margin: 10px;}
}

@media screen and (max-width: 575.98px) {
	.feature__wrapper {display: flex;  flex-direction: column;}
	.feature-01 {order:1;}
	.feature-02 {order:2;}
	.cp_box *, .cp_box *:before, .cp_box *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
	.cp_box {position: relative;}
	.cp_box label {	position: absolute;z-index: 1;bottom: 0;width: 100%;height: 140px; /* グラデーションの高さ */cursor: pointer;text-align: center;background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);}
	.cp_box input:checked + label {background: inherit; /* 開いた時にグラデーションを消す */}
	.cp_box label:after {line-height: 2.5rem;position: absolute;z-index: 2;bottom: 0;left: 50%;width: 16rem;font-family: FontAwesome;content: '\f13a'' 続きをよむ';transform: translate(-50%, 0);letter-spacing: 0.05em;color: #ffffff;border-radius: 20px;background-color: rgba(27, 37, 56, 1);}
	.cp_box .cp_container {overflow: hidden;height: 220px;transition: all 0.5s;}
	.cp_box input:checked + label {	/* display: none ; 閉じるボタンを消す場合解放 */}
	.cp_box input:checked + label:after {	font-family: FontAwesome;content: '\f139'' 閉じる';}
	.cp_box input:checked ~ .cp_container {	height: auto;	padding-bottom: 80px;transition: all 0.5s;}
}


@media screen and (max-width: 500px) { 
	.top-01-title {font-size:18px;}
	.top-01-text {font-size:14px;}
}
@media screen and (max-width: 380px) { 
	.single-price-02 {font-size:20px;}
	.fs12 {font-size:12px !important;}
}
/* reCAPTCHAバッジを左下に配置 */

.grecaptcha-badge {width: 70px !important;overflow: hidden !important;transition: all 0.3s ease !important; left: 4px !important;}
.grecaptcha-badge:hover { width: 256px !important;}

/* 20250424追加 */
.imgL {float:left;width:calc(100%/2);margin-bottom:10px;}
.imgL .wp-caption {margin-top:0 !important;margin-bottom:10px !important;}

@media screen and (max-width: 500px) { 
	.imgL {display:block;width:100%;}

}
/* top news */
.top-news {margin-top: 20px;  border: 3px double #ff0000; padding: 10px 20px; font-size: 16px;font-family: 'Noto Serif JP', serif !important;}
.campaign-title {font-size: 18px;font-weight:bold;color:#ff0000;text-align:center;margin:10px auto;}
.campaign-text {}

@media screen and (max-width: 575.98px) {
	.top-news {padding:10px;}
}

/* お客様の声 */
.voice-title {margin-bottom:20px;border-bottom: 2px solid rgba(0,0,0,.05);padding: 5px 10px;}
.voice-title-right {float:right;}
.voice-exe {text-align:center;font-size:12px;color:999;}
.voice-com {border:1px solid rgba(0,0,0,.05); border-radius: 20px;padding:20px;letter-spacing: 1.4px;line-height: 1.8;}
table.voice-table {width:100%;border:none;}
table.voice-table th {text-align:left;padding:10px;padding-left:10px;border:none;}
table.voice-table td {text-align:left;padding:10px;border:none;}
table.voice-table td.voice-text-title {text-align:center;background:#eee;padding:10px}
.voice-ext {border-left:10px solid #555;padding-left:15px;}

.voice-hotel-link {position: relative;line-height:36px;color:#4a6299;text-align:center;margin:20px auto;}
.voice-hotel-link a {border: 3px double #666;color:#000;text-decoration: none;display: block;line-height: 1.5; padding: 5px;}
.voice-hotel-link a:hover {text-decoration: none;background: #666; color: #fff;}

.voice-img-star {margin-bottom:10px;}

.page-report-list {padding:20px 10px 0;border:1px solid rgba(0,0,0,.1);border-top:2px solid rgba(0,0,0,.1);border-bottom:2px solid rgba(0,0,0,.1);text-align:center;margin-bottom:10px;box-shadow: 1px 0 2px 0 #ccc inset;}
.page-report-hotel {margin-top:20px;font-weight:bold;text-align:center}
.page-report-title {text-align:center}


@media screen and (max-width: 500px) { 
	table.single-price-table th {display:block;width:100%}
	table.single-price-table td {display:block;width:100%}
}

.voice-page {text-align:center}
.voice-free {font-size: 16px; font-weight: bold; margin-top: 10px;}
.voice-free-number {font-size: 18px; font-weight: bold; margin-top: 10px;}
.voice-free-number-span {font-size: 24px; padding: 0 10px;color: #ff0000;}

/* party */
.hotel-cat {text-align: center;margin: 30px auto 50px; font-size: 18px; color: #666;}

table.wedding-party-table {width:100%;margin:0 auto 50px;border-spacing:0;border-collapse: collapse;border:1px solid #ccc;}
table.wedding-party-table td {padding:10px;border:1px solid #ccc;width:50%;}
table.wedding-party-table td span {border-left:5px solid #666;padding-left:5px}

.hotel-btn {text-align:center;margin-top:30px;}
.btn-animation {display: inline-block;width: 320px;text-align: center;background-color: #888;border: 2px solid #888;font-size: 16px;color: #888;text-decoration: none;font-weight: bold;padding: 10px 24px;border-radius: 4px;position: relative;}
.btn-animation span {position: relative;z-index: 1;color:#888}
.btn-animation::before,.btn-animation::after {content: "";display: block;background-color: #FFF;width: 51%;height: 100%;position: absolute;top: 0;transition: .2s;}
.btn-animation::before {left: 0;}
.btn-animation::after {right: 0;}
.btn-animation:hover:before,.btn-animation:hover:after {width: 0;background-color:}
.btn-animation:hover span {color: #FFF !important;text-decoration: none;}

.ac-center {  -webkit-box-align: center !important;  -ms-flex-align: center !important;  align-items: center !important;}
.hotel-title {text-align:center;}
h3.hotel-title-en {text-align:center;border: none; padding: 0;  margin: 0; color: #aaa; font-size: 24px;line-height:36px;}
.hotel-dai {text-align:center;font-size: 36px;font-weight:bold;}
.hotel-text {margin-top:20px;text-align:center;}

ul.gallery-01, ul.gallery-02, ul.gallery-03, ul.gallery-04, ul.gallery-05 {margin:0;}

ul.gallery-01 li {position: relative;}
ul.gallery-02 li {position: relative;}
ul.gallery-03 li {position: relative;}
ul.gallery-04 li {position: relative;}
ul.gallery-05 li {position: relative;}
.slick-text {/*! position: absolute; */;bottom: 0;left: 0; background: rgba(0,0,0,0.5);width: 98%;padding: 10px;color: #fff;margin:0 auto}

.gallery-photo {text-align:center;}
.gallery-photo .prBlock {margin-bottom:10px;}
.gallery-text {font-size:12px;margin:5px;}


@media (max-width: 740px){
	table.wedding-party-table {width:98%;}
	table.wedding-party-table td {display:block;width:100%;border:none;}
	.hotel-dai {font-size:24px;}
	.hotel-text {margin-top:0;}
	.smb00 {margin-bottom:0 !important;}
	.smb05 {margin-bottom:5px !important;}
	.smb10 {margin-bottom:10px !important;}
	.smb20 {margin-bottom:20px !important;}
	.choice-btn-01 {margin-top:0}
	.gallery-photo .col-sm-4 {width:50%;padding:0 2px}
}

/* popup */
.popup {cursor: pointer;}
.modal {display: flex; align-items: center;  justify-content: center;  position: fixed;  z-index: 1; left: 0; top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8);opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;z-index: 9999;}
.modal-content {display: block;width: 90%;max-width: 70%;}
.modal-content-02 {display: block;max-width: 50%;}
#close { position: absolute;top: 10%;right:10%;color: #ffffff;font-size: 36px; cursor: pointer;}

@media screen and (max-width: 580px) {
	.prBlock .page-btn {margin-bottom: 0;}
	#modal {display:none}
	.popup {cursor: auto;}

}

/* Wedding party 追加 */
.area-area {text-align:center;margin:10px 0;border-top:2px solid #333;padding:5px 10px 0;font-size:14px;}
.plan_category-area {text-align:center;}
.plan_category {display: inline-block;font-size: 12px; border: 1px solid rgba(0,0,0,.3); padding: 2px 10px 5px; margin: 0 2px;color: #333; border-radius: 5px;}