@charset "utf-8";

.bg_brown {background:#5a2a27 !important;}
.bg_red {background:#ab2c35 !important;}
.bg_blue {background:#13285f !important;}
.bg_black {background:#000 !important;}

/*********************************
 * ～750
 *********************************/

@media screen and (max-width:750px){

  #lp_matomegai {width:100%;}
  #lp_matomegai ul,
  #lp_matomegai ol {list-style-type:none;}
  
  /* mv */
  #lp_matomegai #mv {position:relative; font-size:0;}
  #lp_matomegai #mv .h1_box {position:relative;}
  #lp_matomegai #mv .h1_box .mv_logo {position:absolute; width:28.8%; max-width:216px; top:0; right:0; z-index:+1;}
  #lp_matomegai #mv .inner {position:absolute; display:flex; align-items:flex-end; justify-content:flex-end; width:72%; height:100%; top:0; left:14%;}
  #lp_matomegai #mv .inner .btn_box {}
  #lp_matomegai #mv .inner .btn_box .name {padding:0 0 3.5% 0;}
  #lp_matomegai #mv .inner .btn_box .btn {padding:0 0 11% 0;}
  
  /* sec1 */
  #lp_matomegai #sec1 {font-size:0;}
  
  /* sec2 */
  #lp_matomegai #sec2 {font-size:0;}
  
  /* sec3 */
  #lp_matomegai #sec3 {font-size:0;}
  #lp_matomegai #sec3 .inner {position:relative;}
  #lp_matomegai #sec3 .inner .btn_box {position:absolute; width:87%; bottom:0; left:6.5%;}
  #lp_matomegai #sec3 .inner .btn_box .name {padding:0 0 5.2% 0;}
  #lp_matomegai #sec3 .inner .btn_box .btn {padding:0 0 9% 0;}
  
  /* sec4 */
  #lp_matomegai #sec4 {font-size:0;}
  
  /* sec5 */
  #lp_matomegai #sec5 {font-size:0;}
  
  /* sec6 */
  #lp_matomegai #sec6 {padding:4rem 0 8rem 0;}
  #lp_matomegai #sec6 .inner {width:86%; margin:0 auto;}
  #lp_matomegai #sec6 .inner .logo {width:58%; max-width:370px; margin:0 auto;}
  #lp_matomegai #sec6 .inner .note {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; padding:0.5rem 0 0 0;}
  #lp_matomegai #sec6 .inner .note .cart_box {width:46%; margin:3rem 0 0 0;}
  #lp_matomegai #sec6 .inner .note .cart_box .img {border:1px solid #f3f3f3; font-size:0;}
  #lp_matomegai #sec6 .inner .note .cart_box .name {margin:1.1rem 0 0 0; padding:0.8em 0; background:#004d24; color:#fff; font-size:110%; font-weight:500; line-height:1.5; text-align:center;}
  #lp_matomegai #sec6 .inner .note .cart_box .price {margin:0.5rem 0 0 0; color:#d20000; font-size:170%; font-weight:500; text-align:center;}
  #lp_matomegai #sec6 .inner .note .cart_box .price span {font-size:50%;}
  #lp_matomegai #sec6 .inner .note dl.cart {display:flex; align-items:center; justify-content:space-between; width:100%; margin:0.9rem 0 0 0; color:#101010; font-size:120%; font-weight:600; text-align:left;}
  #lp_matomegai #sec6 .inner .note dl.cart dt {width:4em; margin:0; padding:0; border:0;}
  #lp_matomegai #sec6 .inner .note dl.cart dd {display:flex; align-items:center; justify-content:space-between; width:calc(100% - 4em); margin:0; padding:0; border:0;}
  #lp_matomegai #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_matomegai #sec6 .inner .note dl.cart dd span {display:inline-block; padding:0.3em 1em; border:1px solid #004d25; color:#004d25;}
  #lp_matomegai #sec6 .inner .note button {width:100%; margin:1em 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_matomegai #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_matomegai #sec6 .inner .note .notice a {border-bottom:1px solid #ff0000; color:#ff0000; text-decoration:none;}
  #lp_matomegai #sec6 .inner .note .notice p {margin:1.5em 0 0 0;}
  #lp_matomegai #sec6 .inner .spec {margin:3.5em 0 0 0; font-size:125%; line-height:1.9; text-align:justify; text-justify:inter-ideograph;}
  #lp_matomegai #sec6 .inner .spec .btn_top {margin:1em 0 0 0;}
  #lp_matomegai #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_matomegai .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_matomegai {width:100%; max-width:1280px; margin:0 auto;}
  #lp_matomegai a {transition:0.3s;}
  #lp_matomegai a:hover {opacity:0.9;}
  #lp_matomegai ul,
  #lp_matomegai ol {list-style-type:none;}
  
  /* mv */
  #lp_matomegai #mv {position:relative; font-size:0;}
  #lp_matomegai #mv .h1_box {position:relative;}
  #lp_matomegai #mv .h1_box .mv_logo {position:absolute; width:19.4%; max-width:246px; top:0; right:10%; z-index:+1;}
  #lp_matomegai #mv .inner {position:absolute; display:flex; align-items:flex-end; justify-content:flex-end; width:80%; height:100%; top:0; left:10%;}
  #lp_matomegai #mv .inner .btn_box {width:40.8%; max-width:416px;}
  #lp_matomegai #mv .inner .btn_box .name {padding:0 0 3.5% 0;}
  #lp_matomegai #mv .inner .btn_box .btn {padding:0 0 10.5% 0;}
  
  /* sec1 */
  #lp_matomegai #sec1 {font-size:0;}
  
  /* sec2 */
  #lp_matomegai #sec2 {font-size:0;}
  
  /* sec3 */
  #lp_matomegai #sec3 {font-size:0;}
  #lp_matomegai #sec3 .inner {position:relative;}
  #lp_matomegai #sec3 .inner .btn_box {position:absolute; width:78%; bottom:0; left:11%;}
  #lp_matomegai #sec3 .inner .btn_box .name {width:51%; max-width:500px; padding:0 0 3.2% 0;}
  #lp_matomegai #sec3 .inner .btn_box .btn {width:51%; max-width:500px; padding:0 0 9.9% 0;}
  
  /* sec4 */
  #lp_matomegai #sec4 {font-size:0;}
  
  /* sec5 */
  #lp_matomegai #sec5 {font-size:0;}
  
  /* sec6 */
  #lp_matomegai #sec6 {padding:6rem 0 8rem 0;}
  #lp_matomegai #sec6 .inner {}
  #lp_matomegai #sec6 .inner .logo {width:24.4%; max-width:310px; margin:0 auto;}
  #lp_matomegai #sec6 .inner .note {display:flex; flex-wrap:wrap; width:80%; margin:0 auto; padding-top:1rem;}
  #lp_matomegai #sec6 .inner .note .cart_box {width:19.8%; margin:3rem calc(20.8% / 3) 0 0;}
  #lp_matomegai #sec6 .inner .note .cart_box:nth-child(4n) {margin-right:0;}
  #lp_matomegai #sec6 .inner .note .cart_box .img {border:1px solid #f3f3f3; font-size:0;}
  #lp_matomegai #sec6 .inner .note .cart_box .name {margin:1.3rem 0 0 0; padding:0.7em 0; background:#004d24; color:#fff; font-size:105%; font-weight:500; line-height:1.4; text-align:center;}
  #lp_matomegai #sec6 .inner .note .cart_box .price {margin:0.5rem 0 0 0; color:#d20000; font-size:140%; font-weight:500; text-align:center;}
  #lp_matomegai #sec6 .inner .note .cart_box .price span {font-size:50%;}
  #lp_matomegai #sec6 .inner .note dl.cart {display:flex; align-items:center; width:100%; margin:0.7rem 0 0 0; color:#101010; font-size:110%; font-weight:600; text-align:left;}
  #lp_matomegai #sec6 .inner .note dl.cart dt {width:4em; margin:0; padding:0; border:0;}
  #lp_matomegai #sec6 .inner .note dl.cart dd {display:flex; align-items:center; justify-content:space-between; width:calc(100% - 4em); margin:0; padding:0; border:0;}
  #lp_matomegai #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_matomegai #sec6 .inner .note dl.cart dd span {display:inline-block; padding:0.24em 1em; border:1px solid #004d25; color:#004d25;}
  #lp_matomegai #sec6 .inner .note button {width:100%; margin:1em 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_matomegai #sec6 .inner .note button:hover {opacity:0.8;}
  #lp_matomegai #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_matomegai #sec6 .inner .note .notice a {border-bottom:1px solid #ff0000; color:#ff0000; text-decoration:none;}
  #lp_matomegai #sec6 .inner .note .notice a:hover {border-bottom:1px solid transparent;}
  #lp_matomegai #sec6 .inner .note .notice p {margin:1.5em 0 0 0;}
  #lp_matomegai #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_matomegai #sec6 .inner .spec .btn_top {margin:1em 0 0 0;}
  #lp_matomegai #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_matomegai .copy {margin:0; padding:1.5rem 0; color:#000; font-size:75%; font-weight:500; text-align:center; letter-spacing:0.02em;}
  
}