@charset "utf-8";
/* CSS Document */
#cmp_main{ width:100%; margin:0 auto; }
#cmp_main img{ vertical-align:bottom; }
/* =======================================================================
indexページ
======================================================================= */
#cmp_main .index_box{ max-width: 800px; margin: auto; }
#cmp_main .index_box > div{ margin: auto; padding: 0; }
#cmp_main .index_box > div img{ display: block; margin: auto; padding: 0; vertical-align: bottom; line-height: 0; width:100%; }
/* カートインボタン */
#cmp_main .index_box .btnarea{ position: relative; }
#cmp_main .index_box .btnarea p{ position: absolute; top: 0; left: 50%; width: 85.25%; transform: translateX(-50%); }
#cmp_main .index_box .btnarea p.btn1{top: 61.0%;}
#cmp_main .index_box .btnarea p.btn2{top: 68.0%;}
#cmp_main .index_box .btnarea p.btn3{top: 83.0%;}
#cmp_main .index_box .btnarea p.btn4{top: 83.5%;}
#cmp_main .index_box .btnarea p.btn5{top: 82.5%;}
#cmp_main .index_box .btnarea p.btn6{top: 82.5%;}
#cmp_main .index_box .btnarea p.btn7{top: 83.0%;}
#cmp_main .index_box .btnarea p.btn8{top: 84.0%;}

/* =======================================================================
moadl
======================================================================= */
.modal{ display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 1211; }
.modal__bg{ background: rgba(0,0,0,0.8); height: 100vh; position: absolute; width: 100%; }
.modal__content{ background: #fff; left: 50%; padding:1.5em 1em; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 60%; max-width: 500px; border: 2px solid #7f9caf; color: #527089; text-align: center; line-height: 1.55; }
.modal__content .lead{ text-align: justify; font-size: 120%; color:#000!important; font-weight: 400!important; padding: 0 1em;}
.modal__content .lead span{ font-weight: bold; text-decoration: underline; }
.modal__content .txt{ margin-top: 20px; font-size: 120%; text-align: left; color:#000!important; font-weight: 400!important; padding: 0 1em; }
.modal__content .ans { display: grid; border-top: 1px solid #818181; margin-top: 0.5em; padding: 0 3em; grid-template-columns: 1fr 1fr; gap: 2.5em; }
.modal__content .btn_t a{ display: block; margin-top: 1.5em; padding: 0.75em 0; border: solid 1px #000; border-radius: 5px; color: #000; font-size: 120%; font-weight: 400; text-align: center; transition: all 300ms; }
.modal__content .btn_t.t1{}
.modal__content .btn_t.t2{}

/* =======================================================================
LP個別設定
======================================================================= */
/* 商品ラインナップ */
.lineup .cp { position: relative; }
.lineup .cp .nav { position: absolute; top: 1%; left: 50%; transform: translateX(-50%); width: 92.5%; }