@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
----------------------------------------------------*/
html{ scroll-behavior: smooth; }
body { color: #535353; background: #000 url(../common/cust_img/kazari_white3.png); margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden; }
.ie7 body{ overflow:hidden; }
#clear { width: 100%; clear: both; margin: 0 0 -5px; }
img { max-width: 100%; height: auto; }
/*----------------------------------------------------
links
------------------------------------------------------*/
a:link { color: #283a16; }
a:visited { color: #283a16; }
a:hover { color: #a54a4a; }
a:active { color: #c3a942; }
/*----------------------------------------------------
contents
------------------------------------------------------*/
#container_warp { width: 100%; height: 100%; margin: 0; padding: 0; display: block; }
/*------------------------------------------*/
#header { background: #fff; position: relative; width: 1000px; z-index: 200; margin: 30px auto 0; padding: 0; }
#header #nav { width: 36%; float: left; margin: 80px 0 0; padding: 0 2%; }
#header #nav li { list-style: none; float: left; padding: 0 17px; 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: #283a16; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#header #nav li a:hover::after { transform: scale(1, 1); }
/*------------------------------------------*/
#header #logo { text-align: center; width: 20%; float: left; margin: 0; padding: 10px 0; display: block; }
/*------------------------------------------*/
#header #nav2 { width: 36%; float: left; margin: 80px 0 0; padding: 0 2%; }
#header #nav2 ul { float: right; display: block; }
#header #nav2 li { list-style: none; float: left; padding: 0 17px; display: block; }
#header #nav2 li a { color: #283a16; position: relative; display: inline-block; text-decoration: none; }
#header #nav2 li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #283a16; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#header #nav2 li a:hover::after { transform: scale(1, 1); }
#header #cart_rist a { background: url(../common/cust_img/cart_rist.jpg) no-repeat; position: absolute; top: 0; right: 5%; width: 150px; height: 36px; margin: 0; padding: 0; display: block; text-shadow: -1px -1px 0px #d3232a, 1px -1px 0px #d3232a, 1px 1px 0px #d3232a, -1px 1px 0px #d3232a; }
#header #cart_rist a:hover { background-image: url(../common/cust_img/cart_rist2.jpg); text-shadow: -1px -1px 0px #985c5e, 1px -1px 0px #985c5e, 1px 1px 0px #985c5e, -1px 1px 0px #985c5e; }
#header #cart_rist2 { color: #fff; font-size: 120%; width: auto; float: right; margin: -3px 108px 0 0; display: block; }
/*------------------------------------------*/
/*------------------------------------------*/
#header2 { background: #fff; position: relative; width: 1000px; height: 200px; z-index: 200; margin: 30px auto 0; padding: 0; border-bottom: 3px solid #4f1f43; }
#header2 #nav { width: 36%; float: left; margin: 80px 0 0; padding: 0 2%; }
#header2 #nav li { list-style: none; float: left; padding: 0 17px; display: block; }
#header2 #nav li a { color: #283a16; position: relative; display: inline-block; text-decoration: none; }
#header2 #nav li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #283a16; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#header2 #nav li a:hover::after { transform: scale(1, 1); }
/*------------------------------------------*/
#header2 #logo { text-align: center; width: 20%; float: left; margin: 0; padding: 10px 0; display: block; }
/*------------------------------------------*/
#header2 #nav2 { width: 34%; float: left; margin: 80px 0 0; padding: 0 3%; }
#header2 #nav2 ul { float: right; display: block; }
#header2 #nav2 li { list-style: none; float: left; padding: 0 17px; display: block; }
#header2 #nav2 li a { color: #283a16; position: relative; display: inline-block; text-decoration: none; }
#header2 #nav2 li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #283a16; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#header2 #nav2 li a:hover::after { transform: scale(1, 1); }
#header2 #cart_rist a { background: url(../common/cust_img/cart_rist.jpg) no-repeat; position: absolute; top: 0; right: 5%; width: 150px; height: 36px; margin: 0; padding: 0; display: block; text-shadow: -1px -1px 0px #d3232a, 1px -1px 0px #d3232a, 1px 1px 0px #d3232a, -1px 1px 0px #d3232a; }
#header2 #cart_rist a:hover { background-image: url(../common/cust_img/cart_rist2.jpg); text-shadow: -1px -1px 0px #985c5e, 1px -1px 0px #985c5e, 1px 1px 0px #985c5e, -1px 1px 0px #985c5e; }
#header2 #cart_rist2 { color: #fff; font-size: 120%; width: auto; float: right; margin: -3px 108px 0 0; display: block; }
/*------------------------------------------*/
#container { background: #fff; position: relative; width: 1000px; margin: 0 auto; padding: 0; }
#img_container { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 350px; margin: 0; padding: 0; display: block; }
/*------------------------------------------*/
#main { background: url(../common/cust_img/kmmain_back.jpg) 50% top no-repeat; position: relative; width: 1000px; margin: 0 auto 30px; padding: 0; display: block; }
#main h1 { color: #fff; font-size: 140%; letter-spacing: 5px; text-align: center; background: url(../common/cust_img/kmmain_h1.png) no-repeat center; width: 96%; position: relative; margin: 30px auto 60px; padding: 2%; }
#main p { width: 70%; margin: 0 15% 30px; }
/*------------------------------------------*/
#main2 { position: relative; width: 1000px; margin: 0 auto 30px; padding: 0; display: block; }
#main2 h1 { color: #fff; font-size: 140%; text-align: center; background: url(../common/cust_img/kmmain_h1.png) no-repeat center; width: 100%; position: relative; margin: 80px auto 60px; padding: 0.25em 1em; }
#main2 ul { width: 100%; float: left; margin: 0; padding: 0; display: block; }
#main2 li { width: 22%; float: left; margin: 0 0 2% 2%; padding: 0; display: block; }
#main2 li:hover { background-color: #d6c3e7; }
/*------------------------------------------*/
#main3 { background-image: url(../common/cust_img/main_haikei.jpg), url(../common/cust_img/main_footer.jpg); background-position: top, bottom; background-repeat: no-repeat, no-repeat; position: relative; width: 1000px; margin: 0 auto 30px; padding: 30px 0 0; display: block; }
#main3 h1 { color: #fff; font-size: 140%; letter-spacing: 10px; text-align: center; background: url(../common/cust_img/main_title2.jpg) no-repeat; width: 100%; position: relative; margin: 80px 0 60px; padding: 0; }
#main3 ul { width: 100%; float: left; margin: 0; padding: 0; display: block; }
#main3 li { width: 22%; float: left; margin: 0 0 2% 2%; padding: 0; display: block; }
#main3 li:hover { background-color: #d6c3e7; }
/*------------------------------------------*/
#main_body { width: 80%; float: left; margin: 0 10%; padding: 0; display: block; }
#main_body p { width: 94%; margin: 0 3% 30px; }
#main_body table { width: 100%; float: left; margin: 0; padding: 0; }
#main_body tr:first-child { border-top: 1px dotted #b0a093; }
#main_body .title { background-color: #e9e5df; }
#main_body .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; }
#main_body .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; }
/*------------------------------------------*/
#two_culm { text-align: center; width: 42%; float: left; margin: 0 0 0 1.5%; padding: 2%; display: block; }
#two_culmR { text-align: right; width: 42%; float: left; margin: 0 0 0 1.5%; padding: 2%; display: block; }
#two_culmL { text-align: left; width: 42%; float: left; margin: 0 0 0 1.5%; padding: 2%; display: block; }
/*------------------------------------------*/
#shopping ul { width: 90%; float: left; margin: 0 5%; padding: 0; display: block; }
#shopping li { width: 22%; float: left; margin: 0 0 2% 2%; padding: 0; display: block; }
#shopping li:hover { background-color: #d6c3e7; }
#alook_item_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 148px; float: left; margin: 0; padding: 0; display: block; }
#alook_item_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#alook_item_name { font-size: 90%; text-align: center; overflow: hidden; width: 96%; height: 60px; float: left; padding: 15px 2% 0; display: block; }
/*------------------------------------------*/
#link_button { float: right; margin: 0 20px 0 0; }
.back_button { font-size: 8pt; background-color: #e7d5f0; float: left; margin: 5px 2px 10px; padding: 2px 5px; border: solid 1px #6a5c80; display: block; }
.link_button { font-size: 8pt; background-color: white; padding: 2px 5px; float: left; margin: 5px 2px 10px; border: solid 1px #6a5c80; 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: #e7d5f0; padding: 2px 5px; float: left; margin: 5px 2px 10px; border: solid 1px #6a5c80; display: block; }
/*------------------------------------------*/
#detail_img { width: 65%; float: left; margin: 0; padding: 0; display: block; }
#detail_img img { margin: 0 0 1%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#detail_img ul { width: 100%; margin: 0; padding: 0; display: block; }
#detail_img li { width: 49%; height: auto; float: left; margin: 0 1% 1% 0; padding: 0; display: block; }
#detail_img li img { width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#detail_text { width: 33%; float: right; margin: 0 0 0 2%; padding: 0; display: block; }
#detail_text table { font-size: 80%; width: 100%; }
#detail_text td { vertical-align: middle; padding: 5px; }
#detail_text .mitext_red { font-size: 17pt; }
#detail_text .latext_red { font-size: 20pt; letter-spacing: 0.1em; }
/*------------------------------------------*/
#item_bodyR { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; width: 43%; height: 150px; float: left; margin: 0; padding: 220px 2% 0 55%; display: inline; }
#item_bodyL { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; width: 43%; height: 150px; float: left; margin: 0; padding: 220px 55% 0 2%; display: inline; }
/*------------------------------------------*/
#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); }
/*------------------------------------------*/
.btn { border: transparent; }
.cart_cnt { background-color: #58294d; }
.cart_item { background-color: #58294d; }
.cart_kazu { background-color: #58294d; }
.cart_price { background-color: #58294d; }
.cart_del { background-color: #58294d; }
/*------------------------------------------*/
#footer_warp { color: #aeaeae; background: #000; width: 100%; float: left; margin: 0; padding: 0 0 10px; display: block; }
#footer { font-size: 90%; position: relative; width: 1000px; margin: 0 auto; padding: 30px 0 0; display: block; }
#footer a:link { color: #aeaeae; text-decoration: none; }
#footer a:visited { color: #aeaeae; text-decoration: none; }
#footer a:hover { color: #a54a4a; text-decoration: none; }
#footer a:active { color: #c3a942; text-decoration: none; }
/*------------------------------------------*/
#footer #nav { font-size: 130%; text-align: center; width: 34%; float: left; margin: 50px 0 0; padding: 0 3%; }
#footer #nav a { position: relative; display: inline-block; text-decoration: none; }
#footer #nav a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #b09bbf; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#footer #nav a:hover::after { transform: scale(1, 1); }
/*------------------------------------------*/
#foot_logo { background: bule; text-align: center; width: 20%; float: left; margin: 0; padding: 0; display: block; }
/*------------------------------------------*/
#footer #nav2 { font-size: 130%; text-align: center; width: 34%; float: left; margin: 50px 0 0; padding: 0 3%; }
#footer #nav2 a { position: relative; display: inline-block; text-decoration: none; }
#footer #nav2 a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #b09bbf; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#footer #nav2 a:hover::after { transform: scale(1, 1); }
/*------------------------------------------*/
#footer ul { width: 90%; margin: 30px 5% 0; }
#footer li { list-style: none; float: left; padding: 0 12px; display: block; }
#footer li a { position: relative; display: inline-block; text-decoration: none; }
#footer li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #b09bbf; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#footer li a:hover::after { transform: scale(1, 1); }
#copy { font-size: 80%; text-align: center; width: 100%; float: left; margin: 0; padding: 45px 0 10px; }
#page-top { font-size: 110%; position: fixed; bottom: 35px; right: 35px; }
#page-top a { color: #8e8e8e; text-align: center; text-decoration: none; background-color: #d6c3e7; 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; }
/*------------------------------------------*/
select { background-color: white; border: thin solid #bbbbbb; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }
select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; }
select.minimal:focus { background-image: linear-gradient(45deg, #823c3e 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #823c3e 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: #823c3e; outline: 0; }
/*------------------------------------------*/
#waku_title { text-align: center; line-height: 220%; background: #C7B299; width: 29%; float: left; margin: 0 0 10px; padding: 3%; border: 1px solid #C7B299; }
#waku_text { line-height: 220%; width: 55%; float: left; margin: 0 0 10px; padding: 3%; border: 1px solid #C7B299; }
#waku_title2 { text-align: center; line-height: 220%; background: #C7B299; width: 52%; float: left; margin: 0 0 10px; padding: 3%; border: 1px solid #C7B299; }
#waku_text2 { line-height: 220%; width: 34%; float: left; margin: 0 0 10px; padding: 3%; border: 1px solid #C7B299; }
.price { color: #0071BC; }
.price_s { color: #0071BC; font-size: 80%; }
/*------------------------------------------*/
#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; }
