@charset "utf-8";
.information{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-left : 2em;
	margin-bottom : 100px;
}
.information p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 18px;
}
.information p:last-child{
	text-align : right;
	font-size : 16px;
}
.prices .image-button{
	margin : 50px 0 0 auto;
}
/* # =================================================================
#### tab
# ================================================================= */
.tab-container{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	width : 100%;
}
input[name="tab-item"]{
	display : none;
}
.tab-label{
	position : relative;
	display : flex;
	align-items : center;
	justify-content : center;
	flex : 1;
	height : 70px;
	background-color : #FDE4BD;
	color : #992200;
	font-size : 25px;
	font-weight : 600;
	cursor : pointer;
	border-radius : 20px 20px 0 0;
	transition : all 0.2s ease;
}
.tab-label:last-of-type{
	background-color : #82D9A4;
	color : #FFF;
}
#tab1:checked ~ .label1,
#tab2:checked ~ .label2,
#tab3:checked ~ .label3{
	background-color : #FFC054;
}
#tab4:checked ~ .label4{
	background-color : #007343;
	color : #FFF;
}
.tab-container::after{
	content : "";
	position : absolute;
	top : 70px;
	left : 0;
	width : 100%;
	height : 15px;
	background-color : #FFC054;
	z-index : 1;
}
.tab-container:has(#tab4:checked)::after{
	background-color : #007343;
}
.tab-content{
	display : none;
	width : 100%;
	padding : 40px;
	background-color : #FFF;
	border-radius : 0 0 15px 15px;
	box-shadow : 0 10px 30px rgba(0, 0, 0, 0.1);
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4{
	display : block;
}


.scroll-wrapper{
	position : relative;
	width : 100%;
}
.scroll-image{
	width : 100%;
	overflow-x : auto;
	overflow-y : hidden;
	-webkit-overflow-scrolling : touch;
	cursor : grab;
}
.scroll-image.is-grabbing{
	cursor : grabbing;
}
.scroll-image table{
	width : max-content;
	min-width : 1000px;
}
/* # =================================================================
#### prices-style
# ================================================================= */
#prices-style{
	
}
#prices-style .heade-info{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
	padding-left : 2em;
}
#prices-style .heade-info p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 18px;
}

#prices-style .content{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
	padding-left : 2em;
}
#prices-style .content h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #992200;
	font-size : 25px;
	font-weight : 600;
	margin-bottom : 10px;
}
#prices-style .content p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 18px;
	padding-left : 1em;
	margin-bottom : 20px;
}
#prices-style .content p:last-child{
	margin-bottom : 0;
}


#prices-style dl{
	position : relative;
	width : 630px;
	overflow : hidden;
	padding-left : 1em;
	margin-bottom : 30px;
}
#prices-style dt{
	position : relative;
	display : flex;
	align-items : center;
	margin : 0;
	padding : 10px 0 10px 1.5em;
	line-height : 1;
	font-size : 18px;
}
#prices-style dt::after{
	content : "";
	position : absolute;
	top : 50%;
	left : 3em;
	width : 100%;
	height : 0;
	border-bottom : 2px dotted #333;
	z-index : 1;
	transform : translateY(-50%);
}
#prices-style dt::before{
	content : "◼︎";
	position : absolute;
	line-height : 1;
	color : #992200;
	font-size : 30px;
	left : 0;
}
#prices-style dt span.cocoiro-inline-span{
	position : relative;
	background-color : #FFF;
	padding-right : 2px;
	z-index : 2;
}
#prices-style dd{
	position : relative;
	display : flex;
	justify-content : flex-end;
	font-size : 18px;
	margin : 0;
	margin-top : -44px;
	padding : 10px 0;
	z-index : 4;
}
#prices-style dd span.cocoiro-inline-span{
	background-color : #FFF;
	padding-left : 2px;
}
#prices-style dd p{
	margin : 0;
}
#prices-style .content:nth-last-of-type(2) dt:last-of-type::after{
	border : none;
}

#prices-style .credit{
	position : relative;
	display : block;
	width : 250px;
	height : auto;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
	width : 100% !important;
}
#prices-style .credit a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
#prices-style .credit a:hover{
	opacity : 0.5;
}
#prices-style .credit img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}

/* # =================================================================
#### 横スクロール
# ================================================================= */
.scroll-wrapper{
	position : relative;
	width : 100%;
	overflow : hidden;
}
.scroll-image{
	width : 100%;
	-webkit-overflow-scrolling : touch;
}
.scroll-image table,
.scroll-image .tablepress{
	width : 100%;
	max-width : 100%;
}
.scroll-wrapper::after,
.scroll-hint-img {
	display : none;
}
/* # =================================================================
#### table
# ================================================================= */
#content1 .tablepress tbody td,
#content2 .tablepress tbody td,
#content3 .tablepress tbody td{
	color : var(--font-color);
	font-weight : 600;
	text-align : center;
	vertical-align : middle;
	border-right : 1px solid #992200;
	border-bottom : 1px solid #992200;
}
#content4 .tablepress tbody td{
	color : var(--font-color);
	font-weight : 600;
	text-align : center;
	vertical-align : middle;
	border-right : 1px solid #007343;
	border-bottom : 1px solid #007343;
}

#content1 .tablepress tbody tr.row-1 td.column-6,
#content1 .tablepress tbody td.column-9,
#content2 .tablepress tbody tr.row-1 td.column-5,
#content2 .tablepress tbody td.column-8,
#content3 .tablepress tbody td.column-7,
#content3 .tablepress tbody td.column-10,
#content4 .tablepress tbody tr.row-1 td.column-6,
#content4 .tablepress tbody td.column-9{
	border-right : none;
}

#content1 .tablepress tbody tr.row-1,
#content2 .tablepress tbody tr.row-1,
#content3 .tablepress tbody tr.row-1{
	background-color : #FFEDD7;
}
#content4 .tablepress tbody tr.row-1{
	background-color : #D4E2D0;
}

#content1 .tablepress tbody tr.row-2,
#content2 .tablepress tbody tr.row-2,
#content3 .tablepress tbody tr.row-2{
	border-bottom : 3px solid #992200;
	background-color : #FFEDD7;
}
#content4 .tablepress tbody tr.row-2{
	border-bottom : 3px solid #007343;
	background-color : #D4E2D0;
}

#content1 .tablepress tbody tr.row-1,
#content2 .tablepress tbody tr.row-1,
#content3 .tablepress tbody tr.row-1{
	border-top : 3px solid #992200;
}
#content4 .tablepress tbody tr.row-1{
	border-top : 3px solid #007343;
}

#content1 .tablepress tbody tr.row-6,
#content2 .tablepress tbody tr.row-6,
#content2 .tablepress tbody tr.row-12,
#content3 .tablepress tbody tr.row-4,
#content3 .tablepress tbody tr.row-5,
#content3 .tablepress tbody tr.row-8{
	border-bottom : 3px solid #992200;
}
#content4 .tablepress tbody tr.row-6{
	border-bottom : 3px solid #007343;
}

#content1 .tablepress tbody tr.row-1 td.column-4,
#content2 .tablepress tbody tr.row-1 td.column-6{
	border-bottom : 1px solid #992200;
}

/***** content1 *****/
#content1 .tablepress tbody tr.row-1 td.column-3{
	text-align : center;
}
#content1 .tablepress tbody td.column-3{
	text-align : left;
}

/***** content2 *****/
#content2 .tablepress tbody tr.row-3 td.column-1 span,
#content2 .tablepress tbody tr.row-7 td.column-1 span{
	display : block;
	text-align : left;
	font-size : 14px;
}
#content2 .tablepress tbody tr.row-3 td.column-1 br,
#content2 .tablepress tbody tr.row-7 td.column-1 br{
	display : none;
}
#content2 .tablepress tbody tr.row-1 td.column-2{
	text-align : center;
}
#content2 .tablepress tbody td.column-2{
	text-align : left;
}


/***** content3 *****/
#content3 .tablepress tbody tr.row-6 td.column-1{
	writing-mode : vertical-lr;
}
#content3 .tablepress tbody tr.row-1 td.column-4{
	text-align : center;
}
#content3 .tablepress tbody .column-4{
	text-align : left;
}

/***** content4 *****/
#content4 .tablepress tbody tr.row-3 td.column-1{
	writing-mode : vertical-lr;
}
#content4 .tablepress tbody tr.row-1 td.column-3{
	text-align : center;
}
#content4 .tablepress tbody .column-3{
	text-align : left;
}

/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1400px
# ================================================================= */
@media screen and (max-width: 1400px){
#prices-style .content h4{
	font-size : 22px;
}
#prices-style .content p{

}












}/*** 1400px ***/
/* # =================================================================
#### 1240px
# ================================================================= */
@media screen and (max-width: 1240px){
.tab-label{
	font-size : 20px;
}



table#tablepress-1{
	width : 1000px;
}
/* # =================================================================
#### 横スクロール
# ================================================================= */
.scroll-image table,
.scroll-image .tablepress{
	width : 1000px;
	min-width : 1000px;
	max-width : none;
}
.scroll-image{
	overflow-x : auto;
	cursor : grab;
	-webkit-user-select : none; /* Safari */
	-ms-user-select : none;     /* IE10+ */
	user-select : none;         /* 標準ブラウザ */
}
.scroll-image.is-grabbing{
	cursor : grabbing;
}.scroll-hint-img {
	display : block;
}
.scroll-hint-img{
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%);
	z-index : 3;
	pointer-events : none;
	user-select : none;
	-webkit-user-drag : none;
	transition : opacity 0.5s, visibility 0.5s;
	width : 80px;
}
.scroll-hint-img img{
	width : 100%;
	height : auto;
	opacity : 0.8;
}
#prices-style .credit{
	margin : 30px auto 0;
}




}/*** 1240px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
#prices-style dl{
	width : 100%;
}
.tab-label{
	font-size : 16px;
}
}/*** 896px ***/
/* # =================================================================
#### 700px
# ================================================================= */
@media screen and (max-width: 700px){










}/*** 700px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.information{
	padding-left : 0;
}
#prices-style .heade-info{
	padding-left : 0;
	margin-bottom : 30px;
}



#prices-style .heade-info p{
	font-size : 16px;
}
#prices-style .content{
	padding-left : 0;
	margin-bottom : 30px;
}
#prices-style .content h4{
	font-size : 20px;
}
#prices-style .content p{
	font-size : 16px;
	padding-left : 0;
}
#prices-style dl{
	padding-left : 0;
}
#prices-style dt{
	display : grid;
	font-size : 16px;
	padding : 5px 0 5px 1.8em;
}
#prices-style dt span.cocoiro-inline-span{
	width : fit-content;
}
#prices-style dt span.cocoiro-inline-span:has(+ .block){
	top : 6px;
}
#prices-style dt span.cocoiro-inline-span.block{
	font-size : 12px;
	top : 10px;
	left : -9px;
	padding-bottom : 4px;
}
#prices-style dt::before{
	z-index : 10;
}
#prices-style dd{
	font-size : 16px;
	margin-top : -38px;
}
#prices-style dd.top{
	margin-top : -45px;
}



.tab-label{
	flex : auto;
	width : 50%;
	border-radius : 0;
}
.tab-container::after{
	content : none;
}

}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){
#prices-style .heade-info{
	padding-left : 0.5em;
}
#prices-style .content{
	padding-left : 0;
}






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

}/*** 320px ***/