@charset "utf-8";

.bg_red {background:#b81d1b !important;}

/*********************************
 * ～750
 *********************************/

@media screen and (max-width:750px){

  #lp_liquid {width:100%;}
  #lp_liquid ul,
  #lp_liquid ol {list-style-type:none;}
  
  /* mv */
  #lp_liquid #mv {position:relative; font-size:0;}
  #lp_liquid #mv .h1_box {position:relative;}
  #lp_liquid #mv .h1_box .mv_logo {position:absolute; width:28.8%; max-width:216px; top:0; right:0; z-index:+1;}
  #lp_liquid #mv .inner {position:absolute; display:flex; align-items:flex-end; justify-content:flex-end; width:100%; height:100%; top:0; left:0;}
  #lp_liquid #mv .inner .btn_box {}
  #lp_liquid #mv .inner .btn_box .name {padding:0 0 6% 0;}
  #lp_liquid #mv .inner .btn_box .btn {width:86.8%; margin:0 auto; padding:0 0 7.2% 0;}
  
  /* sec1 */
  #lp_liquid #sec1 {font-size:0;}
  
  /* sec2 */
  #lp_liquid #sec2 {font-size:0;}
  
  /* sec3 */
  #lp_liquid #sec3 {font-size:0;}
  
  /* sec4 */
  #lp_liquid #sec4 {font-size:0;}
	#lp_liquid #sec4 .btn {width:86.8%; margin:2.8rem auto;}
  
  /* sec5 */
  #lp_liquid #sec5 {font-size:0;}
  
  /* sec6 */
  #lp_liquid #sec6 {padding:4rem 0 8rem 0;}
  #lp_liquid #sec6 .inner {width:86%; margin:0 auto;}
  #lp_liquid #sec6 .inner .note {display:flex; flex-wrap:wrap; margin:0 auto; padding:0.5rem 0 0 0;}
  #lp_liquid #sec6 .inner .note .cart_box {width:100%; margin:0 0 4rem 0;}
  #lp_liquid #sec6 .inner .note .cart_box:last-child {margin:0;}
  #lp_liquid #sec6 .inner .note .cart_box .img {border:1px solid #f3f3f3; font-size:0;}
  #lp_liquid #sec6 .inner .note .cart_box .name {margin:0; padding:0.8em 0; background:#006426; color:#fff; font-size:170%; font-weight:500; line-height:1.5; text-align:center;}
  #lp_liquid #sec6 .inner .note .cart_box .price {margin:0.2rem 0 0 0; color:#d20000; font-size:370%; font-weight:700; text-align:center;}
  #lp_liquid #sec6 .inner .note .cart_box .price span {font-size:50%;}
  #lp_liquid #sec6 .inner .note dl.cart {display:flex; align-items:center; width:12em; margin:0.9rem auto 0 auto; color:#101010; font-size:120%; font-weight:600; text-align:left;}
  #lp_liquid #sec6 .inner .note dl.cart dt {width:4em; margin:0; padding:0; border:0;}
  #lp_liquid #sec6 .inner .note dl.cart dd {display:flex; align-items:center; justify-content:space-between; width:8em; margin:0; padding:0; border:0;}
  #lp_liquid #sec6 .inner .note dl.cart dd select {margin:0 0.5em 0 0; padding:0.3em 0.5em; width:4em; border:1px solid #cccccc; border-radius:3px; box-shadow:none; font-size:120%;}
  #lp_liquid #sec6 .inner .note dl.cart dd span {display:inline-block; padding:0.3em 1em; border:1px solid #004d25; color:#004d25;}
  #lp_liquid #sec6 .inner .note button {width:100%; margin:1.5em 0 0 0; padding:0.8em 0; background:#ffb608; border:1px solid #ffb608; border-radius:4px; color:#ffffff; font-size:120%; font-weight:600; letter-spacing:0.05em; cursor:pointer;}
  #lp_liquid #sec6 .inner .note .notice {margin:1.5em 0 0 0; color:#ff0000; font-size:105%; font-weight:600; line-height:1.8; text-align:justify; text-justify:inter-ideograph;}
  #lp_liquid #sec6 .inner .note .notice a {border-bottom:1px solid #ff0000; color:#ff0000; text-decoration:none;}
  #lp_liquid #sec6 .inner .note .notice p {margin:1.5em 0 0 0;}
  #lp_liquid #sec6 .inner .spec {margin:3.5em 0 0 0; font-size:125%; line-height:1.9; text-align:justify; text-justify:inter-ideograph;}
  #lp_liquid #sec6 .inner .spec .btn_top {margin:1em 0 0 0;}
  #lp_liquid #sec6 .inner .spec .btn_top a {display:inline-block; padding:0.35em 4em; background:url(../images/lp/icon_arw.png) 0.3em 0.3em no-repeat; background-size:0.65em auto; border:2px solid #000; color:#000; font-weight:500; text-decoration:none;}
  
  /* copy */
  #lp_liquid .copy {margin:4.5rem 0 0 0; padding:1.8rem 0; color:#000; font-size:12px; font-weight:500; text-align:center;}

}



/*********************************
 * 751～
 *********************************/

@media screen and (min-width:751px){

  #lp_liquid {width:100%; max-width:1280px; margin:0 auto;}
  #lp_liquid a {transition:0.3s;}
  #lp_liquid a:hover {opacity:0.9;}
  #lp_liquid ul,
  #lp_liquid ol {list-style-type:none;}
  
  /* mv */
  #lp_liquid #mv {position:relative; font-size:0;}
  #lp_liquid #mv .h1_box {position:relative;}
  #lp_liquid #mv .h1_box .mv_logo {position:absolute; width:19.4%; max-width:246px; top:0; right:10%; z-index:+1;}
  #lp_liquid #mv .inner {position:absolute; display:flex; align-items:flex-end; justify-content:flex-end; width:80%; height:100%; top:0; left:10%;}
  #lp_liquid #mv .inner .btn_box {display:flex; flex-wrap:wrap; justify-content:flex-end; width:66.5%; max-width:680px;}
  #lp_liquid #mv .inner .btn_box .name {padding:0 0 2% 0;}
  #lp_liquid #mv .inner .btn_box .btn {width:91.5%; max-width:622px; padding:0 0 6.5% 0;}
  
  /* sec1 */
  #lp_liquid #sec1 {font-size:0;}
  
  /* sec2 */
  #lp_liquid #sec2 {font-size:0;}
  
  /* sec3 */
  #lp_liquid #sec3 {font-size:0;}
  
  /* sec4 */
  #lp_liquid #sec4 {font-size:0;}
	#lp_liquid #sec4 .btn {width:48.2%; max-width:615px; margin:4.5rem auto 5rem auto;}
  
  /* sec5 */
  #lp_liquid #sec5 {font-size:0;}
  
  /* sec6 */
  #lp_liquid #sec6 {padding:6rem 0 8rem 0;}
  #lp_liquid #sec6 .inner {}
  #lp_liquid #sec6 .inner .logo {width:24.4%; max-width:310px; margin:0 auto;}
  #lp_liquid #sec6 .inner .note {display:flex; flex-wrap:wrap; justify-content:space-between; width:80%; margin:0 auto;}
  #lp_liquid #sec6 .inner .note .cart_box {width:46%; margin:1rem 0 0 0;}
  #lp_liquid #sec6 .inner .note .cart_box .img {border:1px solid #f3f3f3; font-size:0;}
  #lp_liquid #sec6 .inner .note .cart_box .name {margin:0; padding:0.7em 0; background:#006426; color:#fff; font-size:145%; font-weight:500; line-height:1.5; text-align:center;}
  #lp_liquid #sec6 .inner .note .cart_box .price {margin:0.5rem 0 0 0; color:#d20000; font-size:350%; font-weight:700; text-align:center;}
  #lp_liquid #sec6 .inner .note .cart_box .price span {font-size:50%;}
  #lp_liquid #sec6 .inner .note dl.cart {display:flex; align-items:center; width:12em; margin:0.3rem auto 0 auto; color:#101010; font-size:110%; font-weight:600; text-align:left;}
  #lp_liquid #sec6 .inner .note dl.cart dt {width:4em; margin:0; padding:0; border:0;}
  #lp_liquid #sec6 .inner .note dl.cart dd {display:flex; align-items:center; justify-content:space-between; width:8em; margin:0; padding:0; border:0;}
  #lp_liquid #sec6 .inner .note dl.cart dd select {margin:0 0.5em 0 0; padding:0.3em 0.5em; width:4em; border:1px solid #cccccc; border-radius:3px; box-shadow:none; font-size:120%;}
  #lp_liquid #sec6 .inner .note dl.cart dd span {display:inline-block; padding:0.24em 1em; border:1px solid #004d25; color:#004d25;}
  #lp_liquid #sec6 .inner .note button {width:100%; margin:1.5em 0 0 0; padding:0.7em 0; background:#ffb608; border:1px solid #ffb608; border-radius:4px; color:#ffffff; font-size:110%; font-weight:600; letter-spacing:0.02em; cursor:pointer; transition:0.3s;}
  #lp_liquid #sec6 .inner .note button:hover {opacity:0.8;}
  #lp_liquid #sec6 .inner .note .notice {margin:1.5em 0 0 0; color:#ff0000; font-weight:600; line-height:1.8; text-align:justify; text-justify:inter-ideograph;}
  #lp_liquid #sec6 .inner .note .notice a {border-bottom:1px solid #ff0000; color:#ff0000; text-decoration:none;}
  #lp_liquid #sec6 .inner .note .notice a:hover {border-bottom:1px solid transparent;}
  #lp_liquid #sec6 .inner .note .notice p {margin:1.5em 0 0 0;}
  #lp_liquid #sec6 .inner .spec {width:80%; margin:2.5em auto 0 auto; font-size:125%; line-height:1.9; text-align:justify; text-justify:inter-ideograph;}
  #lp_liquid #sec6 .inner .spec .btn_top {margin:1em 0 0 0;}
  #lp_liquid #sec6 .inner .spec .btn_top a {display:inline-block; padding:0.5em 5.5em; background:url(../images/lp/icon_arw.png) 0.4em 0.4em no-repeat; background-size:0.7em auto; border:1px solid #000; color:#000; font-size:70%; font-weight:500; text-decoration:none;}
  
  /* copy */
  #lp_liquid .copy {margin:0; padding:1.5rem 0; color:#000; font-size:75%; font-weight:500; text-align:center; letter-spacing:0.02em;}
  
}




