/*
* Theme Name: kajikano-yu-golf2026
* Version: 1.5 (40th)
* Author: K.Yamada（kaokaori@me.com）
* Description: KAJIKA NO YU GOLF  Theme
*/

@import url('//use.typekit.net/vjr3une.css'); /*chalfont 700 900*/

/*	RESETS NL4.0.0base
============================== */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
ol, ul, li { list-style: none; }
a img, form, fieldset { border: none; }
input, button, select { vertical-align: middle; }
textarea { vertical-align: top; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .dpb { display: block; }
audio, canvas, progress { display: inline-block; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, .nt, .alt { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }
a:hover { text-decoration: none; }
abbr { cursor: help; border-bottom: 1px dotted #bbb; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong, .bt { font-weight: 700; }
.bbt { font-weight: 900; }
dfn, .itlc { font-style: italic; }
mark { background: yellow; color: black; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
optgroup { font-weight: bold; }
button, input, select { overflow: visible; } /*Edge, IE*/
button, input, select, textarea { margin: 0; } /*Firefox and Safari*/
button, select { text-transform: none; } /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
[disabled] { cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /*Edge and IE ...etc*/
textarea { overflow: auto; } /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /*Chrome*/
[type="search"] { -webkit-appearance: textfield; } /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*Chrome and Safari on OS X*/
pre { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; display: table;}
q:after, blockquote:after { clear: both; }
q::after, blockquote::after { content: ""; display: block; clear: both;}
.clearfix:before, .clearfix:after { content: ""; content: none; display: table;}
.clearfix:after { clear: both; }
.clearfix::after { content: ""; display: block; clear: both;}
.tCenter, .ct { text-align: center;}
.tLeft, .lt { text-align: left;}
.tRight, .rt { text-align: right;}
@media print { .noprint { display: none;} }
/*txt*/
.nt { display: none;}
.bt { font-weight: bold; font-weight: 600;}
.ut { font-weight: lighter;}
.br_rsmp, .br_wsmp, .br_tablet, .br_pc, .br_wpc, .br_bwpc, .br_rsmpi, .br_wsmpi, .br_tableti, .br_pci, .br_wpci, .br_pci, .br_bwpci { display: none; }
.br_smp { display: -webkit-block; display: block; }
.br_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.br_smp, .br_smpi { display: none; } 
.br_rsmp { display: -webkit-block; display: block; } 
.br_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 640px) { 
.br_rsmp, .br_rsmpi { display: none; } 
.br_wsmp { display: -webkit-block; display: block; } 
.br_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.br_wsmp, .br_wsmpi { display: none; } 
.br_tablet { display: -webkit-block; display: block; } 
.br_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.br_tablet, .br_tableti { display: none; } 
.br_pc { display: -webkit-block; display: block; } 
.br_pci { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1200px) { 
.br_pc, .br_pci { display: none; } 
.br_wpc { display: -webkit-block; display: block; } 
.br_wpci { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1400px) { 
.br_wpc, .br_wpci { display: none; } 
.br_bwpc { display: -webkit-block; display: block; } 
.br_bwpci { display: -webkit-inline; display: inline; } 
}
br { letter-spacing: 0; }
.ct { text-align: center;}
.lt { text-align: left;}
.rt { text-align: right;}
.sdt { text-shadow: 4px 4px 4px rgba(0, 32, 129, .8);}
/*_size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f170 { font-size: 180%;}
.f160 { font-size: 160%;}
.f150 { font-size: 150%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120, .big { font-size: 120%;}
.f115 { font-size: 115%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f95 { font-size: 95%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f82 { line-height: normal; font-size: 82% !important;}
.f80 { line-height: normal; font-size: 80% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.f64 { line-height: normal; font-size: 64% !important;}
.f60 { line-height: normal; font-size: 60% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.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%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.pd0 { padding: 0;}
.pd1 { padding: 1em;}
.pdtb1 { padding: 1em 0;}
.pdt1 { padding-top: 1em;}
.pdt3 { padding-top: 3em;}
.pdt0 { padding-top: 0;}
.pdt05 { padding-top: .5em;}
.pdb05 { padding-bottom: .5em;}
.pdb0 { padding-bottom: 0;}
.pdb1 { padding-bottom: 1em;}
.pdb3 { padding-bottom: 3em;}
.pdl1 { padding-left: 1em;}
.pd05 { padding: .5em;}
.mgat { margin: auto;}
.mgtb1 { margin: 1em auto;}
.ls-1 { letter-spacing: -.1em;}
.ls-2 { letter-spacing: -.2em;}
.ls-05 { letter-spacing: -0.05em;}
.ls-075 { letter-spacing: -0.075em;}
.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: .1em;}
.ls2 { letter-spacing: .2em;}
/*color*/
.black { color: rgba(0, 0, 0, 1);}
.col1 { color: rgba(255, 142, 11, 1);}
.col2 { color: rgba(208, 112, 0, 1);}
.red { color: rgba(218, 0, 0, 1);}
a .red { color: rgba(237, 42, 42, 1); font-weight: bold;}
.komet { color: rgba(0, 99, 142, .8);}
a { text-decoration: none;}
a:link { color: rgba(218, 0, 0, 1);}
a:visited { color: rgba(218, 0, 0, 1);}
a:active { color: rgba(0, 0, 0, 1);}
a:hover { color: rgba(255, 30, 30, 1);}

/*etc*/
@media print { .noprint { display: none;} }
.cover { width: 100%; height: 100%; background: url(images/cover.png) repeat; display: block; position: absolute; top: 0; left: 0; }
.cover img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.nt_txt { font-size: 0; width: 0; height: 0; overflow: hidden; opacity: 0;}
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 2500ms;}
/*blur*/
.blur_el { backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); will-change: backdrop-filter, transform;}


/*	COMMON
============================== */
html { overflow-y: visible; min-height: 100%;}
body { width: 100%; position: relative; margin: 0!important; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); font-family: "noto-sans-cjk-jp", sans-serif; font-weight: 400; font-style: normal; position: relative; z-index: 0; overflow-x: hidden;}
body.fixed { position: fixed; width: 100%; height: 100%; left: 0;}
/*main*/
.container { box-sizing: border-box; width: 100%; min-height: 100vh; font-size: 80%; margin: 0 auto; position: relative; z-index: 10;}
/*for_W480-*/
@media (min-width: 480px) { 
.container { font-size: 90%;}
}
/*for_W640-*/
@media (min-width: 640px) { 
.container { font-size: 95%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
.container { font-size: 100%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.container { font-size: 110%;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
.container { font-size: 120%;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
.container { font-size: 130%;}
}
/*for_W1300-*/
@media (min-width: 1300px) { 
.container { font-size: 140%;}
}
/*for_W1400-*/
@media (min-width: 1400px) { 
.container { font-size: 150%;}
}

/*	btn
============================== */
.btn_set { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; position: relative; z-index: 100;}
.btn_set .btn_sp { width: 48.5%; flex-basis: 48.5%; }
.btn_set .btn { width: 100%; height: 0; padding-top: 60%; position: relative;}
.btn_set .btn a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 12px;}
.btn_set .btn_entry a { background: rgba(60, 157, 0, 0); background-image: linear-gradient( 132deg, rgba(60, 157, 0, .6), rgba(60, 167, 0, .9) );}
.btn_set .btn_trial a { background: rgba(255, 142, 11, 0); background-image: linear-gradient( 132deg, rgba(255, 142, 11, .6), rgba(255, 162, 11, .9) );}
.btn_set .btn a:hover { opacity: .7;}
.btn_set .btn a .btn_txt { display: block; width: 100%; text-align: center; font-size: 88%; line-height: 110%; font-weight: 600; color: rgba(255, 255, 255, 1); position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
/*for_W1000-*/
@media (min-width: 1000px) { 
.btn_set .btn { padding-top: 50%;}
}

/*	header
============================== */
#header_sp { box-sizing: border-box; width: 100%; padding: .5em; background: rgba(255, 255, 255, 1);}
#header_set { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#header_set .logo { width: 60%; max-width: 500px;}
#header_set .logo .logo_img { width: 100%; height: 0; padding-top: 15.57377049%; padding-top: -webkit-calc(76 / 488 * 100%); padding-top: calc(76 / 488 * 100%); background-repeat: no-repeat; background-size: contain;}
#header_sp .btn_set { width: 39%; max-width: 380px;}
/*for_W768-*/
@media (min-width: 768px) { 
#header_set .logo { width: 42%;}
#header_sp .btn_set { width: 26%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#header_sp { padding: 1em .5em;}
#header_set .logo { width: 36%;}
#header_sp .btn_set { width: 26%;}
}

/*	navi
============================== */
#nav_s { width: 100%; background-color: rgba(255, 255, 255, .3); border-radius: 0 0 20px 20px; padding: 1.25em 0; text-align: center;}
#nav_s ul { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
#nav_s li { text-align: center; padding: 0 1em; line-height: 100%; font-size: 95%;}
#nav_s li:nth-child( 2) { border-left: 1px solid rgba(255, 255, 255, .6); border-right: 1px solid rgba(255, 255, 255, .6);}
#nav_s li a { color: rgba(106, 232, 29, 1); position: relative; z-index: 10000;}
#nav_s li a:hover { opacity: .8;}
/*for_W1000-*/
@media (min-width: 1000px) { 
#nav_s { width: 36%; background-color: rgba(255, 255, 255, 0); font-size: 85%; margin: -5em 0 0 37%;}
#nav_s li:nth-child( 2) { border-left: 1px solid rgba(0, 0, 0, .6); border-right: 1px solid rgba(0, 0, 0, .6);}
#nav_s li a { color: rgba(60, 157, 0, 1);}
}

/*	footer
============================== */
#footer_sp { box-sizing: border-box; width: 100%; background-color: rgba(255, 255, 255, 1); padding: 2.5em 0 0 0;}
#footer_sp a { color: rgba(60, 157, 0, 1);}
#footer_sp a:hover { opacity: .8;}
#footer_set { width: 90%; max-width: 1280px; margin: 0 auto 1em auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#footer_set .btn_set { width: 40%; max-width: 280px;}
#footer_lnk { width: 58%; font-size: 90%;}
#footer_lnk .smlbtm { padding-bottom: .5em;}
#footer_lnk ul { display: flex; flex-flow: row nowrap; align-items: center;}
#footer_lnk li { text-align: center; padding: 0; line-height: 100%; font-size: 95%;}
#footer_lnk li:nth-child(2) { border-left: 1px solid rgba(0, 0, 0, .35); border-right: 1px solid rgba(0, 0, 0, .35); padding: 0 .5em;}
#footer_lnk li:nth-child(1) { padding: 0 .75em 0 0;}
#footer_lnk li:nth-child(3) { padding: 0 0 0 .75em;}
#footer_logoset { text-align: center; font-size: 90%; color: rgba(255, 142, 11, 1); font-weight: 600; padding: 3em 0;}
#footer_logoset .logomark { width: 8%; max-width: 60px; margin: 0 auto .75em auto;}
#footer_logoset .logomark .logomark_img { width: 100%; height: 0; padding-top: 79.31034483%; padding-top: -webkit-calc(46 / 58 * 100%); padding-top: calc(46 / 58 * 100%); background-repeat: no-repeat; background-size: contain;}
#footer_sp #footer_btm { width: 100%; padding: 1.5em 0; background: linear-gradient(180deg, rgba(60, 157, 0, .1) 0%, rgba(60, 157, 0, .1) 1%, rgba(60, 157, 0, .02) 100%); text-align: center; font-size: 90%;}
/*for_W1000-*/
@media (min-width: 1000px) { 
#footer_set { justify-content: center;}
#footer_set .btn_set { width: 30%;}
#footer_lnk { width: 65%; font-size: 86%; display: flex; flex-flow: row nowrap; align-items: center;}
#footer_lnk .smlbtm { padding-bottom: .1em; line-height: 100%; padding-right: 1em; margin-right: 1em; border-right: 1px solid rgba(0, 0, 0, .35);}
#footer_lnk li:nth-child(2) { padding: 0 1em;}
}

/*	contents
============================== */
#contents { width: 100%; overlow-x: hidden; position: relative;}
#contents .fix_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: top center; z-index: -1;}
#contents h2 { display: block; text-align: center; padding: 1em 0; font-size: 120%;}
#contents h2 .udl { padding-bottom: .25em; border-bottom: 10px solid rgba(100, 100, 100, .1);}
#contents h3 { display: block; text-align: center; padding: 1em 0; font-size: 130%;}
.white_bg { width: 100%; background-color: rgba(255, 255, 255, 1);}

/*intro*/
#intro_sp { width: 100%; margin: 1em auto; position: relative; z-index: 1; color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 90%;}
#intro_txt { box-sizing: border-box; width: 100%; padding: 2em 5%; background-color: rgba(60, 157, 0, .3);}
#intro_txt p { max-width: 1280px; margin: 0 auto; line-height: 200%; white-space: nowrap; padding: .5em 0;}
/*_kajikano-yu*/
#kajikanoyu_all { width: 90%; max-width: 1280px; margin: 2em auto; display: flex; flex-flow: row-reverse nowrap; justify-content: space-between; align-items: center;}
#kajikanoyu_txt { box-sizing: border-box; width: 60%; line-height: 200%; white-space: nowrap;}
#kajikanoyu_sp { box-sizing: border-box; width: 38%; border-radius: 5px; border: 4px solid rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);}
#kajikanoyu_img { width: 100%; height: 0; padding-top: 56.25%; background-repeat: no-repeat; background-size: contain;}
/*for_W768-*/
@media (min-width: 768px) { 
#kajikanoyu_txt { font-size: 130%; letter-spacing: .1em;}
#kajikanoyu_sp { box-sizing: border-box; width: 46%;}
#intro_txt { font-size: 110%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#intro_sp { font-size: 100%; letter-spacing: .1em;}
#kajikanoyu_sp { margin-top: 1em;}
}

/*news*/
#news { box-sizing: border-box; width: 100%; background-color: rgba(255, 255, 255, 1); padding: 1em 3.5%;}
#news_sp { box-sizing: border-box; width: 100%; max-width: 1280px; margin: 1em auto; padding: 0 1em 1.5em 1em; border: 1px solid rgba(60, 157, 0, 1); text-align: center; position: relative;}
#news_sp h2 { display: inline-block; color: rgba(60, 157, 0, 1); font-size: 85%; padding: 0; background-color: rgba(255, 255, 255, 1); padding: 0 1em; position: absolute; top: -1em; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
#news_sp .news { width: 100%; padding: 2em 0 0 0; text-align: left;}
#news_sp .news li { width: 100%; display: flex; flex-flow: row nowrap; padding-bottom: .5em; font-size: 95%;}
#news_sp .news li .news_date { color: rgba(60, 157, 0, 1); padding-right: 1em;}
#news_sp .news li .news_txt { font-weight: bold;}
#news_sp .news li .news_txt a { position: relative; z-index: 1000;}
#news_sp .news li .news_txt a:hover { opacity: .75;}
/*for_W1000-*/
@media (min-width: 1000px) { 
#news_sp .news { box-sizing: border-box; padding: 2em 2em 0 2em;}
#news_sp .news li { letter-spacing: .05em;}
}

/*about, entry*/
#about, #entry, #access { box-sizing: border-box; padding: 1.5em 5% 2em 5%;}
#about h2 { color: rgba(208, 112, 0, 1);}
#about h2 .udl { border-bottom: 10px solid rgba(255, 142, 11, .2);}
#entry h2, #access h2 { color: rgba(43, 114, 0, 1);}
#entry h2 .udl, #access h2 .udl { border-bottom: 10px solid rgba(43, 114, 0, .2);}
/*_info*/
#golfnavi_info { width: 100%; max-width: 1280px; margin: 1em auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
#golfnavi_sp { width: 70%; margin: 1em auto;}
#golfnavi_img { width: 100%; height: 0; padding-top: 88.88888889%; padding-top: -webkit-calc(1000 / 1125 * 100%); padding-top: calc(1000 / 1125 * 100%); background-repeat: no-repeat; background-size: contain;}
#golfnavi_txt { line-height: 200%; padding: .5em 0; font-size: 96%;}
/*for_W768-*/
@media (min-width: 768px) { 
#golfnavi_info { flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#golfnavi_sp { width: 40%; margin: 1em 0;}
#golfnavi_txt { width: 58%; font-size: 90%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#golfnavi_sp { width: 31%;}
#golfnavi_txt { width: 68%;}
}
/*_charm*/
#golfnavi_charm { box-sizing: border-box; width: 100%; max-width: 1280px; margin: 1em auto; padding: .75em; background: linear-gradient(180deg, rgba(255, 142, 11, 0), rgba(255, 142, 11, .15));}
#golfnavi_charm ul { display: flex; flex-flow: row wrap;}
#golfnavi_charm li { box-sizing: border-box; width: 100%; margin-bottom: .35em; background-color: rgba(255, 255, 255, 1); padding: .75em;}
.charm_set { display: flex; flex-flow: row nowrap; align-items: center;}
.charm_sp { width: 39%;}
.charm_img { width: 100%; height: 0; padding-top: 70%; padding-top: -webkit-calc(630 / 900 * 100%); padding-top: calc(630 / 900 * 100%); background-repeat: no-repeat; background-size: contain;}
.charm_title { box-sizing: border-box; text-align: left; padding-left: 3%; font-size: 110%; font-weight: bold; white-space: nowrap;}
.charm_txt { font-size: 90%; padding: .5em 0 0 0;}
/*for_W768-*/
@media (min-width: 768px) { 
#golfnavi_charm h3 { tex-align: center;}
#golfnavi_charm ul { display: flex; flex-flow: row nowrap; justify-content: space-between;}
#golfnavi_charm li { width: 32%;}
.charm_set { flex-flow: row wrap;}
.charm_sp { width: 100%;}
.charm_img { border-radius: 24px;}
.charm_title { text-align: center; padding-left: 3%; font-size: 90%; margin: .5em auto;}
.charm_txt { font-size: 80%; padding: 0;}
}
/*_recom*/
#golfnavi_recom { width: 100%; max-width: 1280px; margin: 1em auto;}
#ecom_all { width: 100%; margin: 0 auto; display: flex; flex-flow: row wrap;}
.ecom_set { width: 100%; padding-bottom: 1.5em; border-bottom: 2px dotted rgba(255, 142, 11, 1);}
.ecom_set h4 { font-size: 110%; font-weight: bold; padding: 1em 0 1em 32px; position: relative;}
.ecom_set h4:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 1.1em; left: 0; background-repeat: no-repeat; background-size: contain;}
#ecom1 h4:before { background-image: url(images/icons1.png);}
#ecom2 h4:before { background-image: url(images/icons2.png);}
#ecom3 h4:before { background-image: url(images/icons3.png);}
#ecom4 h4:before { background-image: url(images/icons4.png);}
.ecom_txt { padding-left: 32px; line-height: 160%; font-size: 96%;}
/*for_W768-*/
@media (min-width: 768px) { 
#ecom_all { justify-content: space-between;}
.ecom_set { width: 48%;}
.ecom_set h4 { font-size: 100%;}
.ecom_txt { font-size: 88%;}
}
/*_service*/
#service_all { box-sizing: border-box; width: 100%; max-width: 1280px; margin: 2.5em auto 0 auto; border-radius: 24px; border: 1px solid rgba(255, 142, 11, 1); padding: 1.35em;}
#service_all h4 { text-align: center; font-size: 110%; font-weight: bold; padding: 0; color: rgba(255, 142, 11, 1);}
#service_set { width: 100%; margin: 1em auto 0 auto; display: flex; flex-flow: row-reverse nowrap; justify-content: space-between;}
#service_sp { width: 36%;}
#service_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-size: contain;}
#service_txt { width: 60%; font-size: 90%;}
#service_txt dt { font-weight: bold; padding-bottom: .5em; font-size: 110%;}
#service_txt dd { line-height: 170%;}
/*for_W768-*/
@media (min-width: 768px) { 
#service_all { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 1em;}
#service_all h4 { width: 22%; text-align: right; font-size: 90%; white-sapce: nowrap;}
#service_set { width: 75%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#service_sp { width: 26%;}
#service_txt { width: 70%;}
#service_txt dd { font-size: 90%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#service_all h4 { width: 25%; font-size: 110%;}
#service_set { width: 72%;}
#service_txt dt { font-size: 120%;}
}
/*_entry*/
#entry_txt { text-align: center; padding: 2em 0; font-size: 95%; letter-spacing: .1em;}
#entry .kiyaku_txt { position: relative; z-index: 100; text-align: center; font-weight: bold; letter-spacing: .1em; padding-bottom: 1em;}
#entry a { color: rgba(43, 114, 0, 1);}
#entry .btn_set { width: 80%; max-width: 280px; margin: 1em auto;}
#entry .btn_set .btn { padding-top: 40%;}
/*for_W1000-*/
@media (min-width: 1000px) { 
#entry .btn_set { max-width: 320px;}
}
/*_access*/
#access #add_sp { width: 100%; max-width: 1280px; margin: 2em auto 0 auto; display: flex; flex-flow: row wrap;}
#access #map_sp { width: 100%; margin: 0 auto;}
#access #map { box-sizing: border-box; width: 100%; height: 0; padding-top: 56.25%; border: 6px solid rgba(60, 157, 0, .6); position: relative; overflow: hidden;}
#access #map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#access #add_txt { box-sizing: border-box; width: 100%; padding: .5em 0; font-size: 90%;}
#access #add_txt .nametxt { text-align: center; font-size: 130%; font-weight: bold; letter-spacing: .05em;}
#access #add_txt .dttxt { text-align: left; letter-spacing: .05em; padding: 1em 0;}
#access #add_txt .transport { box-sizing: border-box; width: 100%; border: 1px dashed rgba(0, 0, 0, 1); padding: 1.25em 1em; font-size: 90%; margin-bottom: 1em;}
#access #add_txt .tp { padding: .5em 0; padding-left: 21px; position: relative;}
#access #add_txt .tp:before { content: ''; width: 18px; height: 18px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0;}
#access #add_txt #tp1:before { top: .5em; background-image: url(images/transport1.png);}
#access #add_txt #tp2:before { top: .35em; background-image: url(images/transport2.png);}
#access #add_txt .hours dl { font-size: 110%;}
#access #add_txt .hours dt, #access #add_txt .hours dd { padding-bottom: .5em;}
#access #add_txt .hours dd { padding-left: 1em; line-height: 180%;}
#access #add_txt .hours .fldl { display: flex; flex-flow: row nowrap; align-items: center;}
/*for_W1000-*/
@media (min-width: 1000px) { 
#access #add_sp { flex-flow: row-reverse nowrap; margin: 2em auto;}
#access #map_sp { width: 40%; padding-top: .5em;}
#access #add_txt { width: 56%; padding: 0 0 .5em 0; font-size: 80%;}
#access #add_txt .nametxt { text-align: left;}
#access #add_txt .dttxt { padding: .5em 0;}
#access #add_txt .transport { border: 1px dashed rgba(0, 0, 0, 1); padding: .5em 1em; font-size: 85%; margin-bottom: 1em; line-height: 130%;}
#access #add_txt .tp { padding: .25em 0; padding-left: 21px; position: relative;}
#access #add_txt .tp:before { content: ''; width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0;}
#access #add_txt #tp1:before { top: .5em;}
#access #add_txt #tp2:before { top: .5em;}
#access #add_txt .hours dl { font-size: 95%;}
#access #add_txt .hours dt, #access #add_txt .hours dd { padding-bottom: 0;}
}

/*price, faq*/
#price, #faq { box-sizing: border-box; width: 100%; background-color: rgba(60, 157, 0, 0); background-image: linear-gradient( 132deg, rgba(60, 157, 0, .6), rgba(60, 167, 0, .9) ); padding: 1.5em 5% 2em 5%;}
#price h2 { color: rgba(255, 255, 255, 1);}
#price h2 .udl { border-bottom: 10px solid rgba(255, 255, 255, .2);}
#faq h2 { color: rgba(255, 255, 255, 1);}
#faq h2 .udl { border-bottom: 10px solid rgba(255, 255, 255, .2);}
/*_price_table*/
#price table { width: 100%; max-width: 1280px; margin: 1em auto .5em auto;}
#price table caption { font-size: 80%; text-align: right; padding: 1em 0;}
#price table th { border-top: 1px solid rgba(255, 255, 255, 1); border-left: 1px solid rgba(255, 255, 255, 1); text-align: center; font-size: 85%; line-height: 120%; padding: 1em 0; color: rgba(255, 255, 255, 1);}
#price table th:last-child { border-right: 1px solid rgba(255, 255, 255, 1);}
#price table td { background-color: rgba(255, 255, 255, 1); border-top: 1px solid rgba(60, 157, 0, .6); border-left: 1px solid rgba(60, 157, 0, .6); font-size: 90%; padding: 1em .5em;}
#price table td:first-child { border-left: 1px solid rgba(255, 255, 255, 1);}
#price table td:last-child { border-right: 1px solid rgba(255, 255, 255, 1);}
/*_price_info*/
#price_info { box-sizing: border-box; width: 100%; margin: 0 auto; max-width: 1280px; padding: 1em; background-color: rgba(255, 255, 255, .8);}
#price_info .pls_txt { font-size: 80%; text-align: left; line-height: 200%;}
#benefit_sp { width: 100%; max-width: 480px; margin: .5em auto 1em auto; text-align: center;}
#benefit_img { display: block; width: 100%; height: 0; padding-top: 25.97765363%; padding-top: -webkit-calc(93 / 358 * 100%); padding-top: calc(93 / 358 * 100%); background-repeat: no-repeat; background-size: contain;}
#benefit_lnk { display: block; padding-top: 1em; padding-right: 1em; font-size: 110%; letter-spacing: .05em; font-weight: 600; position: relative; z-index: 100;}
#benefit_lnk a { width: 100%; height: 100%; margin: 0 auto;}
#benefit_lnk a:hover { opacity: .75;}
/*_faq_accordion*/
.accordion { width: 100%; max-width: 1280px; margin: 3em auto 0 auto;}
.accordion .toggle { display: none;}
.accordion .option { position: relative; margin-bottom: .75em; background-color: rgba(255, 255, 255, 1);}
.accordion .title, .accordion .cont { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.accordion .title { padding: 1em; display: block; font-weight: 400; line-height: 150%;}
.accordion .title:hover { cursor: pointer;}
.accordion .title:after, .accordion .title:before { content: ""; position: absolute; right: 1.25em; top: 1.25em; width: 2px; height: 0.75em; background-color: rgba(60, 157, 0, 1); transition: all 0.3s;}
.accordion .title span { display: block; margin: 0 2em 0 2.5em; position: relative; font-size: 90%;}
.accordion .title span::before { content: 'Q. '; position: absolute; top: -0.25em; left: -1.5em; font-size: 160%; font-weight: bold; color: rgba(106, 232, 29, 1);}
.accordion .title:after { transform: rotate(90deg);}
.accordion .cont { padding: 0 1em; max-height: 0; overflow: hidden;}
.accordion .cont p { margin: 0; padding: 1em 0 1.5em 4em; font-size: 98%; line-height: 160%; letter-spacing: .05em; border-top: 1px dotted rgba(106, 232, 29, 1);}
.accordion .cont p span { display: block; margin: 0 1em 0 0; position: relative;}
.accordion .cont p span::before { content: 'A. '; position: absolute; top: 0; left: -1.5em; font-size: 160%; font-weight: bold; color: rgba(255, 142, 11, .8);}
.accordion .cont p a { color: rgba(129, 0, 22, 1);}
.accordion .toggle:checked + .title + .cont { max-height: 400px; transition: all .8s;}
.accordion .toggle:checked + .title:before { transform: rotate(90deg) !important;}
/*for_W1000-*/
@media (min-width: 1000px) { 
#price table td { padding: 1em .5em 1em 1.5em;}
#price_info { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#price_info .pls_txt { width: 50%;}
#benefit_sp { width: 45%;}
#benefit_lnk { padding-top: .25em; padding-right: 1.25em; font-size: 80%; text-align: right;}
}

/*contact*/
#contact { width: 100%; height: 180px; background-color: rgba(60, 157, 0, .3); position: relative;}
#contact .cantact_txt { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: flex; flex-flow: row nowrap; justify-content: center; color: rgba(255, 255, 255, 1);}
.email_txt { color: rgba(255, 255, 127, 1);}
/*for_W1000-*/
@media (min-width: 1000px) { 
#contact { height: 220px;}
}

/*	modal
============================== */
.modal { display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; text-align: center; background-image: linear-gradient( 132deg, rgba(63, 134, 20, .9), rgba(43, 114, 0, .9) ); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}
.modal__bg { height: 100vh; position: absolute; width: 100%;}
.modal__content { box-sizing: border-box; width: 90%; max-width: 800px; max-height: 65%; background-image: linear-gradient( 132deg,  rgba(255, 255, 255, 1),  rgba(255, 255, 255, 0.7) ); padding: 1.5em 1em 1em 1em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -58%); font-size: 80%; line-height: 160%; overflow-y: scroll; overflow-y: auto; box-shadow: 10px 10px 30px rgba(25, 104, 40, .8);}
.js-modal-close { cursor: pointer;}
.modal__content a { z-index: 10000; text-align: center; margin: 0 auto; padding: 5px 0 10px 0; font-size: 110%; font-weight: bold; display: block; cursor: pointer;}
.close_btn { width: 50px; height: 50px; position: absolute; top: 10px; right: 10px;}
.close_btn::before, .close_btn::after { content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 50px; background: rgba(255, 255, 255, 1);}
.close_btn::before { transform: translate(-50%, -50%) rotate(45deg);}
.close_btn::after { transform: translate(-50%, -50%) rotate(-45deg);}
.modal__content .t_dt { font-size: 120%; font-weight: bold; font-weight: 700; padding-bottom: 1em; text-align: center;}
.modal__content .t_dd { line-height: 180%; padding: 0.5em 0.75em 1.5em 0.5em; text-align: left;}
.modal__content .t_dd dt { font-size: 110%; font-weight: bold;}
.modal__content .t_dd dd { padding-bottom: 1em;}
.modal__content .t_dd dd ul { list-style-type: disc;}
/*for_W1000-*/
@media (min-width: 1000px) { 
.modal__content { font-size: 90%; max-height: 80%; transform: translate(-50%, -50%);}
}