@charset "euc-jp";

/* =============================================
                    RESET
============================================= 
.lp_reset, .lp_reset div, .lp_reset span, .lp_reset object, .lp_reset iframe, .lp_reset h1, .lp_reset h2, .lp_reset h3, .lp_reset h4, .lp_reset h5, .lp_reset h6, .lp_reset p, .lp_reset blockquote, .lp_reset pre, .lp_reset abbr, .lp_reset address, .lp_reset cite, .lp_reset code, .lp_reset del, .lp_reset dfn, .lp_reset em, .lp_reset a, .lp_reset img, .lp_reset ins, .lp_reset kbd, .lp_reset q, .lp_reset samp, .lp_reset small, .lp_reset strong, .lp_reset sub, .lp_reset sup, .lp_reset var, .lp_reset b, .lp_reset i, .lp_reset dl, .lp_reset dt, .lp_reset dd, .lp_reset ol, .lp_reset ul, .lp_reset li, .lp_reset fieldset, .lp_reset form, .lp_reset label, .lp_reset legend, .lp_reset table, .lp_reset caption, .lp_reset tbody, .lp_reset tfoot, .lp_reset thead, .lp_reset tr, .lp_reset th, .lp_reset td, .lp_reset article, .lp_reset aside, .lp_reset canvas, .lp_reset details, .lp_reset figcaption, .lp_reset figure, .lp_reset footer, .lp_reset header, .lp_reset hgroup, .lp_reset menu, .lp_reset nav, .lp_reset section, .lp_reset summary, .lp_reset time, .lp_reset mark, .lp_reset audio, .lp_reset video{margin:0;padding:0;border:none;outline:none;background:transparent;vertical-align:top;font-size:100%}
.lp_reset {line-height:1}
.lp_reset img{line-height: 0; vertical-align: top;}
.lp_reset article, .lp_reset aside, .lp_reset details, .lp_reset figcaption, .lp_reset figure, .lp_reset footer, .lp_reset header, .lp_reset hgroup, .lp_reset menu, .lp_reset nav, .lp_reset section{display:block}
.lp_reset nav ul{list-style:none}
.lp_reset blockquote, .lp_reset q{quotes:none}
.lp_reset blockquote:before, .lp_reset blockquote:after, .lp_reset q:before, .lp_reset q:after{content:'';content:none}
.lp_reset del{text-decoration: line-through}
.lp_reset abbr[title], .lp_reset dfn[title]{border-bottom:1px dotted;cursor:help}
.lp_reset li{list-style-type: none}
.lp_reset table{border-collapse:collapse;border-spacing:0}
.lp_reset input, .lp_reset  select{vertical-align:middle}
.lp_reset hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}
.lp_reset a{outline:none;}
.lp_reset .cf:before, .lp_reset .cf:after{content:"";display:table}
.lp_reset .cf:after{clear:both}
.lp_reset .cf{zoom:1}*/

/* =============================================
                    COMMON
============================================= */
body{ background: #fff; color: #fff; font-family: "�ҥ饮�γѥ� Pro W3", Hiragino Kaku Gothic Pro," �ᥤ�ꥪ", Meiryo, Osaka," �ͣ� �Х����å�", MS PGothic," sans-serif"; color: #000; line-height: 1.4;}
/*  Anchor  */
.lp_reset a{ text-decoration: underline;}

.lp_reset a:hover img{ filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.lp_reset #lp-footer_nav address{ font-style: normal;}
.lp_reset .modal { display: none; background-color: rgba(53,53,53,0.5); position: fixed; top:0; right:0; bottom:0; left:0; cursor: pointer; z-index: 200;}
.lp_reset .modal .rspbody { height:100%; text-align: center;}
.lp_reset .modal .rspbody .rspimg { padding-top: 40px;}


/* =============================================
                    PC
============================================= */
@media screen and (min-width: 768px){
.lp_reset .pc{ display: block;}
.lp_reset .sp{ display: none;}
#daizu .inner{ width: 870px; text-align: center; margin: 0 auto; position: relative;}
#daizu .cart .cart-inner{ position: relative;}
#daizu .cart .cart-inner .btn{ position: absolute; left: 38px; top: 226px;}

#daizu #main{ background: url(../images/main-bg_.jpg) center top no-repeat;}
#daizu #main .inner{ height: 1169px;}
#daizu #main .logo1{ position: absolute; left: 46px; top: 12px;}
#daizu #main .logo2{ position: absolute; right: 30px; top: 12px;}
#daizu #main h1{ position: absolute; left: 30px; top: 104px;}
#daizu #main .cart{ position: absolute; left: 30px; bottom: 26px;}

#daizu #sec1{ background: url(../images/sec1-bg.jpg) center top no-repeat;}
#daizu #sec1 .inner{ height: 1784px; box-sizing: border-box; padding-top: 54px;}
#daizu #sec1 h2{ margin-bottom: 40px;}
#daizu #sec1 li{ margin-bottom: 82px;}
#daizu #sec1 li:last-child{ margin-bottom: 0;}
#daizu #sec1 .page-top{ position: absolute; right: 30px; bottom: 44px;}

#daizu #sec2{ background: url(../images/sec2-bg.jpg) center top no-repeat;}
#daizu #sec2 .inner{ height: 1586px; box-sizing: border-box; padding-top: 68px;}
#daizu #sec2 h2{ margin-bottom: 37px;}
#daizu #sec2 .cart{ position: absolute; left: 30px; bottom: 60px;}
#daizu #sec2 .page-top{ position: absolute; right: 30px; bottom: 30px;}

#daizu #sec3{ background: url(../images/sec3-bg.jpg) center top no-repeat;}
#daizu #sec3 .inner{ height: 980px; box-sizing: border-box; padding-top: 76px;}
#daizu #sec3 h2{ margin-bottom: 60px;}
#daizu #sec3 .page-top{ position: absolute; right: 30px; bottom: 30px;}

#daizu #sec4{ background: url(../images/sec4-bg.jpg) center top no-repeat;}
#daizu #sec4 .inner{ height: 1548px; box-sizing: border-box; padding-top: 47px;}
#daizu #sec4 h2{ margin-bottom: 46px;}
#daizu #sec4 .cart{ position: absolute; left: 30px; bottom: 64px;}
#daizu #sec4 .page-top{ position: absolute; right: 30px; bottom: 43px;}

#daizu #sec5{ background: url(../images/sec5-bg.jpg) center top no-repeat;}
#daizu #sec5 .inner{ height: 1157px; box-sizing: border-box; padding-top: 68px;}
#daizu #sec5 h2{ margin-bottom: 46px;}
#daizu #sec5 .page-top{ position: absolute; right: 30px; bottom: 30px;}

#daizu #sec6{ background: url(../images/sec6-bg.jpg) center top no-repeat;}
#daizu #sec6 .inner{ height: 2006px; box-sizing: border-box; padding-top: 60px;}
#daizu #sec6 h2{ margin-bottom: 42px;}
#daizu #sec6 ul{ width: 810px; margin: 0 auto;}
#daizu #sec6 li{ float: left; text-align: center; margin-bottom: 47px;}
#daizu #sec6 .cart{ position: absolute; left: 30px; bottom: 48px;}
#daizu #sec6 .page-top{ position: absolute; right: 30px; bottom: 25px;}

#daizu #sec7 .inner{ padding: 34px 0 42px;}
/*
.lp_reset #lpFooter {
    max-width: 1200px;
    margin: 0 auto;
}*/

}
/* =============================================
                    SP
============================================= */
@media screen and (max-width: 768px){
.lp_reset .pc{ display: none;}
.lp_reset .sp{ display: block;}
#daizu img{ width: 100%;}
#daizu .cart .cart-inner{ position: relative;}
#daizu .cart .cart-inner .btn{ position: absolute; left: 7%; bottom: 25.5%; width: 87%;}
#daizu .page-top{ width: 16%; z-index: 100;}

#daizu #main{ background: url(../images/main-bg_.jpg) center top no-repeat; background-size: 100%;}
#daizu .inner{ position: relative;}
#daizu #main .logo1{ position: absolute; left: 5%; top: 2.5%; width: 14%;}
#daizu #main .logo2{ position: absolute; right: 5%; top: 2.5%; width: 14%;}
#daizu #main .cart{ position: absolute; bottom: 0%;}

#daizu #sec1 .page-top{ position: absolute; right: 4%; bottom: 1%;}

#daizu #sec2 .cart{ position: absolute; bottom: 1.8%;}
#daizu #sec2 .page-top{ position: absolute; right: 4%; bottom: 0.6%;}

#daizu #sec3 .page-top{ position: absolute; right: 4%; bottom: 2%;}

#daizu #sec4 .cart{ position: absolute; bottom: 3%;}
#daizu #sec4 .page-top{ position: absolute; right: 4%; bottom: 1.6%;}

#daizu #sec5 .page-top{ position: absolute; right: 4%; bottom: 2.2%;}

#daizu #sec6 ul .btn{ display: none;}
#daizu #sec6 ul{ width: 92%; position: absolute; left: 4%; top: 12%;}
#daizu #sec6 .cart{ position: absolute; bottom: 1.5%;}
#daizu #sec6 .page-top{ position: absolute; right: 4%; bottom: 0.8%;}

.lp_reset .modal .rspbody .rspimg { max-width:640px; max-height:inherit; width:100%; height:auto; margin:3% auto 0;}

}



#daizu img {
  vertical-align: bottom;
}