@charset "utf-8";

.bg_red {background:#b81d1b !important;}

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

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

  #lp_hotcake {width:100%;}
  #lp_hotcake ul,
  #lp_hotcake ol {list-style-type:none;}
  
  /* mv */
  #lp_hotcake #mv {position:relative; font-size:0;}
  #lp_hotcake #mv .h1_box {position:relative;}
  #lp_hotcake #mv .h1_box .mv_logo {position:absolute; width:28.8%; max-width:216px; top:0; right:0; z-index:+1;}
  #lp_hotcake #mv .inner {position:absolute; display:flex; align-items:flex-end; justify-content:flex-end; width:100%; height:100%; top:0; left:0;}
  #lp_hotcake #mv .inner .btn_box {}
  #lp_hotcake #mv .inner .btn_box .btn {width:86.8%; margin:0 auto; padding:0 0 5% 0;}
  
  /* sec1 */
  #lp_hotcake #sec1 {font-size:0;}
  
  /* sec2 */
  #lp_hotcake #sec2 {font-size:0;}
  #lp_hotcake #sec2 .btn {position:relative;}
  #lp_hotcake #sec2 .btn a {position:absolute; width:86.8%; top:1%; left:6.6%;}
  
  /* sec3 */
  #lp_hotcake #sec3 {font-size:0;}
  
  /* sec4 */
  #lp_hotcake #sec4 {font-size:0;}
	 #lp_hotcake #sec4 .inner {margin:3rem auto;}
	 #lp_hotcake #sec4 .movie {margin-top:3.2rem;}
  
  /* sec5 */
  #lp_hotcake #sec5 {margin-top:3rem;/* movieなしのときのみ */ font-size:0;}
  
  /* sec6 */
  #lp_hotcake #sec6 {padding:4rem 0 8rem 0;}
  #lp_hotcake #sec6 .inner {width:86%; margin:0 auto;}
  #lp_hotcake #sec6 .inner .note {display:flex; flex-wrap:wrap; margin:0 auto; padding:0.5rem 0 0 0;}
  #lp_hotcake #sec6 .inner .note .cart_box {width:100%; margin:0 0 4rem 0;}
  #lp_hotcake #sec6 .inner .note .cart_box:last-child {margin:0;}
  #lp_hotcake #sec6 .inner .note .cart_box .img {border:1px solid #f3f3f3; font-size:0;}
  #lp_hotcake #sec6 .inner .note .cart_box .name {margin:0; padding:0.8em 0; background:#bd8f43; color:#fff; font-size:170%; font-weight:500; line-height:1.5; text-align:center;}
  #lp_hotcake #sec6 .inner .note .cart_box .price {margin:0.2rem 0 0 0; color:#d20000; font-size:370%; font-weight:700; text-align:center;}
  #lp_hotcake #sec6 .inner .note .cart_box .price span {font-size:50%;}
  #lp_hotcake #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_hotcake #sec6 .inner .note dl.cart dt {width:4em; margin:0; padding:0; border:0;}
  #lp_hotcake #sec6 .inner .note dl.cart dd {display:flex; align-items:center; justify-content:space-between; width:8em; margin:0; padding:0; border:0;}
  #lp_hotcake #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_hotcake #sec6 .inner .note dl.cart dd span {display:inline-block; padding:0.3em 1em; border:1px solid #004d25; color:#004d25;}
  #lp_hotcake #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:130%; font-weight:600; letter-spacing:0.05em; cursor:pointer;}
  #lp_hotcake #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_hotcake #sec6 .inner .note .notice a {border-bottom:1px solid #ff0000; color:#ff0000; text-decoration:none;}
  #lp_hotcake #sec6 .inner .note .notice p {margin:1.5em 0 0 0;}
  #lp_hotcake #sec6 .inner .spec {margin:3.5em 0 0 0; font-size:130%; line-height:1.8; text-align:justify; text-justify:inter-ideograph;}
  #lp_hotcake #sec6 .inner .spec .spec_txt {padding-left:5em; text-indent:-5em;}
  #lp_hotcake #sec6 .inner .spec .spec_ttl {margin-top:1.5em;}
  #lp_hotcake #sec6 .inner .spec .btn_top {margin:2em 0 0 0;}
  #lp_hotcake #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_hotcake .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_hotcake {width:100%; max-width:1280px; margin:0 auto;}
  #lp_hotcake a {transition:0.3s;}
  #lp_hotcake a:hover {opacity:0.9;}
  #lp_hotcake ul,
  #lp_hotcake ol {list-style-type:none;}
  
  /* mv */
  #lp_hotcake #mv {position:relative; font-size:0;}
  #lp_hotcake #mv .h1_box {position:relative;}
  #lp_hotcake #mv .h1_box .mv_logo {position:absolute; width:19.4%; max-width:246px; top:0; right:7.8125%; z-index:+1;}
  #lp_hotcake #mv .btn_box {position:absolute; display:flex; align-items:flex-end; justify-content:flex-end; width:84.375%; height:100%; top:0; left:7.8125%;}
  #lp_hotcake #mv .btn_box .btn {width:58%; max-width:622px; padding:0 0 14.3% 0;}
  
  /* sec1 */
  #lp_hotcake #sec1 {font-size:0;}
  
  /* sec2 */
  #lp_hotcake #sec2 {font-size:0;}
  #lp_hotcake #sec2 .btn {position:relative;}
  #lp_hotcake #sec2 .btn a {position:absolute; width:48.125%; max-width:616px; top:1%; left:25.9375%;}
  
  /* sec3 */
  #lp_hotcake #sec3 {font-size:0;}
  
  /* sec4 */
  #lp_hotcake #sec4 {font-size:0;}
	 #lp_hotcake #sec4 .inner {width:84.375%; margin:6rem auto;}
	 #lp_hotcake #sec4 .movie {margin-top:2.8rem;}
  
  /* sec5 */
  #lp_hotcake #sec5 {margin-top:3rem;/* movieなしのときのみ */ font-size:0;}
  
  /* sec6 */
  #lp_hotcake #sec6 {padding:6rem 0 8rem 0;}
  #lp_hotcake #sec6 .inner {}
  #lp_hotcake #sec6 .inner .note {display:flex; flex-wrap:wrap; justify-content:space-between; width:80%; margin:0 auto;}
  #lp_hotcake #sec6 .inner .note .cart_box {width:46%; margin:1rem 0 0 0;}
  #lp_hotcake #sec6 .inner .note .cart_box .img {border:1px solid #f3f3f3; font-size:0;}
  #lp_hotcake #sec6 .inner .note .cart_box .name {margin:0; padding:0.7em 0; background:#bd8f43; color:#fff; font-size:145%; font-weight:500; line-height:1.5; text-align:center;}
  #lp_hotcake #sec6 .inner .note .cart_box .price {margin:0.5rem 0 0 0; color:#d20000; font-size:350%; font-weight:700; text-align:center;}
  #lp_hotcake #sec6 .inner .note .cart_box .price span {font-size:50%;}
  #lp_hotcake #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_hotcake #sec6 .inner .note dl.cart dt {width:4em; margin:0; padding:0; border:0;}
  #lp_hotcake #sec6 .inner .note dl.cart dd {display:flex; align-items:center; justify-content:space-between; width:8em; margin:0; padding:0; border:0;}
  #lp_hotcake #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_hotcake #sec6 .inner .note dl.cart dd span {display:inline-block; padding:0.24em 1em; border:1px solid #004d25; color:#004d25;}
  #lp_hotcake #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_hotcake #sec6 .inner .note button:hover {opacity:0.8;}
  #lp_hotcake #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_hotcake #sec6 .inner .note .notice a {border-bottom:1px solid #ff0000; color:#ff0000; text-decoration:none;}
  #lp_hotcake #sec6 .inner .note .notice a:hover {border-bottom:1px solid transparent;}
  #lp_hotcake #sec6 .inner .note .notice p {margin:1.5em 0 0 0;}
  #lp_hotcake #sec6 .inner .spec {width:80%; margin:3.5em auto 0 auto; font-size:125%; line-height:1.9; text-align:justify; text-justify:inter-ideograph;}
  #lp_hotcake #sec6 .inner .spec .spec_txt {padding-left:5em; text-indent:-5em;}
  #lp_hotcake #sec6 .inner .spec .spec_ttl {margin-top:1.5em;}
  #lp_hotcake #sec6 .inner .spec .btn_top {margin:1.5em 0 0 0;}
  #lp_hotcake #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_hotcake .copy {margin:0; padding:1.5rem 0; color:#000; font-size:75%; font-weight:500; text-align:center; letter-spacing:0.02em;}
  
}