html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

html,body { height: 100%; }
body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; line-height: 1; margin:0px; margin: 0; padding: 0; width: 100%; height: 100%; background:/* url(../images/bg.jpg) #CEE7E9 */linear-gradient( #CEE7E9, #F0F7F8 30% ,  #FFFFFF, #F7F0F5 ) ; background-attachment: fixed; }

canvas { position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: -1; transition-duration:1s; opacity: 1; pointer-events: none; filter: blur(1px); }

a { outline: none; text-decoration: none; }

ul li { list-style-type: none; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


@media screen and (min-width: 911px) {
header { display:none; }

#top_head { position: fixed; top:0; left:0; width: 100%; height: 170px; background:url(../images/side_fl_a.png) no-repeat ,url(../images/side_fl_a.png) no-repeat , linear-gradient(#FFF,#EEE) ,url(../images/set_bg01.jpg); background-position: left -50px center , right -50px center; background-size:20% auto,20% auto ,100% auto , auto auto; z-index: 100; background-blend-mode: multiply;}
#top_head .main_logo { position:absolute; top:10px; left:50%; width: 300px; height:160px; background: url(../images/main_logo.png) no-repeat center center; background-size:auto 100%; margin: 0 0 0 -150px; }
/*
#top_head .info_fl { position: absolute; top:50px; left:-60px; padding: 10px 70px; background:url(../images/top_promo_bg.png); color: #FFF; font-size:16px; letter-spacing: 2px; font-weight:600; transform: rotate(-30deg);}
*/
#top_head .info_fl { position: absolute; bottom:20px; left:0; padding: 10px 10px 10px 30px; background:url(../images/top_promo_bg.png); color: #FFF; font-size:24px; letter-spacing: 2px; font-weight:600; }
#top_head .first_links { position: absolute; bottom:20px; right:20px; width: 200px; height: 46px; color: #FFF; font-size:12px; line-height:18px; background: url(../images/mk_first_link.jpg) no-repeat; }
#top_head .social_fl { position:absolute; bottom:70px; right:20px; width: 82px; height: 36px; }
#top_head .social_fl .social_ico_twi { float: left; width: 36px; height: 36px; background: url(../images/ico_twi.png) no-repeat; background-size:100% auto; margin-left:5px; }
#top_head .social_fl .social_ico_face { float: left; width: 36px; height: 36px; background: url(../images/ico_face.png) no-repeat; background-size:100% auto; margin-left:5px; }
.head_sp { height: 200px; background: #CCC; }
.menu_fl { position:fixed; top:170px; width: 100%; background: url(../images/menu_bg.jpg); z-index: 100; }
.menu_fl ul { width: 910px; margin: 0 auto; }
.menu_fl ul li { float: left; width: 130px; text-align: center; color: #FFF; font-size:14px; font-weight:600; padding:15px 0; background:/* url(../images/set_bg00.jpg) no-repeat ,*/ url(../images/set_bg00.jpg) no-repeat; background-position:/* top -63px center,*/ top 45px center; transition-duration: 0.5s; }
.menu_sfl { display:none; }
.menu_fl ul li.nolink { color: #777; }
.menu_fl ul a:hover li { transition-duration: 0.5s; text-shadow: rgba(196,201,135,1.00) 0 0 15px, rgba(196,201,135,1.00) 0 0 10px, rgba(196,201,135,1.00) 0 0 5px; background:/* url(../images/set_bg00.jpg) no-repeat , */url(../images/set_bg00.jpg) no-repeat; background-position:/* top -58px center,*/ top 39px center; transition-duration: 0.3s; transition-delay: 0.1s; }

.menu_fl ul a li.on { background:/* url(../images/set_bg00.jpg) no-repeat , */url(../images/set_bg00.jpg) no-repeat; background-position:/* top -58px center,*/ top 39px center; }


.title_fl { width:450px; height: 80px; margin: 30px auto 10px auto; }

#foot_topfl { width: 100%; height: 80px; padding:30px 0; background:url(../images/footer_bg2.jpg) repeat-x, url(../images/footer_bg.jpg); }
#foot_topfl ul { width:450px; margin:0 auto; }
#foot_topfl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 0 0; background:#222; }
#foot_topfl .copy { width: 500px; padding: 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }
/*
#foot_topfl { width: 100%; height: 80px; padding:30px 0; background:url(../images/footer_bg2.jpg) repeat-x, url(../images/footer_bg.jpg); }
#foot_topfl ul { width:900px; margin:0 auto; }
#foot_topfl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 0 0; background:#222; }
#foot_topfl .copy { width: 500px; padding: 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }
*/

#foot_fl { width: 100%; height: 40px; padding:30px 0; background:url(../images/footer_bg2.jpg) repeat-x, url(../images/footer_bg.jpg); }
#foot_fl ul { width:900px; margin:0 auto; }
#foot_fl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 0 0; background:#222; }
#foot_fl .copy { width: 500px;/* padding: 15px 0;*/ padding: 0 0 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }

br.pc_r {}
br.mb_r { display: none; }
}

@media all and (min-width: 601px) and (max-width: 910px) {

#top_head { position: fixed; top:0; left:0; width: 910px; height: 170px; background:url(../images/side_fl_a.png) no-repeat ,url(../images/side_fl_a.png) no-repeat ,linear-gradient(#FFF,#EEE) ,url(../images/set_bg01.jpg); background-position: left -50px center , right -50px center; background-size:20% auto,20% auto ,100% auto , auto auto; z-index: 100; background-blend-mode: multiply; }
#top_head .main_logo { position:absolute; top:10px; left:50%; width: 300px; height:150px; background: url(../images/main_logo.png) no-repeat center center; background-size:auto 100%; margin: 0 0 0 -150px; }
#top_head .info_fl { position: absolute; bottom:20px; left:0; padding: 10px 10px 10px 30px; background:url(../images/top_promo_bg.png); color: #FFF; font-size:20px; letter-spacing: 2px; font-weight:600; }
#top_head .first_links { position: absolute; bottom:20px; right:20px; width: 200px; height: 46px; color: #FFF; font-size:12px; line-height:18px; background: url(../images/mk_first_link.jpg) no-repeat; }
#top_head .social_fl { position:absolute; bottom:70px; right:20px; width: 82px; height: 36px; }
#top_head .social_fl .social_ico_twi { float: left; width: 36px; height: 36px; background: url(../images/ico_twi.png) no-repeat; background-size:100% auto; margin-left:5px; }
#top_head .social_fl .social_ico_face { float: left; width: 36px; height: 36px; background: url(../images/ico_face.png) no-repeat; background-size:100% auto; margin-left:5px; }
.head_sp { height: 200px; background: #CCC; }
.menu_fl { position:fixed; top:170px; width: 910px; background: url(../images/menu_bg.jpg); z-index: 100; }
.menu_fl ul { width: 910px; margin: 0 auto; }
.menu_fl ul li { float: left; width: 130px; text-align: center; color: #FFF; font-size:14px; padding:15px 0; background: url(../images/set_bg00.jpg) no-repeat; background-position:  top 45px center; transition-duration: 0.3s; }
.menu_sfl { display:none; }
.menu_fl ul li.nolink { color: #777; }
.menu_fl ul a:hover li { transition-duration: 0.5s; text-shadow: rgba(196,201,135,1.00) 0 0 15px, rgba(196,201,135,1.00) 0 0 10px, rgba(196,201,135,1.00) 0 0 5px; background: url(../images/set_bg00.jpg) no-repeat; background-position: top 39px center; transition-duration: 0.3s; transition-delay: 0.1s; }

.menu_fl ul a li.on { background:/* url(../images/set_bg00.jpg) no-repeat , */url(../images/set_bg00.jpg) no-repeat; background-position:/* top -58px center,*/ top 39px center; }

.title_fl { width:450px; height: 100px; margin: 30px auto 10px auto;  }

#foot_topfl { width: 910px; height: 80px; padding:30px 0; background:url(../images/footer_bg2.jpg) repeat-x, url(../images/footer_bg.jpg); }
#foot_topfl ul { width:450px; margin:0 auto; }
#foot_topfl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 0 0; background:#222; }
#foot_topfl .copy { width: 500px; padding: 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }
/*
#foot_topfl { width: 910px; height: 80px; padding:30px 0; background:url(../images/footer_bg2.jpg) repeat-x, url(../images/footer_bg.jpg); }
#foot_topfl ul { width:900px; margin:0 auto; }
#foot_topfl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 0 0; background:#222; }
#foot_topfl .copy { width: 500px; padding: 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }
*/
#foot_fl { width: 910px; height: 40px; padding:30px 0; background: url(../images/footer_bg.jpg); }
#foot_fl ul { width:900px; margin:0 auto; }
#foot_fl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 0 0; background:#222; }
#foot_fl .copy { width: 500px;/* padding: 15px 0;*/ padding: 0 0 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }
/*
.goods_cate_fl { padding: 30px 0; margin: 0 auto; width: 500px; }
.goods_cate_fl a .cate_ccbtm { float: left; padding: 10px 0; width: 120px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:12px; transform: 0.5s;}
.goods_cate_fl a:hover .cate_ccbtm { background: url(../images/set_bg03.jpg); color: #FFF; transform: 0.5s;}

.goods_cate_fl .cate_ccbtm_nolink { float: left; padding: 10px 0; width: 120px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:12px;  opacity: 0.5;}
*/
br.pc_r {}
br.mb_r { display: none; }
}

@media screen and (max-width: 600px) {
canvas { display:none;}

#top_head.cate_index { display: none; }
#top_head.cate_sec { position:fixed;top:0; left:0; width: 600px; height: 170px; background:url(../images/side_fl_a.png) no-repeat ,url(../images/side_fl_a.png) no-repeat ,linear-gradient(#FFF,#DDD) ,url(../images/set_bg01.jpg); background-position: left -50px center , right -50px center; background-size:30% auto,30% auto ,100% auto; z-index: 5; background-blend-mode: multiply; }
#top_head .main_logo { position:absolute; top:10px; left:50%; width: 300px; height:150px; background: url(../images/main_logo.png) no-repeat center center; background-size: auto 100%; margin: 0 0 0 -150px; }
.head_sp { display: none; }
#top_head .info_fl { display: none; }
#top_head .first_links { display: none; }
.menu_fl { display: none; }

#content.cate_sec { padding:170px 0 0 0; }

.title_fl { width:450px; height: 100px; margin: 30px auto 10px auto; }

#foot_topfl { width: 600px; padding:30px 0; background: url(../images/footer_bg.jpg); }
#foot_topfl ul { width:450px; margin:0 auto; }
#foot_topfl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 0 0; background:#222; }
#foot_topfl .copy { width: 600px; padding: 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }
/*
#foot_topfl { width: 600px; padding:30px 0; background: url(../images/footer_bg.jpg); }
#foot_topfl ul { width:450px; margin:0 auto; }
#foot_topfl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 5px 0; background:#222; }
#foot_topfl .copy { width: 600px; padding: 15px 0; padding: 0 0 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }
*/
#foot_fl { width: 600px; padding:30px 0; background: url(../images/footer_bg.jpg); }
#foot_fl ul { width:450px; margin:0 auto; }
#foot_fl ul li.once_bn { float: left; width: 220px; height: 60px; margin: 0 5px 5px 0; background:#222; }
#foot_fl .copy { width: 600px;/* padding: 15px 0;*/ padding: 0 0 15px 0; text-align: center; margin: 10px auto 0 auto; font-size:12px; color:#222; }

br.pc_r { display: none; }
br.mb_r {}
}
.menu_fl ul li.spl {letter-spacing: -1px;}

.nsj { font-family:Arial, Helvetica, 'Noto Sans Japanese', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: 300; }
.hmc {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }

.clear { clear: both; width: 100%; }

.ani_load,.animsition-overlay-slide { background: #D2E7EE url(../images/main_logo.png) center center no-repeat; }

.info_fl  {display:none;}

.mb01 { background:url(../images/mobile/mb_btm01.jpg) no-repeat; background-size:100% auto; }
.mb02 { background:url(../images/mobile/mb_btm02.jpg) no-repeat; background-size:100% auto; }
.mb03 { background:url(../images/mobile/mb_btm03.jpg) no-repeat; background-size:100% auto; }
.mb04 { background:url(../images/mobile/mb_btm04.jpg) no-repeat; background-size:100% auto; }
.mb05 { background:url(../images/mobile/mb_btm05.jpg) no-repeat; background-size:100% auto; }
.mb06 { background:url(../images/mobile/mb_btm06.jpg) no-repeat; background-size:100% auto; }
.mb07 { background:url(../images/mobile/mb_btm07.jpg) no-repeat; background-size:100% auto; }
.mb08 { background:url(../images/mobile/mb_btm08.jpg) no-repeat; background-size:100% auto; }
.mb09 { background:url(../images/mobile/mb_btm09.jpg) no-repeat; background-size:100% auto; }
.mb10 { background: url(../images/mobile/mb_btm10.png) no-repeat center center , url(../images/top_promo_bg2.jpg) center center; background-size: auto 70%, auto 100%;}


/* goods page styles */

@media screen and (min-width: 911px) {
.goods_cate_fl { padding: 30px 0; margin: 0 auto; width: 625px; }
.goods_cate_fl a .cate_ccbtm { float: left; padding: 10px 0; width: 120px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:12px; transition-duration: 0.5s; font-weight: 600;}
.goods_cate_fl a:hover .cate_ccbtm { background: url(../images/set_bg03.jpg); color: #FFF; transition-duration: 0.5s;}
.goods_cate_fl .cate_ccbtm_nolink { float: left; padding: 10px 0; width: 120px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:12px; opacity: 0.5;}
.goods_cate_fl .cate_ccbtm_space { display:none; }
}

@media all and (min-width: 601px) and (max-width: 910px) {
.goods_cate_fl { padding: 30px 0; margin: 0 auto; width: 625px; }
.goods_cate_fl a .cate_ccbtm { float: left; padding: 10px 0; width: 120px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:12px; transition-duration: 0.5s; font-weight: 600;}
.goods_cate_fl a:hover .cate_ccbtm { background: url(../images/set_bg03.jpg); color: #FFF; transition-duration: 0.5s;}
.goods_cate_fl .cate_ccbtm_nolink { float: left; padding: 10px 0; width: 120px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:12px; opacity: 0.5;}
.goods_cate_fl .cate_ccbtm_space { display:none; }
}

@media screen and (max-width: 600px) {
.goods_cate_fl { padding: 30px 0; margin: 0 auto; width: 500px; }
.goods_cate_fl a .cate_ccbtm { float: left; padding: 20px 0; width: 160px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:14px; transition-duration: 0.5s; font-weight: 600;}
.goods_cate_fl a:hover .cate_ccbtm { background: url(../images/set_bg03.jpg); color: #FFF; transition-duration: 0.5s;}
.goods_cate_fl .cate_ccbtm_nolink { float: left; padding: 20px 0; width: 160px; margin: 0 5px 5px 0; text-align: center; background: url(../images/menu_bg.jpg); color: #FFF; font-size:14px; transition-duration: 0.5s; font-weight: 600; opacity: 0.5;}
.goods_cate_fl .cate_ccbtm_space { float: left; padding: 20px 0; width: 90px; }
}