@charset "UTF-8";
/*---------------------------------------
160101
---------------------------------------*/
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; margin: -6px 0; padding: 5px; border: 1px solid #c6c6c6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
input, textarea, select { *font-size: 100%; }
ul, ol { list-style: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
a:hover img { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: transparent; }
/*----------------------------------------------------
custom
----------------------------------------------------*/
body { color: #535353; background-color: #fff; margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden; }
.ie7 body{ overflow:hidden; }
html{ scroll-behavior: smooth; }
#clear { width: 100%; clear: both; margin: 0 0 -5px; }
img { max-width: 100%; height: auto; }
table { background: #fff; width: 92%; margin: 0 2%; padding: 2%; border: 2px solid #d6c2aa; }
tr:first-child { border-top: 1px dotted #b0a093; }
.title { background-image: url(../common/cust_img/stripe.png); font-size: 110%; text-align: left; vertical-align: top; width: 30%; padding: 23px 5px 23px 20px; border-bottom: 1px dotted #e9e5df; }
.text { padding: 23px 10px 23px 20px; border-bottom: 1px dotted #e9e5df; }
/*----------------------------------------------------
links
------------------------------------------------------*/
a:link { color: #5c789e; }
a:visited { color: #5c789e; }
a:hover { color: #a54a4a; }
a:active { color: #c3a942; }
/*----------------------------------------------------
contents
------------------------------------------------------*/
#container_warp { position: relative; width: 100%; }
#header { background: #EDDEB8 url(../common/cust_img/kazari_white3.png); filter: drop-shadow(0 2px 2px rgba(0,0,0,0.6)); position: fixed; width: 100%; height: 64px; z-index: 200; }
#header #logo { width: 27%; float: left; margin: 10px 0 0 3%; }
#header #nav { width: auto; float: right; overflow: hidden; margin: 7px 0 0; padding: 0 6% 0 0; }
#header #nav li { list-style: none; float: left; padding: 10px 8px; display: block; }
#header #nav li a { color: #283a16; position: relative; display: inline-block; text-decoration: none; }
#header #nav li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #b26a2f; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#header #nav li a:hover::after { transform: scale(1, 1); }
/*------------------------------------------*/
#img_container { background-size: cover; background: no-repeat scroll center; width: 100%; height: 500px; z-index: 0; margin: 0; padding: 0; display: block; }
#container { position: relative; width: 1000px; margin: 0 auto; padding: 0; display: block; }
/*------------------------------------------*/
#main { background: url(../common/cust_img/pmain_haikei.png); width: 75%; float: left; margin: 0; padding: 0; display: block; }
#main h1 { font-size: 150%; text-align: center; font-weight: bold; background: #E4C795 url(../common/cust_img/kazari_white.png); margin: 0 0 20px; padding: 20px 10px 10px; }
#main p { width: 80%; margin: 0 5% 30px; }
/*------------------------------------------*/
#colu_body { background: #fff; width: 88%; float: left; margin: 3%; padding: 2%; display: block; border: 2px solid #d6c2aa; }
#colu_title h2 { color: #6b3f40; font-size: 120%; font-weight: bold; margin: 5px 0; padding: 0 0 0 47%; }
#colu_img { width: 44%; float: left; margin: 20px 0 0 1%; padding: 0; display: block; }
#colu_img ul { width: auto; float: left; margin: 30px 0 30px 5px; padding: 0; display: block; border: 1px solid #d6c2aa; }
#colu_img li { width: auto; float: left; margin: 0 0 20px 20px; padding: 0; display: inline; }
#colu_text { width: 55%; float: left; margin: 0; padding: 0; display: block; }
#colu_text h2 { font-size: 120%; font-weight: bold; margin: 0; padding: 18px 0 18px 25px; }
#colu_text h3 { font-size: 120%; font-weight: bold; margin: 0; padding: 18px 0 18px 25px; }
#colu_text p { font-size: 90%; letter-spacing: 3px; line-height: 160%; padding: 7px 5px 7px 25px; }
/*------------------------------------------*/
#reci_text { width: 55%; float: left; margin: 0; padding: 0; display: block; }
#reci_text h2 { color: #b26a2f; font-size: 120%; font-weight: bold; margin: 0; padding: 8px 15px 0 10px; }
#reci_text p { font-size: 90%; letter-spacing: 3px; line-height: 160%; padding: 0 15px 7px 10px; }
#reci_text ol{ counter-reset: item; list-style-type: none; width: 91%; margin: 0 6% 0 3%; }
#reci_text ol ol{ padding-left: 1em; }
#reci_text li{ text-indent: -1.3em; padding-left: 1.3em; }
#reci_text li:before { counter-increment: item; content: counter(item)'.'; padding-right: .5em; font-weight: bold; }
#reci_img { width: 44%; float: left; margin: 0 1% 0 0; padding: 0; display: block; }
#reci_img ul { width: auto; float: left; margin: 50; padding: 5%; display: block; border: 1px solid #d6c2aa; }
#reci_img li { width: auto; float: left; margin: 5px 30px; padding: 0; display: inline; }
/*------------------------------------------*/
#two_culm { background: #fff; width: 40%; float: left; margin: 3% 0 3% 3%; padding: 2%; display: block; border: 2px solid #d6c2aa; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; }
#three_culm { text-align: center; width: 29%; float: left; margin: 0; padding: 0 0 0 3%; display: block; }
#three_culm img { width: 100%; float: left; margin: 0 0 10px; padding: 0; display: block; }
/*------------------------------------------*/
#side_navi { width: 21%; float: left; margin: 0; padding: 0 0 0 2%; display: block; }
#side_navi h2 { font-size: 120%; text-align: center; font-weight: bold; background: url(../common/cust_img/sidenavi_h2.jpg); margin: 0 0 20px; padding: 10px; }
/*------------------------------------------*/
#event_body { width: 88%; float: left; margin: 3%; padding: 2%; display: block; }
#event_img { width: 94%; float: left; margin: 0 3% 20px; padding: 0; display: block; }
#event_text { text-align: center; width: 100%; float: left; margin: 0; padding: 0 0 20px; display: block; border-bottom: 3px solid #efe0ce; }
#event_text h3 { font-size: 110%; font-weight: bold; margin: 0; padding: 0 0 5px; }
#event_link { text-align: center; width: 100%; float: left; margin: 0 0 50px; padding: 2%; border: 2px solid #a4a4a4; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; }
/*------------------------------------------*/
#archive { width: 100%; float: left; margin: 0; padding: 3%; display: block; }
#archive ul { width: 96%; float: left; margin: 4% 2%; padding: 0; display: block; }
#archive li { width: 96%; float: left; margin: 0; padding: 2%; display: inline; border-bottom: 1px solid #a4a4a4; }
/*------------------------------------------*/
#privacy { font-size: 80%; position: relative; width: 93%; height: 153px; overflow: auto; margin: 0 auto; }
#privacy h2 { color: #6d98d0; font-size: 9pt; font-weight: bold; margin: 3px 0; padding: 0; border: transparent; }
#privacy p { font-size: 8pt; line-height: 130%; margin: 0; padding: 0 0 0 8px; }
#privacy a { font-size: 8pt; line-height: 130%; margin: 0; padding: 0 0 0 8px; }
.button { padding: 5px 10px; border: 1px solid #ababab; background-color: #ececec; background-image: -webkit-linear-gradient(top, #ffffff, #bfbfbf); background-image: linear-gradient(to bottom, #ffffff, #bfbfbf); }
.button:hover { border:1px solid #9f7294; background-color: #cbbfdb; background-image: -webkit-linear-gradient(top, #e1d8ed, #c3b4d8); background-image: linear-gradient(to bottom, #e1d8ed, #c3b4d8); }
.require { color: #fff; background-color: #cd6c6c; font-size: 60%; margin: 0 0 0 8px; padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.optional { color: #fff; background-color: #a0a0a0; font-size: 60%; margin: 0 0 0 8px; padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.submit { width: 97%; margin: 20px 0 60px; padding: 35px 0 35px 3%; }
/*------------------------------------------*/
#link_button { float: right; margin: 0 20px 0 0; }
.back_button { font-size: 8pt; background-color: #fcf9f1; float: left; margin: 5px 2px 10px; padding: 2px 5px; border: solid 1px #ea9d61; display: block; }
.link_button { font-size: 8pt; background-color: white; padding: 2px 5px; float: left; margin: 5px 2px 10px; border: solid 1px #ea9d61; display: block; }
.link_button2 { font-size: 8pt; background-color: none; display: block; margin: 5px 2px 10px; padding: 2px 5px; float: left; border: transparent; }
.next_button { font-size: 8pt; background-color: #fcf9f1; padding: 2px 5px; float: left; margin: 5px 2px 10px; border: solid 1px #ea9d61; display: block; }
/*------------------------------------------*/
#footer_warp { background: #EDDEB8 url(../common/cust_img/kazari_white3.png); width: 100%; }
#footer { position: relative; width: 1000px; height: 230px; margin: 0 auto; padding: 30px 0; }
#footer a:link { color: #423726; text-decoration: none; }
#footer a:visited { color: #423726; text-decoration: none; }
#footer a:hover { color: #a54a4a; text-decoration: none; }
#footer a:active { color: #c3a942; text-decoration: none; }
#foot_logo { text-align: center; width: 20%; float: left; margin: 0; padding: 0; display: block; }
#foot_text { width: 60%; float: left; margin: 0; padding: 0; display: block; }
#foot_link { width: 20%; float: left; margin: 10px 0 0; padding: 0; display: block; }
/*------------------------------------------*/
#copy { font-size: 80%; text-align: center; width: 100%; bottom: 0; float: left; margin: 0; padding: 45px 0 0; z-index: 999; }
#page-top { font-size: 110%; position: fixed; bottom: 35px; right: 35px; }
#page-top a { color: #fff; text-align: center; text-decoration: none; background-color: #b26a2f; width: 50px; height: 40px; padding: 10px 0 0; display: block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
#page-top a:hover { text-decoration: none; background-color: #dbae89; }
/*------------------------------------------*/
#like ul { width: 90%; float: left; margin: 0 5%; padding: 0; display: block; }
#like li { width: 200px; float: left; margin: 0; padding: 0; display: block; }
#like li:hover { background-color: #d6c3e7; }
/*------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container { background-color: rgba(255, 255, 255, 0.7); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 94.5%; margin: 0; padding: 15px 3.5% 0 2%; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; height: auto; margin: 0; padding: 0; }
/*------------------------------------------*/
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 35%; width: 48px; height: 48px; cursor: pointer; background: url(../common/images/next-horizontal.png) no-repeat; right: -5px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 0; right: auto; background-image: url(../common/images/prev-horizontal.png); }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -48px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -144px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 35%; left: 0; width: 48px; height: 48px; cursor: pointer; background: url(../common/images/prev-horizontal.png) no-repeat; left: -5px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 0; background-image: url(../common/images/next-horizontal.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -48px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -144px 0; }
