@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.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; } .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; } .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 .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 .otetsugi { position:relative; text-align:center; background:url(//www.chion-in.or.jp/img/slide/otetsugi/bg_main.jpg) no-repeat center top / cover; }
#main_slider .otetsugi a { width:100%; }
#main_slider .otetsugi .mainttl { max-height: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 { text-align:center; background-image:url(/img/slide/joya/joya.jpg); }
#main_slider .joya a { width:100%; padding-top:1%; }
#main_slider .joya .ttl { margin-bottom:3%; }
#main_slider .joya img { display:inline; }
#main_slider .joya .date { margin:0; } #main_slider .nehane a { display: block; width: 100%; height: 100%; background-image: url(/img/slide/nehane/bg_main.jpg); }
#main_slider .nehane .ttl { position: absolute; left: 3%; top: 3%; right: auto; }
#main_slider .nehane .ttl img { width: 95%; } #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(/special/newyear_tour2020/img/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:68%; }
#main_slider .newyear_tour .date { display:inline-block; margin:-3em auto 0; }
#main_slider .newyear_tour .date img { border-radius:15px; background:#fff; }
#main_slider .newyear_tour img { display:inline; } #main_slider .newyear { text-align:center; background-image:url(/img/slide/newyear/newyear.jpg); }
#main_slider .newyear a, #main_slider .newyear .ttl { width:100%; height:100%; }
#main_slider .newyear img { max-width:initial; height:100%; } #main_slider .lightup_aut_2020 { display:block; position:relative; padding:30px 0 30px; text-align:center;
background: url(//www.chion-in.or.jp/img/slide/lightup_aut/2020/bg.jpg) #000 no-repeat center top / cover; }
#main_slider .lightup_aut_2020 a{ display:block; }
#main_slider .lightup_aut_2020 .lightup_title { position:absolute; top:10%; right:5%; }
#main_slider .lightup_aut_2020 .sub { position:absolute; width:35%; top:10%; left:5%; }
#main_slider .lightup_aut_2020 .time { position:absolute; width:40%; top:60%; left:5%; }
#main_slider .lightup_aut_2020 .btn_more { position:absolute; left:50%; top:82%; width:260px; padding:0.5em 0; 
text-align:center; font-size:.9em; 
color:#000; background:#dfc26c; } #main_slider .lightup_spr { display:block; position:relative; padding:40px 0 20px; text-align:center;
background: url(/img/slide/lightup_spr/bg.jpg) no-repeat center top / cover; }
#main_slider .lightup_spr .contents { width:50%; position:absolute; top:20px; left:calc(50% - 25%); }
#main_slider .lightup_spr .contents img{ margin:0; padding:0; }
#main_slider .lightup_spr .main_right { width:16%; position:absolute; top:40px; right:5%; }
#main_slider .lightup_spr .main_left { width:29%; position:absolute; top:0; left:4%; }
#main_slider .lightup_spr .btn_slide{ width:260px; position:absolute; bottom:15px; left:calc(50% - 130px);
padding:0.4em; font-weight:bold; color:#000000; background:#c4a357; }
#main_slider .lightup_spr .btn_slide::before{ position:absolute; content:"";
width:6px; height:6px; right:0.8em; top:calc(50% - 3px);
border-top: 1px solid #000000; border-right: 1px solid #000000;
-webkit-transform: rotate(45deg); transform: rotate(45deg); color:#000000; } #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; } #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 { background:#bfa008; } #main_slider .shunkihigane { display:block; text-align:center; background-image:url(/img/slide/shunkihigane/bg.jpg); }
#main_slider .shunkihigane a { display:block; height:100%; }
#main_slider .shunkihigane .ttl { height:80%; margin-bottom:2%; }
#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 .butsumyou { display:block; text-align:center; background-image:url(/img/slide/butsumyou/bg.png); }
#main_slider .butsumyou a { display:block; height:100%; }
#main_slider .butsumyou .ttl { height:90%; text-align:right; }
#main_slider .butsumyou .ttl img { max-height:100%; } #main_slider .manbue { display:block; text-align:center; background-image:url(/img/slide/manbue/2020/bg_main.jpg); }
#main_slider .manbue a { display:block; height:100%; }
#main_slider .manbue .ttl { height:90%; text-align:right; }
#main_slider .manbue .ttl img { max-height:100%; } #main_slider .butsumyoe { display:block; text-align:center; background-image:url(/img/slide/butsumyoe/bg.jpg); }
#main_slider .butsumyoe a { display:block; height:100%; }
#main_slider .butsumyoe .ttl { height:90%; margin-top: 1%; padding-left: 3%; text-align:left; }
#main_slider .butsumyoe .ttl img { max-height:100%; } #main_slider .gyokidaie{ display: block; background:url(/img/slide/gyokidaie/2021/slide.jpg) no-repeat 50% top / cover; }
#main_slider .gyokidaie .ttl{ position:absolute; width:46%; top:20%; left:calc(50% - 23%); }
#main_slider .gyokidaie .button{ top:85%; } #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 .nembutsu25{ display: block; padding-top:4em;
background:url(/img/slide/nembutsu25/slide.jpg) no-repeat 50% top / cover; }
#main_slider .nembutsu25 .ttl{ width:60%; margin: 0 auto 2em; text-align: center; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.7)); }
#main_slider .nembutsu25 .date{ width: 60%; 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 .nembutsu25 .date .small{ margin:0 0.1em; font-size:0.7em; }
#main_slider .nembutsu25 .date strong{ font-size:1.6em !important; font-weight:500; }
#main_slider .nembutsu25 .date .gf-vidal{ font-size:1.1em; }
#main_slider .nembutsu25 .btn_more{ top: 4em; } .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; }  .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; }
.open_time_box .ttl span { font-size:1.3em; }
.open_time_box .con { margin:0; padding:.7em 1em .4em; -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:1.45em 0 1.45em 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:absolute; 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.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); } .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; }
}
@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 .butsumyou .ttl img { margin-top: 60px; }
}
@media screen and (min-width: 768px) {
.hoyo_time .ttl { width:11em; }
}
@media screen and (max-width: 1366px) { #main_slider .hojoe .ttl { margin-left:-10%; }
}
@media screen and (max-width: 1280px) { #main_slider .hojoe .ttl { margin-left:-20%; top: 15px; }
}
@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:70%; }
#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 .otetsugi .mainttl{ width:75%; 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; }
@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 .lightup_aut_2020 { background-position:center 20%; background-size:100%; }
#main_slider .lightup_aut_2020 .sub { width:45%; }
#main_slider .lightup_aut_2020 .time { width:45%; top:65%; }
#main_slider .lightup_aut_2020 .btn_more { width:100px; left:50%; } #main_slider .nehane .ttl { top: 5%; width: 55%; }
#main_slider .nehane .ttl img { width: 100%; }
} @media screen and (max-width: 959px) {
#main_slider { min-height:460px; }
#main_slider .slide1 .ttl { width:60%; }
#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 .manbue .ttl { height: 50%; } #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 { margin-bottom:0; }
#main_slider .joya .ttl img { width:80%; }
#main_slider .joya .date img { width:80%; }
#main_slider .joya .date { margin:0; }  #main_slider .newyear_tour .ttl img,
#main_slider .newyear_tour img { width:75%; } #main_slider .lightup_aut_2020 .lightup_title{ width:7%; }
#main_slider .lightup_aut_2020 .time{ width: 40%; top: 62%; }
#main_slider .lightup_aut_2020 .sub{ top: 6%; } #main_slider .midnight .txt_gyoki { top:18px; width:10%; } #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 .nembutsu25 { padding-top: 1em; }
#main_slider .nembutsu25 .ttl{ margin: 0 auto 1em; }
#main_slider .nembutsu25 .date{ font-size:1.1em; }
#main_slider .nembutsu25 .btn_more{ top: 3em; }
}
@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; }
} @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 .joya .ttl img { width:100%; }  #main_slider .newyear_tour .ttl img { width:90%; } #main_slider .mieido_rakkeihoyo .ttl { width: 45%; top: 40px; right: 0; } #main_slider .lightup_aut_2020 .btn_more{ width:140px; min-width:auto; left: 55%; top: 78%; padding: 0.2em 0; font-size: 0.8em; }
#main_slider .lightup_aut_2020 .lightup_title{ width: 8%; }
#main_slider .lightup_aut_2020 .time{ width: 48%; top: 60%; }
#main_slider .lightup_aut_2020 .sub{ width: 50%; } #main_slider .lightup_spr .main_left{ width: 35%; top: 10px; }
#main_slider .lightup_spr .main_right{ width: 23%; top: 10px; right: 2%; z-index: 1; }
#main_slider .lightup_spr .btn_slide{ bottom:5px; } #main_slider .otetsugi .mainttl{ width: 95%; }
#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 .shukihigane .button.st_bg { font-size:10px; }
#main_slider .shukihigane .ttl { margin-top:-5%; } #main_slider .hojoe .ttl { margin-left:-25%; top:0; } #main_slider .nehane .ttl { width: 66%; } #main_slider .gyokidaie .ttl{ width:60%; left:calc(50% - 30%); }
.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; } #main_slider .nembutsu25 .date { width: 90%; padding: .5em 0; font-size: 1em; }
#main_slider .nembutsu25 .btn_more{ top: 2em; }
}
@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%; }
}
  .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; }
.kacho_logo { position:absolute; top:1em; right:1em; display:inline-block; max-width:20%; margin:0; background:rgba(156, 119, 187, .8); }
.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; }
.img_none .kacho-header { min-height:30vw; }
.img_none .kacho-title span { line-height:1.5; }
}