@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";


* { box-sizing:border-box; }
html { overflow:auto; -webkit-text-size-adjust:100%; }
body {
margin:0; padding:0;
font-size:16px; color:#000; line-height:1.8; letter-spacing:.05em; font-weight:normal;
-webkit-font-smoothing:antialiased;
font-family:
'Cardo', "游明朝", "Yu Mincho", YuMincho,
"ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
"HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
h1, h2, h3, h4, dl, dd, ul, form, textarea, figure { margin:0; padding:0; font-size:100%; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; } .clearfix:after { content:""; clear:both; display:block; } a { color:#000; text-decoration:none; }
a.underline { text-decoration:underline; }
a:hover { color:#b896d4; }
a:not(.fade), .anime { -webkit-transition:all .5s; transition:all .5s; }
a:focus { outline:none; }
em { font-style:normal; font-weight:bold; }
fieldset { border:none; }
table { border-collapse:collapse; border-spacing:0; }
map area:focus, map area:active { outline:none; border:0; }
ul { list-style-type:none; }
ul.disc, ul.circle, ul.square, ol { padding-left:1.3em; }
.disc li { list-style-type:disc; }
.circle li { list-style-type:circle; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }
ol { margin:0; }
ul.kome li { text-indent:-1em; margin-left:1em; }
ul.kome li::before { content:"※"; }
ol.kome { padding-left:5px; }
ol.kome li { text-indent:-2em; margin-left:2em; }
ol.kome { list-style:none; counter-reset:number; }
ol.kome li::before { counter-increment:number; content:"※"counter(number)" "; }
.kome_red li::before { color:#c00; }
img { max-width:100%; height:auto; font-size:0; line-height:0; border-width:0px; vertical-align:bottom; }
img.middle { vertical-align:middle; }
.sans-serif {
font-weight:500;
font-family:
"游ゴシック", "Yu Gothic", YuGothic,
"メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.fleft  { float:left; }
.fright { float:right; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.big    { font-size:1.3em; }
.small  { font-size:.85em; }
.bold   { font-weight:bold; }
.italic { font-style:italic; }
.clear  { clear:both; }
.hide   { display:none; }
.iblock { display:inline-block; }
.wide   { width:100%; }
.indent { text-indent:-1em; padding-left:1em; }
.shadow { box-shadow:0 0 3px rgba(0,0,0,0.3); }
.red    { color:#c00; }
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.flex-between { -webkit-justify-content:space-between; justify-content:space-between; }
.flex-center  { -webkit-justify-content:center; justify-content:center; }
.flex-align-center { -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.vh_ctr {
position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.link-disabled { cursor:default; pointer-events:none; opacity:0.6; }
.fixed { position:fixed; width:100%; height:100%; }
.marker { background:linear-gradient(transparent 50%, #fff284 0%); } @media screen and (min-width: 959px) {
a[href^='tel:'] { cursor:default; pointer-events:none; }
} label { display:inline-block; }
select { padding:3px 8px 6px; background:#fff; }
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, textarea.required {
border-radius:3px; padding:4px 8px 2px; font-weight:inherit;
}
input[type="number"] { padding-right:4px; }
input[type="submit"], input[type="button"]  { cursor:pointer; }
input[type="text"], textarea, select { margin:3px 0; }
input.t { width:15%; }
input.s { width:30%; }
input.m { width:60%; }
input.l { width:96%; }
textarea { width:96%; }
label input { margin:0; }
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="email"], select, textarea { font-size:16px; font-family:inherit; border:1px solid #CCC; }
input[size="2"] { width:3em; }
input[size="3"] { width:4em; } @media screen and (max-width: 959px) {
.pc_only { display:none; } .scrollWrap { width:100%; padding-top:20px; overflow-x:scroll; -webkit-overflow-scrolling:touch; }
.scrollWrap > .scroll { margin-bottom:20px; position:relative; }
.scrollWrap > .scroll:before { content:"横にスクロールできます→"; position:absolute; top:-20px; left:0; font-size:13px; }
.scrollWrap > .scroll > .hscroll { width:900px; }
} @media screen and (max-width: 599px) {
.sp_only { display:block; }
.sp_none { display:none; }
input.m { width:96%; } .scrollWrap > .scroll > .hscroll { width:640px; }
} @media screen and (min-width: 600px) {
.sp_none, .pc_none { display: block; }
.sp_only { display:none; }
.txt_vertical {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
} a .scale { -webkit-transition:all .5s ease-out; transition:all .5s ease-out; }
a:hover .scale  { -webkit-transform: scale(1.05); transform: scale(1.05); }
} @media screen and (min-width: 960px) {
.pc_none { display:none; }
}
 main {
-webkit-animation: fadeIn 1.5s ease 0s 1 normal;
animation: fadeIn 1.5s ease 0s 1 normal;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
#wrapper { position:relative; }
#pan { margin-bottom:20px; padding:.8em 0; text-align:right; }
#pan li { display:inline-block; font-size:14px; }
#pan li:not(:first-child):before { content:">"; margin:0 0.5em; color:#888; font-size:15px; }
#loading { position:fixed; top:0; bottom:0; left:0; right:0; z-index:99999; width:100%; height:100%;
background:#fff; }
#loading .load_box { position:absolute; top:0; bottom:0; left:0; right:0; width:200px; height:160px; margin:auto; text-align:center; }
#loading .load_box .logo { margin-bottom:1.5em; }
.loader { position:relative; display:inline-block; width:.8em; height:.5em; margin-right:.4em; font-size:2em; }
.loader:before ,.loader:after {
content:""; position:absolute; display:block; width:.3em; height:.3em; border-radius:50%; }
.loader:before {
-webkit-animation:load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
-moz-animation:load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
-ms-animation:load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
-o-animation:load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
animation:load-before 2s ease-in-out infinite, zoom-before .66s ease-in-out infinite;
background:#8159a3; }
.loader:after {
-webkit-animation:load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
-moz-animation:load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
-ms-animation:load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
-o-animation:load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
animation:load-after 2s ease-in-out infinite, zoom-after .66s ease-in-out infinite;
background:#cdb6e0; } #wrapper form.gsc-search-box { margin-bottom:0; }
#wrapper .cse .gsc-search-button-v2, #wrapper .gsc-search-button-v2 { padding:6px 15px; cursor:pointer; }
#wrapper .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right:.3em; }
#wrapper .gsib_a { padding:2px 9px 0; }
#wrapper .gsst_b { line-height:0; }
#wrapper .gsst_a { padding-top:0; }
#wrapper .gsc-input-box,
#wrapper .gsc-search-box .gsc-input>input:focus,
#wrapper .gsc-input-box-focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #header { position:fixed; top:0; left:0; bottom:0; z-index:999; width:200px; height:100vh;
padding:34px 0 20px; font-size:15px; border-right:1px solid #ddd; background:#fff; }
#header .h_inner { margin:0 20px; }
.sns_list { position:absolute; right:0; bottom:25px; left:0; text-align:center; line-height:1; }
.sns_list li { display:inline-block; border:1px solid #ddd; -webkit-transition:all .5s; transition:all .5s; }
.sns_list li a { display:block; color:#fff; }
.sns_list li:hover { border-color:#666; } #hnav { position:fixed; top:0; left:200px; right:0; z-index:998; padding:8px;
font-size:.813em; font-weight:bold; background:rgba(255,255,255,.3);
-webkit-transition:all .5s ease-out; transition:all .5s ease-out; }
#hnav .navcon { float:right; }
#hnav ul { float:left; padding-top:.2em; }
#hnav li { float:left; margin-right:1.2em; line-height:1.7; }
#hnav li a { color:#fff; }
#hnav li a:hover { opacity:.7; }
#hnav .lang { float:left; }
#hnav .lang a { display:block; padding:.3em .5em; line-height:1.3; color:#fff; background:#8159a3; }
#hnav .lang a:hover { background:#666; }
#hnav.scroll { background:rgba(255,255,255,.9); }
#hnav.scroll li a { color:#333; }
#hnav .site_search { float:left; width:240px; margin-right:1em; }
#hnav input.gsc-input { font-size:14px; }
#hnav .gsc-search-button-v2 { border:1px solid #fff; }
#hnav.scroll .gsc-search-button-v2, #header .gsc-search-button-v2  { border:1px solid #ddd; } #gnav li a { position:relative; display:block; transition-property:none; }
#gnav .menu > li > a { padding:.38em 20px .36em; }
#gnav .menu > li > a:hover { color:#333; }
#gnav .menu > li > a.current:before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; height:1em; margin:auto 0; background:#a385bc; }
#gnav .contact { margin-top:15px; margin-bottom:20px; }
#gnav .contact a { position:relative; display:block; padding:.4em 1em .2em 2.5em; color:#fff; text-align:center; background:#333; }
#gnav .contact a:before { content:""; position:absolute; top:0; bottom:0; width:1.2em; height:.85em; margin:auto 0 auto -1.6em; background:url(/img/common/ico_mail.svg) no-repeat center / 100%; }
#gnav .contact a:hover { background:#8159a3; }
#gnav .little_menu, #gnav .lang_btn { display:none; } main { display:block; overflow:hidden; margin-left:200px; }
.inner { margin:0 50px; } #footer { padding-top:38px; color:#000; border-top:1px solid #ddd; background:#fff; }
#top #footer { border-top:none; }
#footer .fnav { margin-bottom:60px; }
#footer .fnav > ul:last-child { margin-right:0; }
#footer .fnav > ul > li { margin-bottom:.5em; }
#footer .fnav li { position:relative; }
#footer .fnav li a { position:relative; display:block; }
#footer .fnav > ul ul { float:left; margin-top:.5em; margin-right:40px; }
#footer .fnav > ul ul:last-child { margin-right:0; }
#footer .fnav li ul:only-of-type { float:none; }
#footer .fnav li ul li { margin-bottom:.4em; padding-left:1.2em; font-size:.94em; }
#footer .fnav li ul li:before { content:""; position:absolute; top:.8em; left:.2em; width:.5em; height:1px; background:#000; }
#footer .f_info { padding:35px 0; border-top:1px solid #ddd; }
.lang_btn a { display:block; padding:.1em 1.5em 0; text-align:center; font-size:.875em; background:#ddd; }
#footer .lang_btn a:hover { color:#fff; background:#666; }
#footer .f_subnav { padding:.85em .5em; font-size:.875em; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#footer .f_subnav li { float:left; line-height:1.4; }
#footer .f_subnav li + li { margin-left:1em; padding-left:1em; border-left:1px solid #ddd; }
.copyright { margin:0; padding:1em 0; font-size:.75em; }   .secttl { position:relative; margin-bottom:1em; padding-top:1.4em; text-align:center;
font-size:1.75em; line-height:1.4; }
.secttl span { display:block; font-size:.5em; }
.secttl:before { content:""; position:absolute; top:0; left:0; right:0; width:1em; height:1em;
margin:0 auto; background:url(/img/common/ico_aoi.svg) no-repeat center / 100%; }
.topittl { position:relative; margin-bottom:.5em; padding-left:1.8em; font-size:1.5em; }
.topittl:before { content:""; position:absolute; top:.2em; left:0; width:1.2em; height:1.2em; background:url(/img/common/ico_aoi.svg) no-repeat center / 100%; } .button { position:relative; z-index:2; display:inline-block; overflow:hidden; min-width:260px;
padding:.7em 3em .6em 3em; text-align:center; }
.button span:before, .button span:after {
content:""; position:absolute; top:0; right:1em; bottom:0; height:1px;
margin:auto 0; background:#fff; }
.button span:before { width:16px; }
.button span:after { width:7px;
-webkit-transform:rotate(40deg) translateY(-2px); transform:rotate(40deg) translateY(-2px); }
.button.small { min-width:1em; padding:.6em 2em .5em; font-size:.85em; }
.button.small2 { min-width:1em; padding:.6em 4em .5em; font-size:.9em; }
.button.blank { padding-left:2em; } .button.arrow:not([target='_blank']) { padding-left:4em; }
.button.arrow.small:not([target='_blank']) { padding-left:3em; }
.button.arrow:not([target='_blank']):before {
content:""; position:absolute; top:0; bottom:0; left:auto; width:.25em; height:.25em;
margin:auto 0 auto -1.2em; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);
border-right:2px solid #8159a3; border-bottom:2px solid #8159a3; }
.button.arrow.down:before { -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.button.blank:before,
.entry-content .button[target='_blank']:before {
content:""; position:absolute; top:0; bottom:0; right:1.5em; width:1em; height:1em;
margin:auto 0; background:url(/img/common/ico_window.svg) no-repeat 0 0 / 100%; }
.button.pdf { padding-left:4.5em; }
.button.pdf.small { padding-left:3.5em; }
.button.pdf:before { content:""; position:absolute; top:0; bottom:0; left:auto;
width:1em; height:1.15em; margin:auto 0 auto -1.5em;
background:url(/img/common/ico_pdf_wht.svg) no-repeat 0 0 / 100%; }
.button.mail { padding:1em 2.5em .9em 5em; }
.button.mail:before { content:""; position:absolute; top:0; bottom:0; left:auto;
width:1.8em; height:1.8em; margin:auto 0 auto -2.6em; border:1px solid #fff; border-radius:50%;
background:url(/img/common/ico_mail.svg) no-repeat center / 50%; } .button.st_bg { color:#fff; background:#9c77bc; }
.button.st_bg.arrow:before { border-color:#fff; }
.button.st_bg.blank:before,
.entry-content .button.st_bg[target='_blank']:before { background-image:url(/img/common/ico_window_wht.svg); }
.button.st_line { color:#000; border:1px solid #9c77bc; background:#fff; }
.button.st_line span:before, .button.st_line span:after { background:#9c77bc; }
.button.st_line.arrow:before { border-color:#9c77bc; }
.button.st_line.pdf:before { background-image:url(/img/common/ico_pdf.svg); }
.button.st_line:hover { color:#fff; }
.button.st_line:after { background:#9c77bc; }
.button.st_line:hover span:before, .button.st_line:hover span:after { background:#fff; }
.button.st_line.arrow:hover:before { border-color:#fff; }
.button.st_line.blank:hover:before,
.entry-content .button.st_line[target='_blank']:hover:before { background-image:url(/img/common/ico_window_wht.svg); }
.button.st_line.pdf:hover:before { background-image:url(/img/common/ico_pdf_wht.svg); }
.button.st_line.col_red { border-color:#e03e3e; }
.button.st_line.col_red span:before, .button.st_line.col_red span:after { background:#e03e3e; }
.button.st_line.col_red:after { background:#e03e3e; }
.button.arrow_bottom span:before { content:"↓"; top:.6em; right:.5em; bottom:auto; color:#9c77bc; background:none; }
.button.arrow_bottom:hover span:before { color:#fff; background:none; }
.button.arrow_bottom span:after { display:none; }
.button.back span:before { left:1em; right:auto; }
.button.back span:after { left:1em; right:auto; -webkit-transform:rotate(-40deg) translateY(-2px); transform:rotate(-40deg) translateY(-2px); } .link_btn { position:relative; display:inline-block; padding-left:1.2em; color:#000; }
.link_btn:before { content:""; position:absolute; top:.6em; left:0; width:.25em; height:.25em; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-right:2px solid #8159a3; border-bottom:2px solid #8159a3; }
.link_btn:hover { color:#8159a3; }
.link_btn[target='_blank'] { margin-right:1.5em; padding-right:1.8em; }
.link_btn[target="_blank"]:after, .entry-inner a.blank:after { content:""; position:absolute; top:0; bottom:0; right:0; width:1em; height:1em; margin:auto 0; background:url(/img/common/ico_window.svg) no-repeat 0 0 / 100%; }
.entry-inner a.blank { position:relative; display:inline-block; padding-right:1.5em; } .link_arrow::before, .link_arrow::after {
content:""; position:absolute; top:50%; right:1em; height:1px; background:#6c458e; }
.link_arrow::before { width:16px; }
.link_arrow::after { width:7px; transform:rotate(40deg) translateY(-2px); } .pickup_list .pickup_item { position:relative; width:32%; }
.pickup_list .pickup_item figure { overflow:hidden; background:#000; }
.pickup_list a:hover figure img { opacity:.7; }
.pickup_list a { color:#000; }
.pickup_list .pickup_item .cat { font-size:.9em; }
.pickup_list .pickup_item .info { overflow:hidden; margin:1em 0 .5em; }
.pickup_list .pickup_item .info p { margin:0; }
.pickup_list .pickup_item .info .date { float:left; margin:0; margin-left:1em; }
.pickup_list .pickup_item .ttl { margin:0; }
.pickup_list .slick-arrow { top:38%; }
.pickup_list .slick-prev { left:-50px; }
.pickup_list .slick-next { right:-50px; }
.pickup_list .slick-list { margin-right:-12px; }
.pickup_list .slick-slide { margin-right:12px; }
.pickup_list .state { position:absolute; top:8px; left:-5px; margin:0; padding:.1em .8em 0; color:#fff; font-size:.9em; }
.pickup_list .state.end { background:#368cda; } .slick-dots { line-height:0; }
.slick-dots li { position:relative; display:inline-block; width:10px; height:10px; margin:0 5px; padding:0; cursor:pointer; }
.slick-dots li button { font-size:0; line-height:0; display:block; width:100%; height:100%; padding:0; cursor:pointer; color:transparent; border-radius:50%; outline:none; border:none; background:#fff; opacity: .5; }
.slick-dots li button:hover, .slick-dots li button:focus { outline:none; }
.slick-dots li.slick-active button { opacity:1; } @-webkit-keyframes line-down {
0% { height:0; }
100% { height:1em; }
}
@keyframes line-down {
0% { height:0; }
100% { height:1em; }
}
@-webkit-keyframes floating {
0% { -webkit-transform: translateY(0px); }
50% { -webkit-transform: translateY(-5px); }
0% { -webkit-transform: translateY(0px); }
}
@keyframes floating {
0% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
100% { transform: translateY(0px); }
} @media all and (-ms-high-contrast:none){
.subttl { padding-left:1.5em; }
.subttl:before { top:.1em; width:1em; }
#gnav .contact a { padding:.5em 1em .2em 2.5em; }
#gnav .contact a:before { width:1em; height:1em; margin:auto 0 auto -.8em; }
}  @media screen and (min-width: 1370px) {
.inner { margin:0 80px; }
.pickup_list .slick-prev { left:-80px; }
.pickup_list .slick-next { right:-80px; }
} @media screen and (min-width: 1099px) {
#header .sitename .sp { display:none; }
.fnav { -webkit-flex-wrap:nowrap; flex-wrap:nowrap; }
} @media screen and (min-width: 960px) {
#header .sitename .sp { display:none; }
#header .sitename { margin:0 20px 20px; padding-bottom:30px; text-align:center; border-bottom:1px solid #ddd; }
.menu-button { display:none; }
#gnav .menu > li:hover { background:#e0d1ed; }
#gnav .menu > li:hover .submenu { max-width:260px; }
#gnav .submenu { position:absolute; left:100%; top:0; bottom:0; z-index:999;
width:260px; max-width:0; height:100vh; padding-top:20px; padding-bottom:20px;
overflow:hidden; background:#e0d1ed;
-webkit-transition:all .25s ease-in; transition:all .25s ease-in; }
#gnav .nav_inner { min-width:220px; margin-left:20px; margin-right:20px; }
#gnav .submenu .navttl { position:relative; margin-bottom:1.5em; padding-top:2.5em; font-size:1.25em; text-align:center; }
#gnav .submenu .navttl:before { content:""; position:absolute; top:.5em; right:0; left:0; width:1.3em; height:1.3em; margin:0 auto;  background:url(/img/common/ico_aoi.svg) no-repeat center / 100%; }
#gnav .submenu ul { border-top:1px solid #b8a9c3; }
#gnav .submenu li { border-bottom:1px solid #b8a9c3; }
#gnav .submenu li a { padding:.42em 1.5em .38em 0; color:#000; }
#gnav .submenu li a:before, #gnav .submenu li a:after {
content:""; position:absolute; top:0; right:1em; bottom:0; height:1px; margin:auto 0; background:#8159a3;
-webkit-transition:all .5s; transition:all .5s; }
#gnav .submenu li a:before { width:16px; }
#gnav .submenu li a:after { width:7px;
-webkit-transform:rotate(40deg) translateY(-2px); transform:rotate(40deg) translateY(-2px); }
#gnav .submenu li a:hover:before, #gnav .submenu li a:hover:after { right:.5em; }
#gnav .site_search { display:none; }
.button:after { content:""; position:absolute; z-index:-1; bottom:-10%; left:-10%;
width:0; height:3px; height:120%;
-webkit-transform:skewX(-15deg); transform:skewX(-15deg); background:#8159a3; }
.button:hover:after, a:hover .button:after { left:-10%; width:120%; }
.button, .button:before, .button:after, .button span:before, .button span:after {
-webkit-transition:all .5s ease-out; transition:all .5s ease-out;
}
@media screen and (max-height: 600px) {
#header { padding-top:20px; }
#header .sitename { margin-bottom:12px; padding-bottom:20px; }
}
} @media screen and (min-width: 600px) {
.f_info .logo { float:left; margin-right:40px; padding-right:40px; border-right:1px solid #ddd; }
.f_info .address { float:left; margin:0; }
.f_info .lang_btn { float:right; padding-left:1.6em; border-left:1px solid #ddd; }
.f_info .lang_btn li:not(:last-child) { margin-bottom:5px; }
}
@media screen and (max-height: 669px) and (min-width: 960px) {
#header .sns_list { position:static; }
} @media screen and (max-width: 1099px) {
body { font-size:15px; }
.wide_inner, .inner, .narrow { width:auto; margin:0 40px; }
.inner .narrow  { margin:0; }  .fnav { margin-bottom:0; -webkit-justify-content:flex-start; justify-content:flex-start; }
.fnav > ul > li > a { padding-bottom:.2em; border-bottom:1px solid #ddd; }  .conttl { font-size:1.6em; }
.subttl { font-size:1.4em; }
@media screen and (min-width: 600px){
.fnav > ul { width:31%; margin-bottom:20px; margin-right:3.5%; }
.fnav > ul:nth-child(3n) { margin-right:0; }
}
} @media screen and (max-width: 959px) {
#wrapper { padding-top:62px; }
#header { padding:15px; bottom:auto; width:100%; height:auto; border-right:none; }
#header .sitename .pc { display:none; }
#header .sitename { float:left; }
#header .sitename img { width:133px; }
#header .h_inner { margin:0; }
#header .site_search { margin-bottom:1.5em; padding:.5em; background:#f7f4f9; }
main { margin-left:0; }
#hnav { display:none; }
#gnav { position:fixed; z-index:1000; top:0; right:0; width:300px; height:100%; overflow-y:auto;
padding:25px; padding-top:80px; background:#fff;
-webkit-transition:all .3s ease-in; transition:all .3s ease-in;
-webkit-transform:translate(300px); transform:translate(300px);
-webkit-overflow-scrolling:touch; }
#gnav.open { -webkit-transform:translate(0); transform:translate(0); }
#gnav .submenu { display:none; }
#gnav .menu { margin-bottom:10px; }
#gnav .menu > li > a { padding-left:0; padding-right:0; }
#gnav .menu > li > a.current:before { left:-25px; }
#gnav .navttl { display:none; }
#gnav .nav_inner { margin: .2em 0 .5em; padding:.5em 0; border-bottom:1px solid #eee; border-top:1px solid #eee; }
#gnav .submenu li a { position:relative; display:block; padding:.3em 1em .3em 1em; }
#gnav .submenu li a:before { content:""; position:absolute; top:1.1em; left:0; width:.5em; height:1px; background:#666; }
#gnav .lang_btn { display:block; text-align:center; }
#gnav .lang_btn li { display:inline-block; }
#gnav .little_menu { display:block; margin:20px 0; padding:10px 0 8px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#gnav .little_menu li { font-size:.9em; }
#gnav .little_menu li a { padding:.2em 0; }
.overlay { position:fixed; z-index:999; top:0; right:0; bottom:0; left:0;display:none;
width:100%; height:100%; background:rgba(0, 0, 0, .5);  }
#gnav .sns_list { position:static; margin-bottom:1.5em; } .menu-button { position:relative; z-index:9999; float:right; background:#fff; }
.menu-button,
.menu-button span { display:block; transition:all .5s; -webkit-transition:all .5s; box-sizing:border-box; }
.menu-button .h_menu { position:relative; width:30px; height:20px; margin:0 auto; }
.menu-button span { position:absolute; left:0; width:100%; height:2px; background-color:#1e2024; }
.menu-button span:nth-of-type(1) { top: 0; }
.menu-button span:nth-of-type(2) { top: 9px; }
.menu-button span:nth-of-type(3) { bottom: 0; }
.menu-button.open span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
}
.menu-button.open span:nth-of-type(2) {
opacity: 0;
}
.menu-button.open span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg);
}
.menu-button .label { width:auto; height:auto; margin:0 0 5px; color:#1e2024;
text-align:center; line-height:1; font-size:11px; }
.dropdown { z-index:1; cursor:pointer; }
.dropdown:after { content:""; position:absolute; top:1em; right:.5em; z-index:-1; width:.3em; height:.3em;
-webkit-transform:rotate(45deg); transform:rotate(45deg);
border-right:1px solid #666; border-bottom:1px solid #666;
-webkit-transition:all .3s ease-out; transition:all .3s ease-out; }
.dropdown.active:after { -webkit-transform:rotate(225deg) translateY(-.2em) translateX(-.15em);
transform:rotate(225deg) translateY(-.2em) translateX(-.15em); } #footer .fnav { margin-bottom:30px; } .pickup_list .slick-prev { left:-40px; }
.pickup_list .slick-next { right:-40px; }
} @media screen and (max-width: 599px){
body { font-size:14px; }
.wide_inner,
.inner, .narrow { margin: 0 15px; }
.pan { display:none; } #header { padding:10px 15px; }
#header .sitename { padding-top:4px; }
#header .sitename img { width:110px; }  #footer .logo img { margin-left:-2%; }
#footer .fnav { display:none; }
#footer .f_info { padding:0 0 25px; border-top:none; text-align:center; }
#footer .lang_btn li { display:inline-block; }
#footer .f_subnav { padding-left:0; padding-right:0; text-align:center; line-height:2; }
#footer .f_subnav li { float:none; display:inline-block; }
#footer .f_subnav li + li { margin-left:.8em; padding-left:.8em; }
.copyright { text-align:center; }   .secttl { font-size:1.5em; }
.topittl { font-size:1.3em; } .button { min-width:200px; padding:.6em 3em .5em 3em; }
.button.mail { padding:1em 1em .9em 3.5em; }
.button.pdf { padding-left:3em; padding-right:1.5em; } .pickup_list .slick-prev { left:-15px; }
.pickup_list .slick-next { right:-15px; }
.pickup_list .cat { float:none; margin-bottom:.3em; }
.pickup_list .date { display:block;  }
.pickup_list .pickup_item .info .date { clear:left; margin-left:0; }
}
@-webkit-keyframes load-before {
0% { left:0; -webkit-transform:scale(1.1); }
50% { left:100%; -webkit-transform:scale(1); }
100% { left:0; -webkit-transform:scale(1.1); }
}
@-webkit-keyframes load-after {
0% { left:100%; -webkit-transform:scale(1.1); }
50% { left:0; -webkit-transform:scale(1); }
100% { left:100%; -webkit-transform:scale(1.1); } }
@-webkit-keyframes zoom-before {
0% { z-index: 0; }
50% { z-index: 1; }
100% { z-index: 0; }
}
@-webkit-keyframes zoom-after {
0% { z-index: 1; }
50% { z-index: 0; }
100% { z-index: 1; }
}
@keyframes load-before {
0% { left:0; transform:scale(1.1); }
50% { left:100%; transform:scale(1); }
100% { left:0; transform:scale(1.1); }
}
@keyframes load-after {
0% { left:100%; transform:scale(1.1); }
50% { left:0; transform:scale(1); }
100% { left:100%; transform:scale(1.1); }
}
@keyframes zoom-before {
0% { z-index:0; }
50% { z-index:1; }
100% { z-index:0; }
}
@keyframes zoom-after {
0% { z-index:1; }
50% { z-index:0; }
100% { z-index:1; }
} @media print {
#header, #hnav { display:none; }
main { margin-left:0; }
}
 .main_visual { position:relative; }
.main_visual .btn_honen { position:absolute; bottom:-20px; right:20px; z-index:10; }
.main_visual .btn_honen:hover {
-webkit-animation:floating 1s infinite ease-in-out;
animation:floating 1s infinite ease-in-out; }
#main_slider { height:650px; height:80vh; min-height:650px; }
#main_slider .slick-track, #main_slider .slick-list { height:100%; }
#main_slider .slick-slide, #main_slider .slide2 a,
#main_slider .joya a, #main_slider .newyear_tour, #main_slider .sarana a, #main_slider .mieido_rakkeihoyo, #main_slider .nehane a
{ height:100%; background:no-repeat center / cover;
display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-justify-content:center; justify-content:center;
-webkit-align-items:center; align-items:center;
-webkit-flex-direction:column; flex-direction:column; }
#main_slider .slick-slide .ttl img { display:inline; }
#main_slider .slide1 { text-align:center; background-image:url(/img/slide/1.jpg); }
#main_slider .slide1 .ttl{ padding-top:18%; }
#main_slider .slide2 a { width:100%; height:100%; color:#fff; text-align:center;
background-image:url(/img/slide/2.jpg); }
#main_slider .slide2 .ttl { margin-bottom:5%; }
#main_slider .slide2 .txt { font-size:.95em; line-height:2; text-shadow:0 0 5px rgba(0,0,0,0.8); }
#main_slider .slide2 .btn_more { font-size:.9em; }
#main_slider .slide2 .btn_more .button { padding:.6em 4em .5em 3em; } #main_slider .slide3 { text-align:center; background-image:url(/img/slide/3.jpg); } #main_slider .kyosanhoyo { display:block; text-align:center;
background-image: url(//www.chion-in.or.jp/img/slide/kyosanhoyo/bg_main.jpg) ; }
#main_slider .kyosanhoyo a { pointer-events: none;
position:relative; display:block; height:100%; padding-top:3%; }
#main_slider .kyosanhoyo .ttl img {
position: absolute; top: 5%; right: 5%; } #main_slider .manabi2022 { background-color: #b6eec2; }
#main_slider .manabi2022 a { width:100%; }
#main_slider .manabi2022 .ttl { max-height:100%; text-align: center; }
#main_slider .manabi2022 .ttl img { max-height: 100%; margin: auto auto auto -6%; max-width: 1131px; }
#main_slider .manabi2022 .button.st_bg { position: absolute; top:85%; } #main_slider .otetsugi { position:relative; text-align:center; background:url(//www.chion-in.or.jp/img/slide/otetsugi_child/bg_main.jpg?20240304) no-repeat center top / cover; }
#main_slider .otetsugi a { width:100%; height: 100%;}
#main_slider .otetsugi .mainttl { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%; }
#main_slider .otetsugi .mainttl img { max-height:100%; margin: 0 auto; }
#main_slider .otetsugi .logomark { position:absolute; top:70px; right:25px; } #main_slider .sarana { position:relative; text-align:center; background:url(//www.chion-in.or.jp/img/slide/sarana/bg_main.jpg) no-repeat center top / cover; }
#main_slider .sarana a { width:100%; }
#main_slider .sarana .mainttl { max-height:100%; }
#main_slider .sarana .mainttl img { max-height:100%; } #main_slider .ominugui { display:block;text-align:center; background-image:url(/img/slide/ominugui/ominugui.jpg); }
#main_slider .ominugui a { position:relative; display:block; height:100%; padding-top:3%;  }
#main_slider .ominugui img { display:inline; }
#main_slider .ominugui .ttl img { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }
#main_slider .ominugui .txt { position:absolute; bottom:0; left:0; right:0; margin:0; } #main_slider .joya a{ display:block; }
#main_slider .joya { text-align:center; background-image:url(/img/slide/joya/joya.jpg); }
#main_slider .joya a { width:100%; padding: 0.5em 1em 0; }
#main_slider .joya img { display:inline; }
#main_slider .joya .ttl { width: 35%; margin-inline: auto;}
#main_slider .joya .date { width: 70%; margin:-0.8em auto 0.5em; } #main_slider .nehane a { display: block; width: 100%; height: 100%; background-image: url(/img/slide/nehane/bg_main.jpg?20240201); }
#main_slider .nehane .ttl { position: absolute; right: 3%; top: 10%; left: auto; }
#main_slider .nehane .ttl img { width: 100%; } .lightup-spr { position:relative; z-index: 1; overflow: hidden; padding-top: 5em; background: url(//www.chion-in.or.jp/special/lightup_spr/img/main-bg.svg) top / 130% no-repeat !important;}
.lightup-spr::before ,.lightup-spr::after { position: absolute; z-index: -1; content: ""; height: 130%; }
.lightup-spr::before { top: 0; left: -9%; background: url(//www.chion-in.or.jp/special/lightup_spr/img/mv-sakura-l.png) no-repeat center / contain; width: 42%;}
.lightup-spr::after { top: 0; right: -9%; background: url(//www.chion-in.or.jp/special/lightup_spr/img/mv-sakura-r.png) no-repeat center / contain; width: 43%;}
.lightup-spr .ttl_box { position:absolute; left: 50%; transform: translateX(-50%); top: -2em; z-index: 100;}
.lightup-spr .ttl{ width: clamp(180px,58vw,950px); }
.lightup-spr .encopy{ margin-top: clamp(30px,4.5vw,50px); width: clamp(200px,23vw,255px); }
.lightup-spr .lead { margin: 0; position:absolute; width: clamp(20px,2vw,28px); right: 10%; top:clamp(50px,6vw,60px); z-index: 100;}
.lightup-spr .sp_only { display: none !important;}
.lightup-spr  .btn_more{ top: 90%; margin: 0 auto; position: absolute;}
.layer { position: relative;}
.layer::before , .layer:after { position: absolute; z-index: -2; content: ""; }
.layer::after { background: url(//www.chion-in.or.jp/special/lightup_spr/img/mv-crowd.svg) center / contain no-repeat; height: 100%; width: 129%; left: 0; bottom: 0;}
.layer_txt { position:relative; }
.layer_mainImg {position: relative;}
.mainImg { width: 44%; margin: auto;}
.mainImg img {width: 100%;}
@media screen and (min-width: 600px) {
#main_slider .nehane .ttl .sp_only { display: none; }
#main_slider .nehane .ttl .sp_none { display: block; }
}
@media screen and (max-width: 599px) {
#main_slider .nehane .ttl .sp_only { display: block; }
#main_slider .nehane .ttl .sp_none { display: none; }
} #main_slider .mieido_rakkeihoyo { text-align:center; background-image:url(/special/mieido/img/bg_main.jpg); }
#main_slider .mieido_rakkeihoyo .ttl { position: absolute; top: 80px; right: 10%; } #main_slider .tokubetsuhoyo { text-align:center; background-image:url(/img/slide/tokubetsuhoyo/bg_main.jpg); }
#main_slider .tokubetsuhoyo .ttl {     position: absolute; top: 60px; right: 40px; } #main_slider .newyear_tour { text-align:center; background-image:url(/img/slide/newyear_tour/bg_main.jpg); }
#main_slider .newyear_tour a { width:100%; }
#main_slider .newyear_tour .ttl { margin-bottom:-2em; }
#main_slider .newyear_tour .ttl img { width:55%; }
#main_slider .newyear_tour .date { display:inline-block; margin:-2em auto 0; }
#main_slider .newyear_tour .date img { width: 80%; border-radius:15px; background:#fff; }
#main_slider .newyear_tour img { display:inline; }
#main_slider .newyear_tour .btn_more {top: 86%; left: 50%; transform: translateX(-50%); position: absolute; } #main_slider .newyear { text-align:center; background:url(/img/slide/newyear/newyear.jpg)center center / cover no-repeat; }
#main_slider .newyear a, #main_slider .newyear .ttl { width:100%; }
#main_slider .newyear img { max-width:initial; vertical-align: middle; } #main_slider .lightup_aut { background: url(/img/slide/lightup_aut/2024/bg.jpg) center center / cover no-repeat; overflow: hidden;}
#main_slider .lightup_aut .data_wrap { display: contents;}
#main_slider .lightup_aut .main_ttl { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: min(30%,130px); z-index: 1;}
#main_slider .lightup_aut .data { position: absolute; width: 30%; bottom: 120px; right: 3%; z-index: 1;}
#main_slider .lightup_aut .btn_more{ top: 90%;  margin: 0 auto; position: absolute;} #main_slider .otetsugi_fes { background: url(/special/otetsugi_fes/img/main_bg.jpg); }
#main_slider .otetsugi_fes .img_box {
position:absolute; width:100%; height:97%; top:3%; left:0%; padding:0 10px; }
#main_slider .otetsugi_fes .img_box::before,
#main_slider .otetsugi_fes .img_box::after {
display:block; content:''; position:absolute; top:10px;
width:30%; height:85%; background-repeat:no-repeat; background-size:contain; }
#main_slider .otetsugi_fes .img_box::before {
left:0; background-position:center left;
background-image:url(/special/otetsugi_fes/img/leaf-left.png); }
#main_slider .otetsugi_fes .img_box::after {
right:0; background-position:center right;
background-image:url(/special/otetsugi_fes/img/leaf-right.png); }
#main_slider .otetsugi_fes .ttl { height:100%; }
#main_slider .otetsugi_fes .ttl img { max-height:100%; }
#main_slider .otetsugi_fes .btn_more { margin-top:-5em; }
#main_slider .otetsugi_fes .button { background:#df782c; } #main_slider .lightup_spr { display:block; position:relative; padding:40px 0 20px; text-align:center; background:url(/img//slide/lightup_spr/slide.png) center / cover no-repeat; }
#main_slider .lightup_spr .main_ttl { position: absolute; top: 0; right: 15%; z-index: 10; width: clamp(9.375rem, 4.688rem + 7.81vw, 12.5rem); max-width: 175px; }
#main_slider .lightup_spr .img_box { width: 100%; }
#main_slider .lightup_spr .mainImg { position:absolute; top: 50%; left: 5%; transform:translateY(-50%); width:clamp(27.5rem, 19.063rem + 14.06vw, 33.125rem); }
#main_slider .lightup_spr .mainImg img { width: unset; }
#main_slider .lightup_spr .lead { position:absolute; right: 5%; bottom: 10%; z-index: 5; width: clamp(20.625rem, 8.438rem + 20.31vw, 28.75rem); max-width: 430px; }
#main_slider .lightup_spr .btn_more {     bottom: 4%;
position: absolute;
left: 50%;
transform: translateX(-50%);
} #main_slider .midnight { position:relative; text-align:center; background:url(//www.chion-in.or.jp/special/midnight/img/bg_main.jpg) no-repeat center top / auto 120%;
-webkit-justify-content:flex-start; justify-content:flex-start; }
#main_slider .midnight a { height:100%; }
#main_slider .midnight .txt_gyoki { position:absolute; top:55px; left:18px; margin:0; }
#main_slider .midnight .mainttl { height:70%; }
#main_slider .midnight .mainttl img { display:inline-block; max-height:100%; }
#main_slider .midnight .date { width:30%; } #main_slider .mnio { text-align:center; background-image:url(/img/slide/mnio/slide.jpg); }
#main_slider .mnio a { display: block; width: 100%; height: 100%; cursor: pointer; }
#main_slider .mnio a:hover { opacity: .7; } .midnight2022{ padding:1.5em 0 1.2em; margin-bottom:3em; text-align:center; background:url(//www.chion-in.or.jp/img/slide/midnight/2022/bg-mv.png) no-repeat 50% 0 / cover !important; }
.midnight2022 a{ display:block; }
.midnight2022 .date-box{ width:90%; margin:-5em auto 0; padding:1px 1.5em 1.5em; background-color:rgba(0,0,52,0.8); }
.midnight2022 .ttl{ margin:0 auto 1em; }
.midnight2022 .date{ width:40%; margin:-2em auto 0; }
.midnight2022 .date img{ margin:0 auto; }
.midnight2022 .time{ margin:0 auto; }
.midnight2022 .poku{ width:90%; margin:-1em auto 1em; }
.midnight2022 .poku li{ width:30%; } .midnight2024{ padding-bottom:3%; margin-bottom:3em; text-align:center; background:url(//www.chion-in.or.jp/img/slide/midnight/2024/bg-mv.jpg) no-repeat 50% 0 / cover !important; }
.midnight2024 .ttl{ width: 95%; margin-inline: auto;}
.midnight2024 .btn_more{ position: absolute; top:90%; margin: 0 auto; } .midnight2025{ padding-bottom:3%; margin-bottom:3em; text-align:center; background:url(//www.chion-in.or.jp/img/slide/midnight/2025/bg-mv.jpg) no-repeat 50% 0 / cover !important; }
.midnight2025 .ttl{ width: 85%; margin: 6.5em auto 0; }
.midnight2025 .btn_more{ position: absolute; top:92%; margin: 0 auto; } #main_slider .event-learn { position:relative; color:#fff; text-align:center;
background:url(//www.chion-in.or.jp/special/event-learn/img/bg_main_bottom.svg) no-repeat center bottom,
url(//www.chion-in.or.jp/special/event-learn/img/bg_main_top.png) no-repeat center top,
url(//www.chion-in.or.jp/special/event-learn/img/bg_main.jpg) no-repeat center top;
background-size:100%, auto, cover;
}
#main_slider .event-learn a { display:block; width:100%; height:100%; }
#main_slider .event-learn img { display:inline; }
#main_slider .event-learn .mainttl { height:100%; }
#main_slider .event-learn .date { margin:0; position:absolute; bottom:0; right:0; left:0; z-index:3; padding:100px 10px 30px;
background:url(//www.chion-in.or.jp/special/event-learn/img/bg_cloud.svg) no-repeat center top; }
#main_slider .event-learn .date img { max-width:550px; width:100%; } #main_slider .shukihigane { display:block; text-align:center; background-image:url(/img/slide/shukihigane/bg.jpg); }
#main_slider .shukihigane a { display:block; height:100%; }
#main_slider .shukihigane .ttl { height:80%; margin-bottom:2%; }
#main_slider .shukihigane .ttl img { max-height:100%; }
#main_slider .shukihigane .button.st_bg { position: absolute; background:#bfa008; top: 80%; left: 50%; transform: translateX(-50%);}
#main_slider .shukihigane .button:after{ background:#b74412; } #main_slider .fudannenbutsue { display:block; text-align:center; background-image:url(/img/slide/fudannenbutsue/bg.jpg); }
#main_slider .fudannenbutsue a { display:block; height:100%; }
#main_slider .fudannenbutsue .ttl { height:80%; margin-bottom:2%; }
#main_slider .fudannenbutsue .ttl img { max-height: 100%; position: absolute; top: 12%; left: 50%; transform: translateX(-50%); } 
#main_slider .fudannenbutsue .button.st_bg { position: absolute; top: 80%; left: 80%; background:#b74412; }
#main_slider .fudannenbutsue .button:after{ background:#b1880c; } #main_slider .shunkihigane { display:block; text-align:center; background: url(/img/slide/shunkihigane/bg.jpg) top 15% right / cover no-repeat; }
#main_slider .shunkihigane a { display:block; height:100%; }
#main_slider .shunkihigane .ttl { height:80%; margin-top:2.5%; }
#main_slider .shunkihigane .ttl img { max-height:100%; }
#main_slider .shunkihigane .button.st_bg { background:#bfa008; } #main_slider .hojoe { display:block; text-align:center; background-image:url(/img/slide/hojoe/bg.jpg); }
#main_slider .hojoe a { display:block; height:100%; }
#main_slider .hojoe .ttl { height:90%; position: absolute; top: 50px; text-align:left; }
#main_slider .hojoe .ttl img { max-height:100%; } #main_slider .manbue { display:block; text-align:center; background-image:url(/img/slide/manbue/2024/bg_main.jpg); }
#main_slider .manbue a { display:block; height:100%; }
#main_slider .manbue .ttl { height:90%; text-align:left; }
#main_slider .manbue .ttl img { max-height:100%; } #main_slider .butsumyoe { display:block; text-align:center; background-image:url(/img/slide/butsumyoe/2024/bg.jpg); }
#main_slider .butsumyoe a { display:block; height:100%; position: relative;}
#main_slider .butsumyoe .ttl { height:80%; margin-top: 2.5%; padding-left: 3%; text-align:left; }
#main_slider .butsumyoe .ttl img { max-height:100%; }
#main_slider .butsumyoe .btn_more{ top: 80%; position: absolute; left: 50%; transform: translateX(-50%);} #main_slider .gyokidaie{ display: block; background:url(/img/slide/gyokidaie/2025/slide.jpg) no-repeat 50% top / cover; }
#main_slider .gyokidaie .ttl{ position:absolute; width:50%; top:8%; left:calc(50% - 23%); }
#main_slider .gyokidaie .button{ top:87%; } #main_slider .midnight2021{ display: block; padding:14em 0 2em;
background:url(/img/slide/midnight/2021/slide.jpg) no-repeat 50% top / cover; }
#main_slider .midnight2021 .ttl{ width:60%; margin: 0 auto 6em; text-align: center; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.7)); }
#main_slider .midnight2021 .date{ margin:0 auto; padding:0.5em 1.5em 0.8em; text-align:center;
font-size:1.3em; line-height:1.4; color:#FFF; background-color:rgba(0,0,0,0.6); }
#main_slider .midnight2021 .date .small{ margin:0 0.1em; font-size:0.7em; }
#main_slider .midnight2021 .date strong{ font-size:1.6em !important; font-weight:500; }
#main_slider .midnight2021 .date .gf-vidal{ font-size:1.1em; }
#main_slider .midnight2021 .btn_more{ top: 5em; } #main_slider [class^="nembutsu25"]{ display: block;  padding-top:5vh;
background:url(/img/slide/nembutsu25/slide.jpg?20221219) no-repeat 50% top / cover; }
#main_slider [class^="nembutsu25"] .ttl{width: 55%;margin: 0 auto 2em; text-align: center; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.7)); }
#main_slider [class^="nembutsu25"] .date_box { width: 60%; margin:0 auto; padding:0.5em 1.5em 0.8em; color:#FFF; background-color:rgba(0,0,0,0.6); }
#main_slider [class^="nembutsu25"] .date{ text-align:center;
font-size:1.3em; line-height:1.4; }
#main_slider [class^="nembutsu25"] .date .small{ margin:0 0.1em; font-size:0.7em; }
#main_slider [class^="nembutsu25"] .date strong{ font-size:1.6em !important; font-weight:500; }
#main_slider [class^="nembutsu25"] .date .gf-vidal{ font-size:1.1em; }
#main_slider [class^="nembutsu25"] .last-nembutsu {font-size:0.9em;} #main_slider [class^="nembutsu25"] .schedule_ttl { border: 1px solid rgba(255,255,255,.5); }
#main_slider .nembutsu_contents { position: absolute; top: 16%; right: 0; left: 0; }
#main_slider .nembutsu_contents .button { margin-top: 1em; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #main_slider .seijin { display: block; padding-top:4em;
background:url(/img/slide/seijin/slide.jpg) no-repeat right / cover; }
#main_slider .seijin .ttl { width:60%; margin: 0 auto 2em; text-align: center; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.7)); }
#main_slider .seijin .date { margin: 0 auto 1rem 5%; position: absolute; right: 10%; bottom: 13%; max-width: 580px;}
#main_slider .seijin .main_catch { position: absolute; top: 1rem; right: 8.5%; transform: translateX(-50%);}
#main_slider .seijin .btn_more{ top: 88%; right: 16.5%; margin: 0 auto; position: absolute; }
#main_slider .seijin .main_img { position: absolute; left: 0; bottom: 0;} #main_slider .houyou753 { display: block; padding-top:4em;
background:url(/img/slide/753/slide.jpg?20230728) no-repeat center / cover; }
#main_slider .houyou753 .ttl { width:60%; margin: 0 auto 2em; text-align: center; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.7)); }
#main_slider .houyou753 .date { margin: 0 auto 1rem 3rem; position: absolute; bottom: 25%; width: 45%;}
#main_slider .houyou753 .main_catch {  position: absolute; top: 1rem; right: 10.5%; transform: translateX(-50%);}
#main_slider .houyou753 .btn_more{ top: 90%;  margin: 0 auto; position: absolute;}
#main_slider .houyou753 .main_ttl {margin-left: 5%; margin-bottom: 5%;}
#main_slider .houyou753 .main_ttl>img {width: 20%; max-width: 250px;} #main_slider .kaishu850 { text-align:center; background-image:url(/kaishu850/img/slide.jpg); }
#main_slider .kaishu850 .ttl { position: absolute; top:25%; left:50%; transform:translateX(-50%); }
#main_slider .kaishu850 .button.st_bg{ position: absolute; top: 80%; background:#9e3318; }
#main_slider .kaishu850 .button:after{ background:#b74412; } .covid19 a { background: #e67272; }
.bnr_joya a { background: #9c77bc; }
.covid19 a,
.bnr_joya a { display: block; padding: .6em .5em 1em; text-align: center; color: #fff; font-size: 1.2em; }
.covid19 a span,
.bnr_joya a span { display: inline-block; padding: .2em 1.5em; margin-top: .5em;
font-size: .8em; border: 1px solid #fff; }
.covid19 a:hover span,
.bnr_joya a:hover span { border: 1px solid #fff; background: #fff; -webkit-transition: all .5s; transition: all .5s; }
.covid19 a:hover span { color: #e67272; }
.bnr_joya a:hover span { color: #9c77bc; }
.bnr_joya { margin-top: 20px; } #main_slider .gyotenkouza { display: block; background:url(/img/slide/gyotenkouza/gyoten_bg.jpg) no-repeat 50% top / cover; }
#main_slider .gyotenkouza img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }  .slick-dots { position:absolute; bottom:10px; left:0; display:block; width:100%; margin-top:12px; padding:0; list-style:none; text-align:center; line-height:0; } .slick-arrow { position:absolute; z-index:20; top:50%; width:1.8em; height:3em; margin-top:-1.5em; text-indent:-9999px; border:none; background:rgba(84, 84, 84, .7); cursor:pointer; }
.slick-arrow:focus { outline:none; }
.slick-prev { left:0; }
.slick-next { right:0; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
.slick-arrow:before, .slick-arrow:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:.8em; height:2px; margin:auto; background:#fff; }
.slick-arrow:before { -webkit-transform:rotate(-45deg) translateX(.1em) translateY(-.25em);
transform:rotate(-45deg) translateX(.1em) translateY(-.25em); }
.slick-arrow:after  { -webkit-transform:rotate(45deg) translateX(.1em)  translateY(.25em);
transform:rotate(45deg) translateX(.1em)  translateY(.25em); } .info_area { margin-top:1.5em; margin-bottom:.5em; }
.open_time_box { margin:0 0 .5em; background:#f7f4f9; }
.open_time_box .ttl { position:relative; margin-right:1em; padding:.35em 1em .2em; color:#fff; font-size:1.1em; background:#9c77bc; place-content: center; }
.open_time_box .ttl span { font-size:1.3em; }
.open_time_box .con { margin:0; padding:.7em 1em; -webkit-flex:1; flex:1; font-size:.95em; }
.open_time_box .con .time { margin-right:.5em; font-size:1.15em; }
.open_time_box .con .time span { font-size:.9rem; }
.open_time_box .ttl:before { content:""; position:absolute; left:100%; top:0;
width:0; height:0; border-width:2.3em 0 2.3em 10px; border-style:solid; border-color:transparent transparent transparent #9c77bc; }
.open_time_box .link_btn { margin-left:1em; }
.topics_bnr { margin:12px; }
.topics_bnr .slick-prev { left:-12px; }
.topics_bnr .slick-next { right:-12px; }
.topics_bnr .slick-list { margin-right:-12px; text-align:center; }
.topics_bnr .slick-slide { margin-right:12px; }
.topics_bnr .slick-slide a { position:relative; display:inline-block; }
.topics_bnr .slick-slide a:before { content:""; position:absolute; z-index:2; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid rgba(255,255,255,.5); opacity:0;
-webkit-transition:all .3s ease-out; transition:all .3s ease-out; }
.topics_bnr .slick-slide a:hover:before { opacity:1; top:5px; left:5px; right:5px; bottom:5px; }
.topics_bnr .slick-slide img { width:100%; }
.topics_area { padding:30px 0 60px; }
.topic_box { position:relative; width:48%; }
.news_list p { margin:0; }
.news_list li { overflow:hidden; margin-bottom:.8em; padding-bottom:.5em; border-bottom:1px solid #eee; }
.news_list .date { float:left; margin-left:1em; }
.news_list .title { clear:left; padding-top:.2em; }
.topic_box .btn_more { position:absolutedisplay; top:0; right:0; font-size:0.875em; }
.topic_box .btn_more a { min-width:auto; padding:.7em 38px .4em 1.5em; font-size:.9em; }
.news_list { overflow-y:auto; max-height:17em; -webkit-overflow-scrolling:touch; } .main_bnr { margin:12px; }
.main_bnr > a { position:relative; z-index:2; overflow:hidden; display:block; padding:35px 65px 28px; background:#000; }
.main_bnr > a > .bg_img { background-image:url(/img/top/bnr/main_bg_gyoten.jpg); } .content_bnr a { position:relative; z-index:2; overflow:hidden; display:block; padding:80px 50px 70px;
color:#fff; text-align:center; text-shadow:0 0 5px rgba(0,0,0,0.8); background:#000; }
.content_bnr .lead { display:inline-block; font-size:1.375em; }
.content_bnr .lead span { display:block; margin-bottom:.3em; padding:0 .5em;
font-size:2em; letter-spacing:.15em; border-bottom:1px solid #fff; }
.content_bnr .txt { line-height:2; }
.content_bnr .button { margin-top:30px; text-shadow:none; }
.content_bnr .bg_img,
.guide_bnr .bg_img,
.con_bnr .bg_img,
.main_bnr .bg_img { position:absolute; z-index:-1; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:no-repeat center / cover; }
.content_bnr a:hover .bg_img { opacity:.7; }
.content_bnr.about .bg_img { background-image:url(/img/top/bg_about.jpg); }
.content_bnr.activity .bg_img { background-image:url(/img/top/bg_activity.jpg); }
.content_bnr.otetsugi .bg_img { background-image:url(/img/top/bg_otetsugi.jpg); }
.content_bnr.kuyo .bg_img { background-image:url(/img/top/bg_kuyo.jpg?v2); } .pickup { padding:45px 0 60px; }
.pickup .slick-slide img { margin:0 auto; } .guide { padding:50px 0 60px; color:#fff; text-align:center;
background:#000 url(/img/top/bg_guide.jpg) no-repeat center / cover; }
.guide_bnr li { width:31.8%; }
.guide_bnr li a { position:relative; z-index:2; overflow:hidden; display:block; padding:27% 9%;
text-align:center; color:#fff; background:#000; }
.guide_bnr .ttl { position:relative; padding:1em .5em .8em; line-height:1.5; font-size:1.563em; background:rgba(0,0,0,.7); }
.guide_bnr .ttl span { display:block; font-size:0.44em; }
.guide_bnr .ttl:before, .guide_bnr .ttl:after {
content: ""; position:absolute; top:-.5em; left:0; right:0;
width:1px; height:1em; margin:0 auto; background:#fff;
}
.guide_bnr .ttl:after { height:0; background:#000; }
.guide_bnr a:hover .ttl:after {
-webkit-animation:line-down 1s infinite ease-in-out;
animation:line-down 1s infinite ease-in-out;
}
.guide_bnr .goshuin .bg_img { background-image:url(/img/top/bnr_bg_goshuin.jpg); }
.guide_bnr .info .bg_img { background-image:url(/img/top/bnr_bg_info.jpg); }
.guide_bnr .access .bg_img { background-image:url(/img/top/bnr_bg_access.jpg); } .con_bnr { margin:15px; }
.con_bnr li { width:49.5%; margin-bottom:12px; }
.con_bnr li a { position:relative; z-index:2; overflow:hidden; display:block; height:100%;
padding:15%; text-align:center; text-shadow:0 0 5px rgba(0,0,0,0.8); color:#fff; background:#000; }
.con_bnr .ttl { padding:1.8em .5em; font-size:1.625em; border:1px solid rgba(255,255,255,.5); }
.con_bnr a:hover .bg_img { opacity:.7; }
.con_bnr .event .bg_img { background-image:url(/img/top/bnr_bg_event.jpg); }
.con_bnr .history .bg_img { background-image:url(/img/top/bnr_bg_history.jpg); }
.con_bnr .wedding .bg_img { background-image:url(/img/top/bnr_bg_wedding.jpg); }
.con_bnr .mieido .bg_img { background-image:url(/img/top/bnr_bg_mieido.jpg); }
.con_bnr .kaishu850 .bg_img { background-image:url(/img/top/bnr_bg_kaishu850.jpg); } .insta { padding:20px 0 50px; text-align:center; }
.conttl_insta { margin-bottom:.5em; font-size:2em; letter-spacing:.05em; }
.insta .btn_more { margin-top:1.5em; }
#instaList > li { width:24.25%; margin-left:1%; margin-bottom:1%; }
#instaList > li > a { display:block; padding-top:100%; position:relative; overflow:hidden; }
#instaList .landscape { max-width:initial; height:100%; } .bnr_area { padding:50px 0 30px; background:#f5f5f5; }
.bnr_list li { width:32%; margin-bottom:20px; } @media all and (-ms-high-contrast:none){
#main_slider .slide_lightup .period_date img { width:100%; height:100%; }
}
@media screen and (min-width: 600px) {
.guide .secttl { display:inline-block; margin-bottom:1.5em; padding-top:0; text-align:left; line-height:1.7; }
.guide .secttl:before { display:none; }
#instaList > li:nth-child(4n+1) { margin-left:0; }
#instaList li:nth-child(n+9) { display:none; }
#main_slider .manbue .ttl img { margin-top: 60px; } #main_slider .joya a{ padding-top:3em; }
#main_slider .joya .date{ width: 30%; } #main_slider [class^="nembutsu25"] { text-align: center; } #main_slider .manbue .ttl { margin-left:3em; }
}
@media screen and (min-width: 768px) {
.hoyo_time .ttl { width:11em; } }
@media screen and (min-width: 960px) { #main_slider .joya a{ padding-top:5em; }
#main_slider .joya .date{ width: 60%; margin:1em auto 2em; } .midnight2022{ margin-bottom:5em; padding: 6em 0 3em; }
.midnight2022 .poku{ margin-bottom:0; }
.midnight2022 .date-box{ width:70%; }
.midnight2022 .date{ width: 45%; }
}
@media screen and (max-width: 1366px) { #main_slider .newyear_tour .ttl img { width:90%; } #main_slider .hojoe .ttl { margin-left:-10%; }
#main_slider .lightup_aut_2022 .moon { left: 15%; }
#main_slider .lightup_aut_2022 .sub { right: 15%; } #main_slider .newyear { background-position: top left; }
#main_slider .newyear img { max-width: 65%;}
}
@media screen and (max-width: 1280px) { #main_slider .manabi2022 .ttl img {    width: 110%;    margin-left: -10%;    margin-right: 0; } #main_slider .hojoe .ttl { margin-left:-20%; top: 15px; } #main_slider .seijin {background:url(/img/slide/seijin/slide.jpg) no-repeat 93% / cover; } #main_slider .newyear_tour .ttl img { width:78%; } #main_slider .lightup_aut .img_box { top: 10%;}
#main_slider .lightup_aut .mainImg { width: 120%;} #main_slider .lightup_spr .layer {background: url(//www.chion-in.or.jp/img/slide/lightup_spr/illust_right.png) no-repeat top 166px right -1%, url(//www.chion-in.or.jp/img/slide/lightup_spr/illust_left.png) no-repeat top 35px left;
background-size: 38%,35%;} #main_slider [class^="nembutsu25"] {padding-top: 6vh;} #main_slider .houyou753 { background-position: 80%;}
#main_slider .houyou753 .date { width: 33%; bottom: 50%;}
}
@media screen and (max-width: 1099px) {
.main_visual .btn_honen { width:18vw; }
#main_slider .slide1 .ttl , #main_slider .slide2 .ttl { margin-left:auto; margin-right:auto; }
#main_slider .slide1 .ttl { width:75%; }
#main_slider .slide_lightup { padding:60px 0; }
#main_slider .slide_lightup .title img { max-width:70%; }
#main_slider .slide_lightup .period_date { width:450px; }
#main_slider .houyou753 .main_catch {right: 1%;} #main_slider .otetsugi .mainttl{ width:100%; margin: 0 auto; }
.content_bnr a { padding:60px 30px 50px; }
.content_bnr .lead { font-size:1.2em; }
.content_bnr .txt { font-size:.9em; }
.guide_bnr .ttl { font-size:1.2em; }
.con_bnr .ttl { font-size:1.3em; }
.insta { padding-top:10px; }
.conttl_insta { font-size:1.6em; }
.topic_box .btn_more { position:static; text-align:right; } #main_slider .newyear_tour .ttl img { width:100%; }
@media screen and (min-width: 600px) {
.topic_box { width:50%; }
.topic_box.news { padding-right:3%; border-right:1px solid #ddd; }
.topic_box.event { padding-left:3%; }
}
}
@media screen and (max-width: 1024px) {
#main_slider { height:60vw; } #main_slider .nehane .ttl { top: 5%; width: 45%; }
#main_slider .nehane .ttl img { width: 100%; }
}
@media screen and (max-width: 1199px) { #main_slider { height:60vw; }
}
@media screen and (max-width: 1399px) { #main_slider .seijin .main_img { max-width: 48%; }
#main_slider .seijin .date { max-width: 44%; right: 5%; bottom: 12.5%; }
#main_slider .seijin .btn_more { right: 11%; }
}
@media screen and (min-width: 1200px) { #main_slider .otetsugi .mainttl { width: 75%; }
}
@media screen and (min-width: 1600px) { #main_slider .otetsugi .mainttl { width: 70%; }
}
@media screen and (min-width: 1900px) { #main_slider .otetsugi .mainttl { width: 60%; } #main_slider .newyear_tour .ttl img { width:45%; }
} @media screen and (max-width: 959px) {
#main_slider { min-height:460px; }
#main_slider .slide1 .ttl { width:80%; }
#main_slider .slide2 .ttl { width:70%; }
#main_slider .slide2 .txt, #main_slider .slide2 .btn_more { font-size:.8em; }
.main_visual .btn_honen { width:20vw; }
#main_slider [class^="nembutsu25"][class*="-1125"] .ttl { width: 65%; } #main_slider .manabi2022 .ttl img { width: 100%;  margin-left: -6%;  margin-right: auto; }
#main_slider .manabi2022 .button.st_bg {  top: 90%; } #main_slider .kyosanhoyo .ttl img { width: 50%; } #main_slider .manbue .ttl { height: 70%; } #main_slider .butsumyou .ttl { height: 50%; } #main_slider .tokubetsuhoyo { background-position: right; }
#main_slider .tokubetsuhoyo .ttl { width: 45%; top: 20px; right: 20px; } #main_slider .ominugui img { width:50%; }
#main_slider .ominugui .ttl img { margin-right: 0; } #main_slider .joya .ttl { width: 45%; margin-bottom:0; }
#main_slider .joya .date{ width: 50%;}  #main_slider .newyear_tour .ttl img,
#main_slider .newyear_tour img { width:60%; }
#main_slider .newyear_tour .ttl { margin-top: -5em;}
#main_slider .newyear_tour .date { margin-top: 1em;}
#main_slider .newyear_tour .btn_more { top: 80%;} #main_slider .shukihigane .ttl {  height: 100%;  margin-bottom: 0;  margin-top: -10%; }
#main_slider .lightup_aut_2022 .moon { top: 5%; }
#main_slider .lightup_aut_2022 .lightup_title { top: 6%; }
#main_slider .lightup_aut_2022 .sub { top: 4%; } #main_slider .lightup_aut .img_box { width: 30%; top: 10%; right: 10%; z-index: 1;}
#main_slider .lightup_aut .mainImg { width: 120%; bottom: -16px; left: 0;}
#main_slider .lightup_aut .btn_more { top: 85%;} #main_slider .lightup_spr .main_ttl { width:clamp(6.25rem, 1.027rem + 13.93vw, 9.375rem); }
#main_slider .lightup_spr .lead { width: clamp(14.375rem, 7.063rem + 19.5vw, 18.75rem); bottom: 15%; right: 2%; }
#main_slider .lightup_spr .mainImg { width: clamp(21.875rem, 11.429rem + 27.86vw, 28.125rem); } #main_slider .midnight .txt_gyoki { top:18px; width:10%; } .midnight2025 .ttl{ width: 75%; margin: 4em auto 0; } #main_slider .sarana .mainttl { height:100%; } #main_slider .event-learn .mainttl img { height:100%; }
#main_slider .event-learn .date { padding:70px 10px 25px; background-size:180%; }
#main_slider .event-learn .date img { width:50%; }
#main_slider .butsumyoe .ttl { padding-left: 0; }
#main_slider .butsumyoe .ttl img { max-height: 95%; } #main_slider .midnight2021{ padding-top:4em; }
#main_slider .midnight2021 .ttl{ margin-bottom:3em; } #main_slider [class^="nembutsu25"] { padding-top: 2vh; }
#main_slider [class^="nembutsu25"] .ttl{ margin: 0 auto 0.6em; }
#main_slider [class^="nembutsu25"] .date{ font-size:1.1em; } #main_slider [class^="nembutsu25"] .ttl {width: 80%;}
#main_slider .nembutsu_contents { top: 10%; } #main_slider .seijin .date { width: 40%; }
#main_slider .seijin .btn_more { min-width: 220px; padding: 0.7em 0 0.5em; font-size: 1em; } #main_slider .houyou753 .main_ttl img { width: 30%; }
#main_slider .houyou753 { background-position: 70%;}
#main_slider .houyou753 .date { width: 42%; margin:0 auto 1rem 3%; bottom: 22%; }
#main_slider .houyou753 .main_catch img { max-height: 300px; }
#main_slider .houyou753 .btn_more{ top: 85%; margin: 0 auto; }
#main_slider .houyou753 .main_catch {right: 2.5%;} .midnight2022 .ttl{ width:65%; }
.midnight2022 .time{ width: 70%; margin-top:-1em; }
.midnight2022 .date{ width: 32%; margin-top:-3em; }
.midnight2022 .poku{ margin-top:-4em; }
.midnight2022 .poku li{ width: 22%; } #main_slider .butsumyoe .btn_more{ top: 75%;} .midnight2024 .ttl{ width:80%; margin:0 auto; }
.midnight2024 .btn_more{ padding:.3em 1.5em 0.2em 1.2em; }
}
@media screen and (max-width: 767px) {
.open_time_box { display:block; margin-bottom:0; text-align:center; }
.open_time_box .ttl { margin-right:0; padding-top:.3em; }
.open_time_box .ttl:before { display:none; }
.open_time_box .con span { margin-right:1em; }
.main_bnr a { padding:0; }
.main_bnr > a > .bg_img { background:none; } #main_slider .manabi2022 .button.st_bg {  top: 85%; }
}
@media screen and (max-width: 699px) { #main_slider .seijin .btn_more {
top: 85%; right: 8%;
}
#main_slider .seijin .date {
bottom: 15%;
}
} @media screen and (max-width: 599px) {
.main_visual .btn_honen { display:none; width:30vw; right:0; }
#main_slider { min-height:280px; }
#main_slider .slide2 .ttl { width:90%; margin:0 auto 20%; }
#main_slider .slide2 .txt { display:none; }
#main_slider .slide2 .txt, #main_slider .slide2 .btn_more { font-size:.7em; }
#main_slider .slide2 .btn_more .button { padding:.6em 3em .5em 1.5em; }
#main_slider [class^="nembutsu25"][class*="-1125"] { background-position-x: left; }
#main_slider [class^="nembutsu25"][class*="-1125"] .nembutsu_contents { top: 6%; }
#main_slider [class^="nembutsu25"][class*="-1125"] p.small { line-height: 1.5; }
.content_bnr.otetsugi .bg_img { background-position: 30%;}
.open_time_box .con .time { margin-right: 0; }
.open_time_box .con .time span { font-size:.8rem; } #main_slider .manabi2022 .button.st_bg {  padding: 0.2em 3em 0.1em 3em; } #main_slider .kyosanhoyo .ttl img { top: 0; bottom: 0; margin: auto; } #main_slider .joya .ttl { width:60%; margin-bottom: 1em;}
#main_slider .joya .button{ padding: 0.2em 3em 0.1em 3em; font-size: 0.8em; }
#main_slider .joya .date{ width: 53vw;}  #main_slider .newyear_tour .ttl img { width:60%; }
#main_slider .newyear_tour .btn_more { top: 78%; } #main_slider .mieido_rakkeihoyo .ttl { width: 45%; top: 40px; right: 0; } #main_slider .lightup_spr .btn_more { min-width: 160px; padding: 0.3em 2em 0.2em 2em; font-size: 0.8em; }
#main_slider .lightup_spr .mainImg { width: clamp(13.125rem, 6.847rem + 26.79vw, 16.875rem); }
#main_slider .lightup_spr .main_ttl { width: clamp(3.75rem, 1.657rem + 8.93vw, 5rem); }
#main_slider .lightup_spr .lead { width: clamp(9.375rem, -2.134rem + 49.11vw, 16.25rem); } #main_slider .lightup_aut { justify-content: unset;}
#main_slider .lightup_aut .data_wrap { display: flex; align-items: baseline; gap: 1em; width: 75%; margin-inline: auto; padding-top: 2em; }
#main_slider .lightup_aut .data_wrap > * { position: static; transform: unset;}
#main_slider .lightup_aut .data_wrap .main_ttl { flex: 1;}
#main_slider .lightup_aut .data_wrap .data { width: 77%;}
#main_slider .lightup_aut .main { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); width: min(80%,300px);} #main_slider .otetsugi .mainttl{ width: 90%; }
#main_slider .otetsugi .logomark { top:15px; right:15px; max-width:10%; } #main_slider .event-learn .date { padding-top:8.5vw; padding-bottom:5vw; }
#main_slider .event-learn .date img { width:70%; }
#main_slider .event-learn .mainttl img { height:auto; } #main_slider .shunkihigane .button.st_bg { bottom: 1em; padding: 0.3em 0; } #main_slider .shukihigane .button.st_bg { font-size:10px; }
#main_slider .shukihigane .ttl { margin-top:-12%; margin-bottom: -2%; } #main_slider .fudannenbutsue .button.st_bg { font-size:10px; top: 85%; left: unset;}
#main_slider .fudannenbutsue .ttl img { width: 90%; } #main_slider .hojoe .ttl { margin-left:-25%; top:0; } #main_slider .nehane .ttl { width: 55%; } #main_slider .gyokidaie .ttl{ width:50%; left:calc(50% - 26%); }
#main_slider .gyokidaie .btn_more{ top: 85%; padding: 0.2em 3em 0.1em 3em; }
.covid19 a { line-height: 1.5; }
.open_time_box .con span { display:block; margin-right:0; }
.topic_box { width:100%; margin-bottom:1em; padding-bottom:.5em; }
.topic_box .btn_more { margin-top:.8em; font-size:.7em; }
.content_bnr a { padding:50px 15px; }
.content_bnr .lead span { font-size:1.5em; }
.content_bnr .button { margin-top:10px; }
.content_bnr .txt br { display:none; }
.content_bnr.activity .bg_img { background-position:left 20% center; }
.guide .conttl { display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; }
.guide .conttl span { -webkit-order:2; order:2; }
.guide_bnr li { width:100%; margin-bottom:15px; }
.guide_bnr li:nth-child(2) { -webkit-order:-1; order:-1; }
.guide_bnr li a { padding:20%; }
.con_bnr { margin:15px 10px; }
.con_bnr li { width:100%; margin-bottom:5px; }
.con_bnr .ttl { padding:2.5em .5em; font-size:1.3em; }
.con_bnr li a { padding:3%; }
.con_bnr .bg_img { opacity:.8; }
.bnr_area { padding:40px 0 30px; }
.bnr_list li { width:48%; margin-bottom:10px; }
#instaList li { width:32%; margin-bottom:5px; } #main_slider .midnight2021{ padding-top:3em; }
#main_slider .midnight2021 .ttl{ width: 80%; margin-bottom: 1em; }
#main_slider .midnight2021 .date{ font-size:1.1em; }
#main_slider .midnight2021 .btn_more{ top: 2em; } .midnight2025 .ttl { width: 80%; margin: 0 auto; }
.midnight2025 .btn_more { min-width:150px; top:82%; font-size: 0.85em; } #main_slider [class^="nembutsu25"] .date_box { width: 95%; padding: 0.5em 1em .2em; }
#main_slider [class^="nembutsu25"] .date { width: 95%; margin: 0 0 .5em; padding: 0; font-size: 0.85em; line-height:1.3;}
#main_slider [class^="nembutsu25"] .btn_more{ top: 0; padding: 0.2em 3em 0.1em 3em; }
#main_slider [class^="nembutsu25"] {padding-top: 0em;}
#main_slider [class^="nembutsu25"] .schedule { font-size: .9em; }
#main_slider .nembutsu_contents { top: 13%; }
#main_slider .nembutsu_contents .button { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); } #main_slider .seijin { padding-top: 2em; }
#main_slider .seijin .btn_more { min-width: 150px; top: 85%; right: 10%; padding: 0.4em 0 0.2em; font-size: 0.8em; }
#main_slider .seijin .date { max-width: 35%; margin: 0 auto 2rem 0; right: 9%; bottom: 9%;}
#main_slider .seijin .main_img { max-width: 47%; } #main_slider .houyou753 { padding-top: 1em; }
#main_slider .houyou753 .date { width: 45%; margin:0 auto 30px 1rem; bottom: 18%;}
#main_slider .houyou753 .main_catch { top: 0; right: -2%;  }
#main_slider .houyou753 .main_catch img {  max-height: 200px; }
#main_slider .houyou753 .btn_more{ top: 87%; margin: 0 auto; padding: 0.3em 3em 0.2em 3em;} .midnight2022 .time{ width:90%; margin-top:0; }
.midnight2022 .date{ width:40%; margin-top:0; } #main_slider .kaishu850{ background-position: 67%; }
#main_slider .kaishu850 .ttl{ width:65%; top:18%; }
#main_slider .kaishu850 .button{ padding-top:0.2em; padding-bottom:0.1em; } #main_slider .butsumyoe .ttl { height:65%; margin-top: 6%; padding-left: 3%; text-align:left; }
#main_slider .butsumyoe .btn_more{ top: 70%;} .midnight2024{ padding-bottom: 5%; }
.midnight2024 .ttl{ width:85%; }
.midnight2024 .btn_more{ min-width:150px; top:82%; font-size: 0.85em; } #main_slider .gyotenkouza img { position: absolute; transform: scale(1.2); top: 10%; left: -1%;}
@media screen and (max-width: 420px) { #main_slider .houyou753 .main_ttl { margin-left: 11%;}
#main_slider .houyou753 .main_ttl img { width: 39%; }
#main_slider .houyou753 .date {width: 50%; bottom: 13%;} #main_slider .otetsugi .mainttl { width: 102%; } #main_slider .lightup_aut .img_box { width: 33%; top: 10%; right: 10%; z-index: 1;}
#main_slider .lightup_aut .mainImg { width: 120%; bottom: -16px; left: 0;} #main_slider .seijin .main_ttl {padding-top: 10%;}  #main_slider .newyear_tour .ttl img { width:70%; }
#main_slider .newyear_tour .ttl { margin-top: -4em; }
#main_slider .newyear_tour .btn_more { top: 72%; padding: 0.2em 3em 0.1em 3em;}
}
@media screen and (max-width: 320px) {
#main_slider .event-learn .date { padding-top:14vw; padding-bottom:8vw; }
#main_slider .event-learn .date img { width:80%; }
#main_slider .houyou753 .btn_more{ top: 30px; }
}
}
  .entry-page { border-top:1px solid #eae8ea; background:#f5f5f5; }
.entry-wrap { max-width:1100px; margin:0 auto; }
.outline-title { margin-bottom:1.5em; padding:.4em 0; line-height:1.2em; font-size:1.8em; border-bottom:1px solid #a40000; } .entry-post { margin-bottom:50px; padding:20px 0; }
h1.entry-title a { color:#000; text-decoration:none; }
h1.entry-title a:hover { color:#8A8A8A; }
.entry-header { margin-bottom:3em; padding:.5em 0 1em; border-bottom:1px solid #ddd; }
.entry-header .entry-title { margin-top:.4em; font-size:1.8em; line-height:1.5; }
.entry-header p { display:inline-block; margin:0; vertical-align:middle; }
.entry-header .category_box { margin-right:1em; }
.entry-header i { color:#272a49; }
.entry-inner { max-width:900px; margin:0 auto; }
.entry-footer { padding:5px 10px; font-size:.9em; border-top:1px solid #000; }
.entry-footer p { margin:0; }
.entry-footer i { color:#817333; }
.entry-footer a { color:#000; } .entry-content { padding-bottom:4em; border-bottom:1px solid #ddd; }
.entry-content a { color:#b388d6; }
.entry-content h2 { font-size:1.5em; }
.entry-content h3 { font-size:1.25em; }
.entry-content h4 { font-size:1.1em; }
.entry-content h5 { font-size:1em; }
.entry-content h6 { font-size:1em; }
.entry-content p { margin:0 0 1em; }
.entry-content ol , .entry-content ul { margin:1em 0; padding-left:1em; }
.entry-content ol li , .entry-content ul li { margin-bottom:.2em; }
.entry-content ul { list-style-type:disc; }
.entry-content ol { list-style-type:decimal; }
.entry-content em { font-style:italic; font-weight:normal; }
.entry-content hr { margin:3em 0; border:none; border-top:1px dotted #ddd; }
.entry-content .subttl2 { margin:2em 0 .8em; padding-top:.1em; font-size:1.5em; }
.entry-content .img_box { margin:3em 0; }
.entry-content .img_box p { font-size:.9em; }
.entry-content .wp-caption-text { margin:.8em 0; font-size:.9em; }
.con_title1 { margin:2em 0 1em; padding-bottom:.3em; font-size:1.25em !important; line-height:1.5; border-bottom:1px solid #ddd; }
.con_title2 { margin-bottom:1em; padding-bottom:.2em; font-size:1.25em !important; line-height:1.5;  border-bottom:1px solid #a385bb; }
.con_title3 { position:relative; margin:1em 0 .5em; padding-top:.1em; padding-left:1em; line-height:1.5; }
.con_title3:before { content:""; position:absolute; top:.5em; left:0; width:.6em; height:.6em; border-radius:50%; background:#a385bc; }
.con_title:first-child, .con_title2:first-child, .subttl2:first-child { margin-top:0; }
.subttl2 + .con_title1, .subttl2 + .con_title2 { margin-top:0; }
.con_tbl { min-width:50%; }
.con_tbl tr > * { padding:0 0 .5em; vertical-align:text-top; border:none; }
.con_tbl th { max-width:8em; min-width:5em; padding-left:.8em; padding-right:.5em; border-left:3px solid #aaa; text-align:left; font-weight:normal; }
.txt_highlight { position:relative; margin:2em 1.5em !important; padding:1em 3em; font-size:1.125em; text-align:center; }
.txt_highlight:before, .txt_highlight:after { content:""; position:absolute; top:0; bottom:0; width:1em; border:1px solid #9c77bb; }
.txt_highlight:before { left:0; border-right:none; }
.txt_highlight:after { right:0; border-left:none; }
.box1 { margin:2em 0; padding:1.5em; border:1px solid #666; }
.box2 { margin:2em 0; padding:1.5em; background:#f6f3f8; }
a.link_btn { color:#000; }
.post blockquote {margin:20px 0; padding:10px; font-style:italic; border-left:5px solid #ddd; background:#eee;  }
.post blockquote p{margin:0;}
.tag { padding:30px 0px 0px 0px; clear:both; } .entry_list .entry_item { border-bottom:1px solid #ddd; }
.entry_list .entry_item.link_none { padding:1.5em 0; }
.entry_list .entry_item a { padding:1.5em 0; display:block; color:#000; }
.entry_list .entry_item a:hover { background:#f7f4f9; }
.entry_list figure { overflow:hidden; width:30%; max-width:280px; margin-right:2em; }
.entry_list .list_con { width:66%; -webkit-flex:1; flex:1; }
.entry_item .info { margin:0; }
.category_box .cat { float:left; display:inline-block; padding:.2em 1.5em .1em; text-align:center; color:#000; font-size:.938em; line-height:1.5; border:1px solid transparent; background:#cdb4e2; }
.category_box .cat + .cat { margin-left:.5em; }
.category_box .type { color:#888; border-color:#888; background:#fff; }
.entry_item .info .cat + .date { margin-left:1em; }
.entry_list .ttl { margin:.6em 0 .8em; font-size:1.4em; }
.entry_list .text { margin:0; font-size:.9em; }
.event_info { padding:0 0 .5em; padding-left:1em; border-left:3px solid #ddd; }
.event_info .date { margin-bottom:.3em; font-size:1.2em; }
.event_info .label, .event_list .label { margin-right:.8em; padding:.2em .5em .1em; background:#eee; }
.event_info dd:not(:last-child) { margin-bottom:.5em; }
.entry_item.entry_kacho .date { display:inline-block; margin-top:0; padding:.1em .8em; color:#fff; letter-spacing:.1em; background:#9c77bc; }
.category_box .cat.event { background:#eac659; }
.category_box .cat.flower { background:#ecacc4; }
.category_box .cat.shakyo { background:#cfd688; }
.category_box .cat.howa { background:#a2cee2; }
.category_box .cat.important { background:#e67272; }
.category_box .cat.blog { background:#9eccbf; }
.category_box .cat.bunkazai { background:#f3c27a; }
.category_box .type.worship { color:#0075a9; border-color:#0075a9; }
.category_box .type.exp { color:#ff9800; border-color:#ff9800; }
.category_box .type.app { color:#c7534b; border-color:#c7534b; }
.news_list .cat { min-width:7em; padding:.2em .8em .1em; font-size:.85em; } .annual_event main { overflow:initial; }
.event_calender { margin-bottom:10px; }
.event_calender .month { width:6em; padding:.7em 1em; background:#f5f5f5; }
.event_calender .month .label { position:-webkit-sticky; position:sticky; z-index:2; top:50px;
text-align:right; font-size:1.5em; letter-spacing:.15em; }
.event_box { -webkit-flex:1; flex:1; }
.event_list { border-left:1px solid #666; }
.event_list .entry_item { position:relative; margin-left:20px; border-bottom:1px solid #ddd; }
.event_list .entry_item.link_none, .event_list .entry_item a { padding:1.2em 50px .8em .8em; }
.event_list .entry_item:before { content:""; position:absolute; top:1.75em; left:-25px;
width:9px; height:9px; border-radius:50%; background:#666; }
.event_list .entry_item a { overflow:hidden; display:block; color:#000; }
.event_list .entry_item a:hover { background:#f7f4f9 }
.event_list .entry_item dl { overflow:hidden; }
.event_list dt span {  font-size:.8em; }
.event_list .place { position:relative; margin:.5em 0 0; padding-left:4em; font-size:.9em; }
.event_list .place .label { position:absolute; top:-.2em; left:0; float:none; }
.event_list .ttl { margin:0; }
.event_list .entry_item a:after {
content:""; position:absolute; top:0; right:1em; bottom:0; width:.3em; height:.3em; margin:auto 0;
-webkit-transform:rotate(-45deg); transform:rotate(-45deg);
border-right:2px solid #8159a3; border-bottom:2px solid #8159a3;
}
.event-post .entry-header { margin-bottom:1.5em; }
.event_summary { margin-bottom:2.5em; padding:1em; font-size:1.05em; border:1px solid #ddd; }
.event_summary .event_info { padding-top:.3em; padding-bottom:.3em; }
.event_summary .label { float:left; width:4.2em; font-size:.9em }
.event_summary .item:not(:last-of-type) { margin-bottom:.5em; }
.event_summary .item dd { margin-left:4.5em; }
.event_summary .item a { color:#b388d6; }
.event_ttl { margin-top:1em; } .kacho-header { position:relative; margin-bottom:3em; background:#d6ba8c; border:4px solid #d6ba8c; }
.kacho-header .head-content { position:absolute; left:0; bottom:0; padding:2em; z-index:1; }
.kacho_logo { position:absolute; top:1em; right:1em; display:inline-block; max-width:20%; margin:0; background:rgba(156, 119, 187, .8); z-index:1; }
.kacho-title { font-size:1.75em; }
.kacho-title span { display:inline-block; margin-top:.2em; padding:.3em .4em .15em; line-height:1.2; background:#fff; }
.kacho-title span + span { margin-top:.2em; }
.kacho-header .issue { display:inline-block; margin-top:0; padding:.1em .8em; color:#fff; font-size:1.1em; letter-spacing:.1em; background:#9c77bc; }
.img_none .kacho-header { min-height:215px; background:#fff; }
.img_none .kacho-header .head-content { position:static; padding-right:25%; }
.img_none .kacho-title span { padding:0; }
.profile_box { margin-top:2em; padding:2em; line-height:1.7; border:1px solid #666; }
.profile_box figure { width:120px; margin-right:2em; }
.profile_box .prf_content { -webkit-flex:1; flex:1; }
.profile_box p { margin:0; }
.profile_box .name { margin-bottom:1em; padding:0 0 .5em; border-bottom:1px solid #d4c6de; }
.profile_box .name span { font-size:1.45em; }
.profile_box .hp { margin-top:1em; } @media all and (-ms-high-contrast:none){
.entry_list figure img { height:100%; }
} .search .post:before { content:""; }
.search .entry-header p { text-align:left; }
.search .entry-header span { margin-left:0; margin-right:1em; }
.search .entry-summary p { margin: 10px 0 0 12px; } .post .author { margin-top:15px; overflow:hidden; }
.post .author img { float:left; }
.post .author p { margin-left:111px; }
.navigation { clear:both; height:34px; margin:0 0 25px 0; }
.navigation span { display:block; }
.navigation a {position:relative; display:inline-block; }
.navigation a:after { content:''; position:absolute; top:0.6em; width:5px; height:8px; background:url(//www.chion-in.or.jp/img/arrow.svgz) no-repeat 0 0 / 100%; }
.navigation .prev { float:left; }
.navigation .prev a { padding-left:1.3em; }
.navigation .prev a:after { left:0; transform:scale(-1, 1); -webkit-transform:scale(-1, 1); }
.navigation .next { float:right; }
.navigation .next a { padding-right:1.3em; }
.navigation .next a:after { right:0; }
.navigation a:hover { color:#8A8A8A; } #respond { margin-top:15px; }
#reply-title { font-size:1.2em; font-weight:bold; }
#commentform p{ margin:5px 0px; }
#commentform label { display:inline-block; width:120px; }
#commentform input[type="text"], #commentform textarea { width:475px; padding:4px; border:1px solid #DDD; }
#commentform .form-submit { text-align:center; }
#commentform .form-submit input { padding:5px 10px; }
#comments { padding:15px; text-align:left; background:url(//www.chion-in.or.jp/wp/wp-content/themes/chionin/images/bg_comments.png); }
#comments-count { padding:3px 15px; color:#FFF; background:#630; font-size:1.2em; font-weight:bold; box-shadow:0 0 3px rgba(0,0,0,0.4); }
#comments-list li { margin-top:15px; position:relative; }
#comments-list .children li { margin-left:20px; padding-right:0; padding-bottom:0; border-top:1px dotted #DDD; box-shadow:none; }
#comments-list .comment-author .fn { font-style:normal; font-weight:bold; font-size:1.2em; }
#comments-list .avatar { float:left; margin-right:15px; }
#comments-list .comment-meta { margin-bottom:20px; line-height:1; }
#comments-list .comment-meta a { color:#666; }
#comments-list .comment-meta a:hover { color:#999; }
#comments-list p{ margin:0 0 0.8em 63px; }
#comments-list .reply { text-align:right; }
#comments-list .reply a{ padding:3px 10px; background:#6DCBAB; color:#FFF; }
#comments-list .reply a:hover { background:#53C8D9; }  .wp-caption { max-width:100%; margin:3em auto; }
.wp-caption-text { text-align:center; }
.img_box .wp-caption { margin:0 auto; }
.alignright div, .alignleft div { margin:0 auto; }
.gallery .gallery-item { padding:.5em .8em; }
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width:100%; height:auto; }
.aligncenter,
img.aligncenter {
clear:both; display:block; margin-left:auto; margin-right:auto; }
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom:12px; }
#content .attachment img { display:block; margin:0 auto; background: }
#contents .gallery { margin-top:2em; margin-bottom:2em; }
[id^="gallery-"] img,
[id*=" gallery-"] img {
border:none !important;
}    #side { position:relative; margin-bottom:1.5em; }
.widget-title { position:relative; font-size:1em; font-weight:normal; padding:.5em 2.5em .5em 1em; background:#f7f4f9; cursor:pointer; }
.widget ul {  padding:1em 1.5em .5em; background:#666; }
.widget li a { position:relative; display:block; padding-left:1.3em; font-size:0.9em; color:#fff; }
.widget li a:before { content:""; position:absolute; top:0.6em; left:0; width:.3em; height:.3em; border-right:2px solid #fff; border-bottom:2px solid #fff;
-webkit-transform:rotate(-45deg); transform:rotate(-45deg); } #side form { margin:0 0px 30px 0px; }
#search label { display: none; }
#s { width: 80%; height:32px; margin:0; padding: 0 8px; line-height:31px; border:1px solid #4c5382; border-radius:0;  }
#searchsubmit { position:relative; width:20%; height:32px; margin:0; font-size:0; vertical-align:bottom; border:none; background:#272a49; cursor:pointer;
transition:all .5s; -webkit-transition:all .5s; }
#searchsubmit:before { content:"\f002"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:16px; color:#fff; }
#searchsubmit:hover { background:#a40000; } #wp-calendar { margin:10px auto 0px auto; width:90%; font-size:14px; }
#wp-calendar td { padding:7px; }
#wp-calendar caption { color:#000; font-size:1.1em; font-weight:bold; margin:0px 0px 5px 0px; }
#wp-calendar thead th { font-weight:normal; }
#wp-calendar tbody { color:#aaa; }
#wp-calendar tbody td {  border:1px solid #fff; padding:3px 0 2px; text-align:center; }
#wp-calendar tbody .pad { background:none; }
#wp-calendar tfoot #next { text-align:right; } .event_type_list { margin-bottom:3em; }
.event_type_list li { overflow:hidden; margin-bottom:.8em; }
.event_type_list .cat { min-width:8.5em; margin-right:.8em; } #side select { margin:30px 0px 30px 0px; } .tagcloud { margin:10px 0px 10px 0px; } .wp-pagenavi { margin-top:2em; text-align:center; }
main .wp-pagenavi a, main .wp-pagenavi span { padding:.3em .8em; border:none; background:#eee; }
main .wp-pagenavi a:hover,
main .wp-pagenavi span.current { border:none; color:#fff; background:#9c77bc;  }
.pickup_list li { margin-bottom:30px; } .instashow-gallery .instashow-gallery-media-cover {
background: rgba(129, 89, 163, .9) !important;
}
@media screen and (min-width: 960px) { .widget-title:before { content:""; position:absolute; top:0; right:1em; bottom:0;
width:.3em; height:.3em; margin:auto; border-right:2px solid #8159a3; border-bottom:2px solid #8159a3;
-webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .5s; transition:all .5s; }
.widget { float:left; margin-right:1em; }
.widget ul { position:absolute; top:80%; left:0; z-index:1; width:100%;
visibility:hidden; opacity:0;
-webkit-transition: all .3s; transition:all .3s; }
.widget:hover ul { top:100%; visibility:visible; opacity:1; }
.widget li { margin:0 1.5em .5em 0; float:left; }
}
@media screen and (min-width: 600px) {
.alignleft,
img.alignleft {
display:inline; float:left; margin:6px 20px 0 0; }
.alignright,
img.alignright {
display:inline; float:right; margin:0 0 0 20px; }
.event_list .info { width:8.5em; padding:.2em 1em;
border-right:1px solid #ddd; border-left:1px solid #ddd; }
.event_list dt { width:6.5em; padding:0 .8em .8em 0; font-size:1.15em; line-height:1.5; }
.event_list dd.summary { -webkit-flex:1; flex:1; padding:.2em 1em .4em 1.2em; }
.event_list .info .cat { float:none; display:block; font-size:.83em; padding:.2em .5em 0; }
.event_list .info .cat + .cat { margin-left:0; margin-top:.4em; }
.month_nav { margin-bottom:1.5em; border-left:1px solid #b695d8; }
.month_nav li { display:inline-block; border-right:1px solid #b695d8; }
.month_nav li a { display:block; padding:.2em 1em; line-height:1.2; }
}
@media screen and (max-width: 959px) {
.widget { margin-bottom:.5em; }
.widget + ul { display:none; }
.widget li { margin-bottom:.4em; }
.widget-title:after { right:1em; }
#blog_main, #side { float:none; width:100%; }
#s { width:90%; }
#searchsubmit { width:10%; }
.event_calender .month .label { top:90px; }
.month_nav { font-size:.95em; }
}
@media screen and (max-width: 599px) {
.entry-header { padding-bottom:.5em; }
.entry-header .entry-title { margin-top:.6em; padding-bottom:.3em; font-size:1.25em; line-height:1.7; }
.entry-content .subttl2 { font-size:1.3em; }
.entry-post { padding:0; }
.entry_list figure { width:26%; margin-right:1.2em; }
.entry_list .ttl { font-weight:bold; }
.entry_item .info { font-size:.85em; overflow:hidden; }
.event_info { padding-bottom:.1em; padding-left:.8em; }
.entry_list .ttl { font-size:1.05em; }
.event_info .date { font-size:1em; }
.txt_highlight { margin:2em 0 !important; line-height:2.2; padding:1em 1.5em; font-size:1em; }
.txt_highlight br { display:none; }
.profile_box { padding:1.2em; }
.profile_box figure { width:24%; margin-right:1.2em; }
.profile_box .name { font-size:.85em; }
.wp-caption.alignright, .wp-caption.alignleft { margin:1.5em auto; } .event_calender { display:block; }
.event_calender .month { position:-webkit-sticky; position:sticky; top:59px; z-index:2; width:100%; }
.event_calender .month .label { position:static; font-size: 1.3em; text-align:left; }
.event_list .entry_item dl { display:block; }
.event_list dt { margin-bottom:.3em; font-size:1.2em; }
.event_list dt br { display:none; }
.event_list dd.summary { margin-top:.5em; }
.event_list .entry_item.link_none , .event_list .entry_item a { padding:1em 1.5em 1.2em .8em; }
.event_list .entry_item.link_none { padding-right:.8em; }
.event_list .entry_item a:after { right:.5em; }
.event_box { overflow:hidden; padding-left:1em; }
.month_menu { position:relative; z-index:1; overflow:hidden; display:block; height:3.45em; margin-bottom:1em; padding:0; }
.month_menu_inner { overflow-x:auto; -webkit-user-select:none; -webkit-overflow-scrolling:touch; padding-bottom:2em; }
.month_nav { position:relative; white-space:nowrap; text-align:center; }
.month_nav li { display:inline-block; margin-right:2px; }
.month_nav li.current a { color:#666; background:#fff; }
.month_nav li a { display:block; padding:.4em 1.2em .4em; background:#666; color:#fff; border:2px solid #666; border-bottom:none; border-radius:3px 3px 0 0; }
.month_nav li:after, .pageNav li:first-child:before { height:100%; background:#cbbada; } .kacho-header .head-content { padding:.8em; }
.kacho-title { font-size:1.3em; }
.kacho-header .issue { font-size:.9em; }
.kacho-title span { margin-top: .1em; }
.kacho_category-kaishu850 .kacho-header > figure { padding-top:66.66%; position:relative; }
.kacho_category-kaishu850 .kacho-header > figure > img {
position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.kacho_category-kaishu850 .kacho_logo { max-width:10%; }
.img_none .kacho-header { min-height:30vw; }
.img_none .kacho-title span { line-height:1.5; }
}