@charset "UTF-8";

/*!
Theme Name: JIN Child
Version: 1.0
Template: jin
*/


/* reset
-----------------------------------------------*/
body {
padding-top: 50px;
color: #333;
font-size: 3.466666vw;
font-family: source-han-sans-simplified-c, sans-serif !important;
font-style: normal;
font-weight: 400;
font-feature-settings: "palt";
background: #fff;
}
@media (min-width:375px){
	body {
	font-size: 13px;
	}
}
@media (min-width:768px){
	body {
	font-size: 14px;
	}
}
@media (min-width:1000px){
	body {
	padding-top: 100px;
	}
}
.header img, .header picture,
.footer img, .footer picture {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.header *,
.footer * {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
line-height: 100%;
}
.header a:link, .header a:visited,
.footer a:link, .footer a:visited {
text-decoration: none;
}


/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.66666vw; }
.fs11 { font-size: 2.93333vw; }
.fs12 { font-size: 3.2vw; }
.fs13 { font-size: 3.46666vw; }
.fs14 { font-size: 3.73333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.2666vw; }
.fs17 { font-size: 4.53333vw; }
.fs18 { font-size: 4.8vw; }
.fs19 { font-size: 5.06666vw; }
.fs20 { font-size: 5.33333vw; }
.fs21 { font-size: 5.6vw; }
.fs23 { font-size: 6.13333vw; }
.fs24 { font-size: 6.4vw; }
@media (min-width:375px){
	.fs9 { font-size: 9px; }
	.fs10 { font-size: 10px; }
	.fs11 { font-size: 11px; }
	.fs12 { font-size: 12px; }
	.fs13 { font-size: 13px; }
	.fs14 { font-size: 14px; }
	.fs15 { font-size: 15px; }
	.fs16 { font-size: 16px; }
	.fs17 { font-size: 17px; }
	.fs18 { font-size: 18px; }
	.fs19 { font-size: 19px; }
	.fs20 { font-size: 20px; }
	.fs21 { font-size: 21px; }
	.fs23 { font-size: 23px; }
	.fs24 { font-size: 24px; }
}

/* familiy */
.ff_avantgarde {
font-family: itc-avant-garde-gothic-pro, sans-serif;
font-weight: 700;
}
.ff_corporate-s {
font-family: corporate-s, sans-serif;
}

/* weight */
.fw400 { font-weight: 400; }
.fw700 { font-weight: 700; }

/* line height */
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }
.lh225 { line-height: 225%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }

/* color */
.fc_base, a.fc_base { color: #333; }
.fc_white, a.fc_white { color: #fff; }
.fc_black, a.fc_black { color: #000; }
.fc_gray01, a.fc_gray01 { color: #676869; }
.fc_green01, a.fc_green01 { color: #8da78a; }
.fc_orange01, a.fc_orange01 { color: #d38f6c; }
.fc_blue01, a.fc_blue01 { color: #206fb3; }

/* decoration */
.deco_line { text-decoration: underline !important; }


/* ========== background ========== */
.bg_white { background: #fff; }
.bg_black01 { background: #333; }
.bg_khaki01 { background: #d3dcd2; }
.bg_pink01 { background: #dec3c0; }
.bg_beige01 { background: #ebe9e3; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block;}
.disp_iblock { display: inline-block; }
.disp_inline { display: inline; }
.disp_none { display: none;}
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.flex_middle { align-items: center;}


/* ========== position ========== */
.posi_relative { position: relative; }
.posi_absolute { position: absolute; }
.posi_fixed { position: fixed; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }

.mt05 { margin-top: 1.33vw; }
.mt10 { margin-top: 2.66vw; }
.mt15 { margin-top: 4vw; }
.mt20 { margin-top: 5.33vw; }
.mt25 { margin-top: 6.66vw; }
.mt30 { margin-top: 8vw; }
.mt40 { margin-top: 10.66vw; }
.mt60 { margin-top: 16vw; }
@media (min-width:375px){
	.mt05 { margin-top: 5px; }
	.mt10 { margin-top: 10px; }
	.mt15 { margin-top: 15px; }
	.mt20 { margin-top: 20px; }
	.mt25 { margin-top: 25px; }
	.mt30 { margin-top: 30px; }
	.mt40 { margin-top: 40px; }
	.mt60 { margin-top: 60px; }
}

.pt0 { padding-top: 0; }
.pt10 { padding-top: 2.66vw; }
.pt15 { padding-top: 4vw; }
.pb0 { padding-bottom: 0; }
.pb10 { padding-bottom: 2.66vw; }
.pb15 { padding-bottom: 4vw; }
.pb60 { padding-bottom: 16vw; }
.ps30 { padding-left: 8vw; padding-right: 8vw; } 
@media (min-width:375px){
	.pt10 { padding-top: 10px; }
	.pt15 { padding-top: 15px; }
	.pb10 { padding-bottom: 10px; }
	.pb15 { padding-bottom: 15px; }
	.pb60 { padding-bottom: 60px; }
	.ps30 { padding-left: 30px; padding-right: 30px; } 
}


/* ========== table ========== */
.thstyle01 {
padding: 2.4vw 2.6vw 2.8vw;
background: #333;
color: #fff;
font-size: 4vw;
font-weight: 700;
}
.cellsize01 {
width: 33.333333%;
}
.cellsize02 {
width: 40%;
}
.cellsize03 {
width: 23%;
}
.cell_nopadding01 {
padding-left: 0;
padding-right: 0;
}
.table_green01,
.table_green01 th,
.table_green01 td {
border-color: #acbeaa;
}
.table_green02,
.table_green02 th,
.table_green02 td {
border: none;
}
.table_green02 th,
.table_green02 td {
padding: 15px 0;
}
.table_green02 th + th,
.table_green02 th + td,
.table_green02 td + th,
.table_green02 td + td {
border-left: 1px solid #fff;
}
.table_green02 tr + tr {
border-top: 1px solid #fff;
}
.table_green02 tr:nth-child(odd) th,
.table_green02 tr:nth-child(odd) td {
background: #d3dcd2;
}
.table_green02 tr:nth-child(even) th,
.table_green02 tr:nth-child(even) td {
background: #ebe9e3;
}
@media (min-width:375px){
	.thstyle01 {
	padding: 8px 10px 12px;
	font-size: 15px;
	}
}


/* ========== border ========== */
.bdr_black01 { border: 1px solid #333; }
.bdr_pink01 { border: 1px solid #dec3c0; }


/* ========== radius ========== */
.corner_radius01, picture.corner_radius01 img { border-radius: 10px; overflow: hidden; }


/* ========== device displaying ========== */
.sp_none { display: none; }
.tab_only { display: none; }
.pc_only{ display: none; }
.lpc_only {	display: none; }
@media (min-width:768px){
	.sp_none { display: block; }
	.sp_only { display: none; }
	.tab_none { display: none; }
	.tab_only { display: block; }
}
@media (min-width:1150px){
	.pc_none{ display: none; }
	.pc_only{ display: block; }
	.tab_none{ display: block; }
	.tab_only { display: none; }
}
@media (min-width:1500px){
	.lpc_none {	display: none; }
	.lpc_only {	display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}



/* common component
-----------------------------------------------*/
/* ========== header ========== */
.header *,
.footer * {
font-size: 3.466666vw;
font-feature-settings: "palt";
letter-spacing: 0.025em;
}
@media (min-width:375px){
	.header *,
	.footer * {
	font-size: 13px;
	}
}
@media (min-width:768px){
	.header *,
	.footer * {
	font-size: 14px;
	}
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: #acbeaa;
z-index: 100;
}
.header_logo {
position: absolute;
top: 11px;
left: calc(50% - 60px);
width: 120px;
}
a.header_booking {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 90px;
height: auto;
}
@media (min-width:1000px){
	.header {
	height: 60px;
	}
	.header_logo {
	top: 14px;
	left: calc(50% - 72px);
	width: 144px;
	}
	a.header_booking {
	top: 11px;
	right: 25px;
	width: 108px;
	height: 36px;
	}
}

/* gnav_btn */
.gnav_btn {
position: absolute;
width: 25px;
top: 21px;
left: 20px;
cursor: pointer;
}
.gnav_btnline {
position: relative;
display: block;
height: 8px;
-webkit-transition: all .4s;
transition: all .4s;
box-sizing: border-box;
}
.gnav_btnline span {
position: absolute;
display: inline-block;
left: 0;
width: 100%;
height: 1px;
background-color: #333;
-webkit-transition: all .4s;
transition: all .4s;
box-sizing: border-box;
}
.gnav_btnline span:nth-of-type(1) {
top: 0;
}
.gnav_btnline span:nth-of-type(2) {
bottom: 0;
}
.gnav_btnline.active span:nth-of-type(1) {
top: 4px;
}
.gnav_btnline.active span:nth-of-type(2) {
bottom: 3px;
}
@media (min-width:1000px){
	.gnav_btn {
	display: none;
	}
}

/* gnav */
.gnav {
position: fixed;
display: none;
width: 100%;
height: 100vh;
top: 50px;
left: 0;
background: #ebe9e3;
overflow-y: auto;
}
.gnav a {
display: block !important;
}
.gnav_main {
padding: 20px 0 0;
}
.gnav_main li {
width: auto;
margin: 0 auto;
font-weight: 600;
}
.gnav_main li:nth-child(even) {
background: #dee0d8;
}
.gnav_main li a {
position: relative;
display: block;
padding: 13px 0 11px 9.6vw;
color: #676869;
font-weight: 700;
}
.lang_en .gnav_main li a {
padding-top: 20px;
}
.gnav_main li a::after {
content: "";
position: absolute;
top: calc(50% - 6px);
right: 10.66vw;
display: block;
width: 6px;
height: 11px;
background: url("/images/gnav-arrow.png") 0 0 / 100% auto no-repeat;
}
.gnav_main li a span {
display: block;
font-size: 8vw;
font-family: itc-avant-garde-gothic-pro, sans-serif;
font-weight: 700;
color: #8da78a;
}
@media (min-width:375px){
	.gnav_main li a {
	padding-left: 36px;
	}
	.gnav_main li a::after {
	right: 40px;
	}
	.gnav_main li a span {
	font-size: 30px;
	}
}
@media (min-width:1000px){
	.gnav {
	top: 60px;
	display: block;
	height: 40px;
	background: #333;
	}
	.gnav_main {
	display: flex;
	justify-content: space-between;
	width: 720px;
	padding: 0;
	margin: 0 auto;
	}
	.gnav_main li {
	height: 40px;
	line-height: 40px;
	background: none !important;
	}
	.gnav_main li a {
	display: inline;
	padding: 0;
	font-family: source-han-sans-simplified-c, sans-serif;
	line-height: 40px;
	color: #dcdcdc;
	font-weight: 400;
	}
	.lang_en .gnav_main li a {
	padding-top: 0;
	}
	.gnav_main li a::after {
	content: none;
	}
	.gnav_main li a span {
	display: none;
	}
	.lang_en .gnav_main li a span {
	display: inline;
	font-size: 14px;
	font-family: corporate-s, sans-serif;
	color: #dcdcdc;
	font-weight: 500;
	}
}

.language {
position: absolute;
top: 15px;
right: 14px;
width: 80px;
z-index: 99;
}
.language_ico {
width: 50%;
}
.language_ico img {
width: 100%;
height: auto;
}
@media (min-width:1000px){
	.language {
	position: fixed;
	top: 67.5px;
	right: 38px;
	z-index: 100;
	}
}


/* ========== footer ========== */
.footer {
margin: 0 auto;
padding: 0;
text-align: center;
}
.footer_main {
margin-top: 5.33vw;
padding: 5.33vw 3.2% 6.93vw;
background: #333333;
}
.footer_main * {
color: #fff !important;
}
.footer_nav ul {
margin-top: -2.66vw;
}
.footer_nav li {
width: 45.33333333vw;
margin-top: 2.66vw;
}
.footer_nav img {
border-radius: 5px;
}
a.footer_logo {
width: 30.66%;
margin: 8.8vw auto 0;
}
.footer_rule,
.footer_address,
.footer_copyright {
margin-top: 6.13vw;
}
.footer_rule,
.footer_rule a {
font-size: 2.93333333vw;
}
.footer_address,
.footer_copyright {
font-size: 3.2vw;
}
@media (min-width:375px){
	.footer_rule,
	.footer_rule a {
	font-size: 11px;
	}
	.footer_address,
	.footer_copyright {
	font-size: 12px;
	}
}
@media (min-width:768px){
	.footer_main {
	margin-top: 0;
	padding: 10px 0 55px;
	}
	.footer_nav {
	width: 428px;
	}
	.footer_nav ul {
	margin-top: 0;
	}
	.footer_nav li {
	width: 204px;
	margin-top: 20px;
	}
	a.footer_logo {
	width: 115px;
	margin-top: 50px;
	}
	.footer_rule a,	.footer_rule, .footer_address, .footer_copyright {
	margin-top: 30px;
	font-size: 13px;
	}
}
@media (min-width:1000px){
	.footer_nav {
	width: 875px;
	}
}

/* main */
#main-contents {
padding-bottom: 18.66vw;
}
.blog-title {
font-size: 9.6vw;
text-align: center;
font-family: itc-avant-garde-gothic-pro, sans-serif;
font-weight: 700;
letter-spacing: 0.025em;
}
.blog-title_top {
padding: 10.66vw 0 9vw;
}
.categoryhead {
box-shadow: none !important;
}
@media (min-width:768px){
	#contents {
	width: 700px;
	margin-top: 0;
	}
	#main-contents {
	width: 100%;
	margin-left: 0;
	padding-bottom: 115px;
	}
	.blog-title {
	font-size: 43px;
	}
	.blog-title_top {
	padding: 50px 0;
	}
}
@media (min-width:1200px){
	#contents {
	width: 700px;
	}
}

/* breadcrumb */
#breadcrumb:after {
background: none !important;
}
#breadcrumb ul {
padding: 20px 0 
}
#breadcrumb * {
color: rgba(0, 0, 0, 0.5) !important;
}
.page-top-footer {
display: none;
}

/* sidebar */
#sidebar {
display: none;
}

/* pagetitle */
.cps-post .cps-post-header .cps-post-title {
line-height: 2.1rem;
font-size: 1.5rem;
font-weight: 700;
}

/* update */
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
margin-bottom: 15px;
}

/* h2 */
.h2-style01 h2 {
margin: 1.4rem -15px 2rem;
padding: 0 30px;
line-height: 3rem;
font-size: 1.25rem;
}