@charset "UTF-8";

/* ▼▼▼ ecbing-layout-customize */
.kanana_wrapper h2 {
  font-weight: bold;
}
@media (max-width: 767px) {
  .kanana_wrapper h1, .kanana_wrapper .h1 {
    padding-top: 0;
  }
}
/* ▲▲▲▲ ecbing-layout-customize */

@media (max-width: 767px) { 
  /* #header { position: absolute; width: 100%; top: 0; } */
  #container { margin-top: 82px; }
  .header_guide, .header_login, .header_menu, .header_search { position: absolute; }
  #trend_area { display: none; } }

.goods_wrap { width: auto; position: relative; margin: 0 -500%; padding: 0 500%; background-color: #f1ffe5; }

@media (max-width: 767px) { .goods_wrap { width: auto; margin: 0 -15px; padding: 0 10px; } }

.kanana_wrapper { color: #680f01; font-family: "Noto Sans JP", sans-serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 18px; line-height: 1.7; letter-spacing: -0.02em; }

@media (max-width: 767px) { .kanana_wrapper { font-size: 15px; } }

.item_visual { width: auto; position: relative; margin: 0 -500%; padding: 0 500%; background-color: #f1ffe5; background: #fff; text-align: center; }

@media (max-width: 767px) { .item_visual { width: auto; margin: 0 -20px; padding: 0 10px; } }

.goods_detail { width: 1200px; margin: 0 auto; padding-bottom: 80px; position: relative; }

@media (max-width: 767px) { .goods_detail { width: auto; padding: 0 10px; } }

.underline { border-bottom: 1px solid red; }

[data-ruby] { position: relative; }

[data-ruby]::before { content: attr(data-ruby); position: absolute; top: -.5em; left: 0; right: 0; margin: auto; font-size: 0.5em; width: 100vw; }

.campaign_area { margin-top: 60px; text-align: center; position: relative; }

@media (max-width: 767px) { .campaign_area { margin-top: 30px; } }

@media (max-width: 767px) { .campaign_area { margin-top: 60px; } }

.campaign_area .cam_bnr { box-shadow: 4px 3px 13px -2px #a8a8a8; }

.campaign_area .message { position: absolute; left: 20px; top: -30px; }

@media (max-width: 767px) { .campaign_area .message { left: -1vw; top: -30px; max-width: 20vw; } }

.order_btn { margin-top: 60px; margin-bottom: 60px; text-align: center; position: relative; }

@media (max-width: 767px) { .order_btn { margin-top: 30px; margin-bottom: 30px; } }

.order_btn a { transition: all 300ms 0s ease; }

.order_btn a:hover { opacity: 0.8; }

.order_btn img { box-shadow: 0px 0px 3px 3px #cccccc; border-radius: 16px; }

@media (max-width: 767px) { .order_btn img { border-radius: 8px; max-width: 80vw; } }

.kanana_slider { position: relative; padding-top: 10px; }

.kanana_slider .flex-direction-nav a:before { opacity: 0.5; }

@media (max-width: 320px) { .kanana_slider .flex-control-nav { bottom: -55px; } }

.kanana_lead { padding-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row-reverse; }

@media (max-width: 767px) { .kanana_lead { padding-top: 0; } }

@media (max-width: 767px) { .kanana_lead { width: auto; } }

@media (max-width: 767px) { .kanana_lead { flex-direction: column-reverse; } }

.kanana_lead h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #e74679; font-size: 28px; font-weight: bold;border-bottom: 1px dashed #680f01; padding-bottom: .2em; margin-bottom: 20px; letter-spacing: -0.05em; }

@media (max-width: 767px) { .kanana_lead h2 { font-size: 18px; } }

.kanana_lead .txt { flex: 1 1 680px; margin-left: 30px; color: #680f01; }

@media (max-width: 767px) { .kanana_lead .txt { margin-left: 0; flex: 1 1 auto; } }

.kanana_lead .subtxt { color: #000000; font-size: 14px; color: #6f6f6f; }

@media (max-width: 767px) { .kanana_lead .subtxt { font-size: 12px; margin-bottom: 20px; } }

@media (max-width: 767px) { .kanana_lead .img { margin: 20px auto; min-height: 0%; text-align: center; }
  .kanana_lead .img img { max-width: initial; width: 100%; } }

.kanana_profile { margin-top: 60px; background: #fff; border: solid #FFA35F 1px; border-radius: 23px; padding: 30px 40px 30px 50px; display: flex; }

@media (max-width: 767px) { .kanana_profile { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_profile { padding: 15px; margin-top: 10px; border-radius: 10px; display: block; } }

.kanana_profile h2 { font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; color: #680f01;border-bottom: 1px dashed #680f01; }

@media (max-width: 767px) { .kanana_profile h2 { font-size: 15px; margin-bottom: 10px; padding-bottom: 10px; } }

.kanana_profile .txt { flex: 1 1 690px; }

.kanana_profile .txt .subttl { font-weight: bold; font-size: 27px; color: #FFA35F; margin-bottom: 15px; }

@media (max-width: 767px) { .kanana_profile .txt .subttl { font-size: 16px; margin-bottom: 10px; } }

.kanana_profile .txt_wrap { border-bottom: 1px dashed #680f01; padding: 0 0 24px; background: url(/contents/shop/00000003/image/static/kanana/djd01_img02_02.png); background-repeat: no-repeat; background-position: right center; color: #680f01; }

@media (max-width: 767px) { .kanana_profile .txt_wrap { background: none; overflow: hidden; } }

.kanana_profile .img { margin-bottom: -29px; }

@media (max-width: 767px) { .kanana_profile .img { margin-bottom: 0; float: right; width: 30vw; } }

.kanana_profile .box { margin-top: 20px; background: #FFE1CC; border-radius: 8px; padding: 20px; color: #000000; font-size: 16px; }

@media (max-width: 767px) { .kanana_profile .box { font-size: 12px; padding: 10px; } }

.kanana_profile .box .takeuchi_name { margin-bottom: 10px; font-size: 18px; }

@media (max-width: 767px) { .kanana_profile .box .takeuchi_name { margin-bottom: 5px; font-size: 12px; } }

.kanana_uservoice { margin-top: 60px; }

@media (max-width: 767px) { .kanana_uservoice { margin-top: 30px; } }

.kanana_uservoice h2 { display: none; }

.kanana_uservoice .img { width: auto; position: relative; margin: 0 -500%; padding: 0 500%; background-color: #f1ffe5; background: #fff; text-align: center; }

@media (max-width: 767px) { .kanana_uservoice .img { width: auto; margin: 0 -20px; padding: 0 10px; } }

.kanana_uservoice .subtxt { font-size: 11px; color: #955B2E; text-align: left; margin-top: 10px; }

.kanana_receive { margin-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .kanana_receive { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_receive { width: auto; } }

.kanana_receive h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 32px; color: #e74679; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; letter-spacing: -0.03em; border-top: 1px solid #680f01; border-bottom: 1px solid #680f01; margin-bottom: 30px; }

@media (max-width: 767px) { .kanana_receive h2 { font-size: 18px; margin-bottom: 20px; } }

@media (max-width: 767px) { .kanana_receive h2 { margin-bottom: 10px; } }

.kanana_receive .main_content { position: relative; width: 1112px; height: 637px; }

@media (max-width: 767px) { .kanana_receive .main_content { width: auto; height: auto; } }

.kanana_receive .main_vi { position: absolute; z-index: 1; top: 0; right: 0; }

@media (max-width: 767px) { .kanana_receive .main_vi { position: static; width: 100vw; height: auto; } }

.kanana_receive .lead { padding-top: 30px; position: relative; z-index: 2; }

@media (max-width: 767px) { .kanana_receive .lead { padding-top: 10px; } }

.kanana_receive .lead .main_txt { display: inline-block; font-size: 24px; padding: 0.5em 0.5em; background: #063697; color: #000000; font-weight: bold; border-radius: 14px; }

@media (max-width: 767px) { .kanana_receive .lead .main_txt { font-size: 15px; } }

.kanana_receive .lead .sub_txt { padding-top: 20px; }

@media (max-width: 767px) { .kanana_receive .lead .sub_txt { padding-top: 10px; font-size: 13px; } }

.kanana_receive .receive_num { font-size: 24px; }

@media (max-width: 767px) { .kanana_receive .receive_num { font-size: 16px; } }

.kanana_receive .receive_num li { position: absolute; z-index: 2; }

.kanana_receive .receive_num li:nth-child(1) { top: 36px; right: 245px; }

@media (max-width: 767px) { .kanana_receive .receive_num li:nth-child(1) { top: 10vw; right: 10vw; } }

.kanana_receive .receive_num li:nth-child(2) { top: 132px; right: 207px; }

.kanana_receive .receive_num li:nth-child(3) { top: 567px; right: 333px; }

.kanana_receive .receive_num li:nth-child(4) { top: 432px; right: 900px; }

.kanana_receive .receive_num li:nth-child(5) { top: 532px; right: 800px; }

.kanana_receive .num { background: #680f01; font-size: 28px; width: 38px; height: 38px; line-height: 38px; margin-right: 10px; color: #fff; display: inline-block; border-radius: 50%; font-weight: bold; text-align: center; }

@media (max-width: 767px) { .kanana_receive .num { font-size: 18px; width: 28px; height: 28px; line-height: 28px; margin-right: 5px; } }

.details_content { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 17px; color: #000000; }

@media (max-width: 767px) { .details_content { display: block; font-size: 15px; } }

.details_content .item { border: 1px solid #FFA35F; background: #fff; padding: 10px; border-radius: 12px; letter-spacing: -0.08em; line-height: 1.5; }

@media (max-width: 767px) { .details_content .item { margin-top: 20px; overflow: hidden; } }

.details_content .ttl { font-size: 24px; color: #680f01; }

@media (max-width: 767px) { .details_content .ttl { font-size: 18px; } }

.details_content .point { font-size: 14px; color: #5e170c; }

@media (max-width: 767px) { .details_content .point { font-size: 13px; } }

.details_content .point_txt { max-width: 68px; display: inline-block; }

@media (max-width: 767px) { .details_content .point_txt { width: 64px; } }

.details_content .item:first-child { width: 730px; position: relative; margin-right: 10px; padding-right: 100px; }

@media (max-width: 767px) { .details_content .item:first-child { padding-right: 10px; margin-right: 0; width: auto; } }

.details_content .item:nth-child(2) { width: 376px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) { width: auto; } }

.details_content .item:nth-child(3) { width: 340px; margin-right: 10px; margin-top: 10px; }

@media (max-width: 767px) { .details_content .item:nth-child(3) { width: auto; margin-right: 0; margin-top: 20px; } }

.details_content .item:nth-child(4) { width: 376px; margin-right: 10px; margin-top: 10px; }

@media (max-width: 767px) { .details_content .item:nth-child(4) { width: auto; margin-right: 0; margin-top: 20px; } }

.details_content .item:nth-child(5) { width: 376px; margin-top: 10px; }

@media (max-width: 767px) { .details_content .item:nth-child(5) { width: auto; margin-top: 20px; } }

.details_content .item:first-child { position: relative; height: 364px; }

@media (max-width: 767px) { .details_content .item:first-child { height: auto; } }

.details_content .item:first-child .col02 { display: flex; padding-top: 10px; padding-left: 20px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 { display: block; padding-top: 20px; padding-left: 0; padding-right: 0; } }

.details_content .item:first-child .col02 .col02_img01 { position: absolute; width: 160px; bottom: 0; right: -46px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_img01 { width: 22vw; bottom: 0; right: 0; } }

.details_content .item:first-child .col02 .col02_01 { width: 400px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01 { width: auto; } }

.details_content .item:first-child .col02 .col02_02 { width: 230px; margin-top: -30px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02 { width: auto; } }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02 { margin-top: 30px; } }

.details_content .item:first-child .col02 .col02_01_img01 { width: 167px; float: left; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_img01 { width: 40vw; } }

.details_content .item:first-child .col02 .col02_01_txt01 { width: 194px; float: left; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_txt01 { width: 46vw; padding-right: 10px; } }

.details_content .item:first-child .col02 .col02_01_txt02 { clear: both; width: 191px; float: left; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_txt02 { width: 50vw; clear: both; padding-right: 10px; padding-left: 3vw; } }

.details_content .item:first-child .col02 .col02_01_img02 { width: 174px; margin-top: -10px; position: absolute; left: 220px; bottom: 20px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_img02 { position: static; width: 35vw; padding-top: 0; } }

.details_content .item:first-child .col02 .col02_02_img01 { width: 167px; margin-left: 20px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02_img01 { width: 35vw; margin-left: 0; float: left; } }

.details_content .item:first-child .col02 .col02_02_txt01 { padding-left: 20px; width: 190px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02_txt01 { width: 62vw; padding-left: 0; } }

.details_content .item:nth-child(2) .col01 { padding-top: 10px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01 { padding-top: 20px; } }

.details_content .item:nth-child(2) .col01_img01 { width: 170px; float: left; padding-left: 18px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_img01 { width: 40vw; padding-left: 3vw; } }

.details_content .item:nth-child(2) .col01_txt01 { padding-right: 20px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_txt01 { padding-right: 3vw; } }

.details_content .item:nth-child(2) .col01_txt02 { padding-right: 20px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_txt02 { padding-right: 0; padding-left: 5vw; } }

.details_content .item:nth-child(2) .col01_img02 { clear: both; width: 109px; float: left; margin-left: 27px; margin-bottom: 10px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_img02 { width: 25vw; float: right; margin-right: 5vw; margin-left: 0; margin-bottom: 0; } }

.details_content .item:nth-child(2) .col01_txt02 { width: 200px; float: right; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_txt02 { width: 55vw; float: left; padding-right: 10px; } }

.details_content .item:nth-child(3) .ttl { margin-bottom: 15px; }

@media (max-width: 767px) { .details_content .item:nth-child(3) .txt { padding-left: 3vw; padding-right: 3vw; } }

.details_content .item:nth-child(3) .col02 { display: flex; margin-top: 20px; }

.details_content .item:nth-child(3) .col02_01 { width: 160px; }

@media (max-width: 767px) { .details_content .item:nth-child(3) .col02_01 { width: auto; flex: 1 1 373px; } }

.details_content .item:nth-child(3) .col02_02 { width: 160px; }

@media (max-width: 767px) { .details_content .item:nth-child(3) .col02_02 { width: auto; } }

.details_content .item:nth-child(3) .col02_txt02 { margin-top: 20px; }

@media (max-width: 767px) { .details_content .item:nth-child(3) .col02_txt02 { margin-top: 5px; } }

.details_content .item:nth-child(4) .ttl { margin-bottom: 15px; }

.details_content .item:nth-child(4) .col01_img01 { float: left; width: 168px; }

@media (max-width: 767px) { .details_content .item:nth-child(4) .col01_img01 { width: 40vw; } }

.details_content .item:nth-child(4) .col01_txt01 { float: left; padding-left: 10px; width: 168px; }

@media (max-width: 767px) { .details_content .item:nth-child(4) .col01_txt01 { width: 46vw; } }

.details_content .item:nth-child(4) .col01_txt02 { padding: 0 20px; }

@media (max-width: 767px) { .details_content .item:nth-child(4) .col01_txt02 { padding: 0 5vw; } }

.details_content .item:nth-child(5) .ttl { margin-bottom: 15px; }

.details_content .item:nth-child(5) .col01_img01 { float: left; width: 168px; }

@media (max-width: 767px) { .details_content .item:nth-child(5) .col01_img01 { width: 40vw; } }

.details_content .item:nth-child(5) .col01_txt01 { float: left; padding-left: 10px; width: 166px; }

@media (max-width: 767px) { .details_content .item:nth-child(5) .col01_txt01 { width: 46vw; } }

.details_content .item:nth-child(5) .col01_txt02 { padding: 0 20px; }

@media (max-width: 767px) { .details_content .item:nth-child(5) .col01_txt02 { padding: 0 5vw; } }

.kanana_other_receive { margin-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .kanana_other_receive { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_other_receive { width: auto; } }

.kanana_other_receive h2 { display: inline-block; font-size: 24px; padding: 0.5em 0.5em; background: #063697; color: #000000; font-weight: bold; border-radius: 14px; }

@media (max-width: 767px) { .kanana_other_receive h2 { font-size: 15px; } }

.kanana_other_receive .main_content { position: relative; width: 1112px; height: 810px; margin-top: 30px; }

@media (max-width: 767px) { .kanana_other_receive .main_content { width: auto; height: auto; margin-bottom: 10vw; } }

.kanana_other_receive .main_vi { position: absolute; z-index: 1; top: 0; right: 0; }

@media (max-width: 767px) { .kanana_other_receive .main_vi { position: static; padding-left: 10px; padding-right: 10px; } }

.kanana_other_receive .item { position: relative; z-index: 2; position: absolute; }

@media (max-width: 767px) { .kanana_other_receive .item { position: relative; top: 0 !important; left: 0 !important; width: auto !important; margin-top: 15px; } }

.kanana_other_receive .item dt { border-bottom: 1px dashed #680f01; font-size: 24px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }

@media (max-width: 767px) { .kanana_other_receive .item dt { font-size: 18px; padding-bottom: 5px; font-weight: bold; } }

.kanana_other_receive .item dd { font-size: 17px; color: #680f01; }

@media (max-width: 767px) { .kanana_other_receive .item dd { font-size: 13px; } }

.kanana_other_receive .item.safe { width: 420px; padding-right: 150px; top: -10px; left: 0; }

@media (max-width: 767px) { .kanana_other_receive .item.safe { padding-right: 38vw; min-height: 30vw; } }

.kanana_other_receive .item.safe .img { position: absolute; width: 134px; padding-top: 20px; right: 0; top: 0; bottom: 0; margin: auto; }

@media (max-width: 767px) { .kanana_other_receive .item.safe .img { width: 30vw; padding-top: 15vw; } }

.kanana_other_receive .item.chest { width: 290px; top: 190px; left: 0; }

.kanana_other_receive .item.mesh { width: 270px; top: 390px; left: 0; }

.kanana_other_receive .item.water { width: 420px; top: 590px; left: 0; padding-right: 150px; position: relative; }

@media (max-width: 767px) { .kanana_other_receive .item.water { padding-right: 38vw; min-height: 30vw; } }

.kanana_other_receive .item.water .img { position: absolute; width: 134px; padding-top: 20px; right: 0; top: 0; bottom: 0; margin: auto; }

@media (max-width: 767px) { .kanana_other_receive .item.water .img { width: 30vw; padding-top: 15vw; } }

.kanana_other_receive .item.belt { width: 360px; top: -10px; left: 640px; }

.kanana_other_receive .item.gusset { width: 280px; top: 590px; left: 580px; }

.kanana_smart { margin-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .kanana_smart { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_smart { width: auto; } }

.kanana_smart h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 32px; color: #e74679; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; letter-spacing: -0.03em; border-top: 1px solid #680f01; border-bottom: 1px solid #680f01; margin-bottom: 30px; }

@media (max-width: 767px) { .kanana_smart h2 { font-size: 18px; margin-bottom: 20px; } }

.kanana_smart .main_vi { width: auto; position: relative; margin: 0 -500%; padding: 0 500%; background-color: #f1ffe5; background: #fff; }

@media (max-width: 767px) { .kanana_smart .main_vi { width: auto; margin: 0 -20px; padding: 0 10px; } }

.kanana_smart .main_vi .inner { width: 1120px; margin-left: auto; margin-right: auto; position: relative; text-align: right; }

@media (max-width: 767px) { .kanana_smart .main_vi .inner { width: auto; } }

.kanana_smart .main_vi .inner .person { position: absolute; top: -40px; left: 0; }

@media (max-width: 767px) { .kanana_smart .main_vi .inner .person { width: 15vw; top: -2vw; left: 3vw; } }

.kanana_smart .smart_content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }

@media (max-width: 767px) { .kanana_smart .smart_content { margin-top: 20px; } }

.kanana_smart .smart_content .item { width: 265px; margin-top: 20px; }

@media (max-width: 767px) { .kanana_smart .smart_content .item { width: 48%; } }

.kanana_smart .smart_content .ttl { border-bottom: 1px dashed #680f01; font-size: 24px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }

@media (max-width: 767px) { .kanana_smart .smart_content .ttl { font-size: 16px; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; } }

.kanana_smart .smart_content .txt { font-size: 17px; color: #680f01; }

@media (max-width: 767px) { .kanana_smart .smart_content .txt { font-size: 13px; } }

.kanana_scene { margin-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .kanana_scene { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_scene { width: auto; } }

.kanana_scene h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 32px; color: #e74679; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; letter-spacing: -0.03em; border-top: 1px solid #680f01; border-bottom: 1px solid #680f01; margin-bottom: 30px; }

@media (max-width: 767px) { .kanana_scene h2 { font-size: 18px; margin-bottom: 20px; } }

@media (max-width: 767px) { .kanana_scene h2 { margin-bottom: 0; } }

.kanana_scene .scene_content { display: flex; justify-content: space-between; flex-wrap: wrap; }

.kanana_scene .scene_content .item { width: 346px; }

@media (max-width: 767px) { .kanana_scene .scene_content .item { width: 48%; margin-top: 20px; } }

.kanana_scene .scene_content .ttl { border-bottom: 1px dashed #680f01; font-size: 24px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }

@media (max-width: 767px) { .kanana_scene .scene_content .ttl { font-size: 16px; letter-spacing: -0.03em; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; } }

@media (max-width: 320px) { .kanana_scene .scene_content .ttl { font-size: 13px; } }

.kanana_scene .scene_content .txt { font-size: 17px; color: #680f01; }

@media (max-width: 767px) { .kanana_scene .scene_content .txt { font-size: 13px; } }

.kanana_spec { margin-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .kanana_spec { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_spec { width: auto; } }

.kanana_spec h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 32px; color: #e74679; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; letter-spacing: -0.03em; border-top: 1px solid #680f01; border-bottom: 1px solid #680f01; margin-bottom: 30px; }

@media (max-width: 767px) { .kanana_spec h2 { font-size: 18px; margin-bottom: 20px; } }

.kanana_spec .inner { width: auto; position: relative; margin: 0 -500%; padding: 0 500%; background-color: #f1ffe5; background: #fff; padding-bottom: 30px; }

@media (max-width: 767px) { .kanana_spec .inner { width: auto; margin: 0 -20px; padding: 0 10px; } }

.kanana_spec .main_vi { margin-top: 20px; text-align: center; }

.kanana_spec .spec_table { width: 1120px; margin-left: auto; margin-right: auto; color: #000000; display: flex; justify-content: space-between; margin-top: 20px; }

@media (max-width: 767px) { .kanana_spec .spec_table { width: auto; } }

@media (max-width: 767px) { .kanana_spec .spec_table { display: block; margin-left: 10px; margin-right: 10px; } }

.kanana_spec .spec_table .img { flex: 1 1 400px; }

@media (max-width: 767px) { .kanana_spec .spec_table .img { width: 40%; margin-left: auto; margin-right: auto; } }

.kanana_spec .spec_table .tb { flex: 1 1 576px; }

.kanana_spec .spec_table .goods_detail_spec_table { border-left: 1px solid  #D5EAB0; border-right: 1px solid  #D5EAB0; border-top: 1px solid  #D5EAB0; }

@media (max-width: 767px) { .kanana_spec .spec_table .goods_detail_spec_table { display: block; margin-top: 20px; } }

.kanana_spec .spec_table .goods_detail_spec_table th, .kanana_spec .spec_table .goods_detail_spec_table td { background: #fff; border-bottom: 1px solid  #D5EAB0; padding: 7.8px 10px 7.8px 20px; }

@media (max-width: 767px) { .kanana_spec .spec_table .goods_detail_spec_table th, .kanana_spec .spec_table .goods_detail_spec_table td { border-top: none; } }

.kanana_spec .spec_table .goods_detail_spec_table tr:nth-child(even) th, .kanana_spec .spec_table .goods_detail_spec_table tr:nth-child(even) td { background: #D5EAB0; }

@media (max-width: 767px) { .kanana_spec .spec_table .goods_detail_spec_table tr:nth-child(even) th, .kanana_spec .spec_table .goods_detail_spec_table tr:nth-child(even) td { background: #ffffff; } }

@media (max-width: 767px) { .kanana_spec .spec_table .goods_detail_spec_table th { background: #D5EAB0 !important; } }

.kanana_spec .spec_table .goods_detail_spec_table tr:last-child th, .kanana_spec .spec_table .goods_detail_spec_table tr:last-child td { font-size: 16px; }

@media (max-width: 767px) { .kanana_spec .spec_table .goods_detail_spec_table tr:last-child th, .kanana_spec .spec_table .goods_detail_spec_table tr:last-child td { font-size: 12px; } }

.goods_detail_item { width: auto; position: relative; margin: 0 -500%; padding: 0 500%; background-color: #f1ffe5; background: #fff; text-align: center; margin-top: 0 !important; padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 767px) { .goods_detail_item { width: auto; margin: 0 -20px; padding: 0 10px; } }

@media (max-width: 767px) { .goods_detail_item { padding-top: 0; padding-bottom: 0; margin-top: 0 !important; } }

#contents .goods_detail_voice_list { margin-bottom: 0 !important; margin-top: 0 !important; }

@media (max-width: 767px) { #contents .goods_detail_voice_list { margin-top: 0 !important; } }

.goods_detail { padding-bottom: 0; }

.underline { border-bottom: 1px solid red; font-weight: bold; }

@media (max-width: 767px) { .kanana_lead { margin-top: 0; margin-bottom: 30px; } }

.kanana_profile { border: solid #e74679 1px; justify-content: space-between; }

.kanana_profile .txt_wrap { background: url(/contents/shop/00000003/image/static/kanana_djn/djn01_img02_02.png); background-repeat: no-repeat; background-position: right center; }

.kanana_profile h2 .profile_name { color: #FFA35F; }

.kanana_profile .txt { flex: 1 1 680px; }

.kanana_profile .txt .subttl { font-weight: bold; font-size: 27px; color: #ff6e03; margin-bottom: 15px; }

@media (max-width: 767px) { .kanana_profile .txt .subttl { font-size: 16px; margin-bottom: 10px; } }

.kanana_profile .img { flex: 1 1 371px; text-align: right; }

@media (max-width: 767px) { .kanana_profile .img { padding-left: 5px; padding-bottom: 5px; } }

.kanana_profile .ace_wrap { max-width: 320px; margin-top: 20px; border: 1px solid #000000; padding: 10px; font-size: .8em; color: #000000; clear: both; }

@media (max-width: 767px) { .kanana_profile .ace_wrap { max-width: 100%; } }

.kanana_profile .ace_wrap .ttl { font-size: 1.2em; font-weight: bold; text-align: center; border-bottom: 1px solid #000000; color: #B12F76; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; margin-bottom: 10px; }

.kanana_profile .ace_wrap .ace_logo { text-align: center; padding-bottom: 5px; }

.kanana_profile .ace_wrap .ace_logo img { max-width: 100%; width: auto; }

@media (max-width: 767px) { .kanana_profile .ace_wrap .ace_logo img { max-width: initial; width: 90px; } }

.kanana_profile .ace_wrap .company_name { font-weight: bold; }

.kanana_features { margin-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; font-size: 17px; color: #000000; }

@media (max-width: 767px) { .kanana_features { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_features { width: auto; } }

@media (max-width: 767px) { .kanana_features { display: block; font-size: 15px; } }

.kanana_features h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 32px; color: #e74679; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; letter-spacing: -0.03em; border-top: 1px solid #680f01; border-bottom: 1px solid #680f01; margin-bottom: 30px; }

@media (max-width: 767px) { .kanana_features h2 { font-size: 18px; margin-bottom: 20px; } }

@media (max-width: 767px) { .kanana_features h2 { margin-bottom: 0; } }

.kanana_features .features_content { display: flex; flex-wrap: wrap; justify-content: flex-start; background: url(/contents/shop/00000003/image/static/kanana_djn/img_fiw_08.png); background-repeat: no-repeat; background-position: right bottom; }

.kanana_features .item { width: 364px; display: flex; flex-direction: column; border: 1px solid #FFA35F; background: #fff; padding: 20px; margin-right: 10px; border-radius: 12px; letter-spacing: -0.08em; line-height: 1.5; }

.kanana_features .item:nth-child(3n) { margin-right: 0; }

.kanana_features .item:nth-child(n + 4) { margin-top: 10px; }

@media (max-width: 767px) { .kanana_features .item { width: auto; margin-top: 20px; margin-right: 0; overflow: hidden; } }

.kanana_features .ttl { font-size: 24px; font-weight: bold; color: #680f01; }

@media (max-width: 767px) { .kanana_features .ttl { font-size: 18px; } }

.kanana_features .ttl .num { background: #680f01; font-size: 28px; width: 38px; height: 38px; line-height: 38px; margin-right: 10px; color: #fff; display: inline-block; border-radius: 50%; font-weight: bold; text-align: center; }

@media (max-width: 767px) { .kanana_features .ttl .num { font-size: 18px; width: 28px; height: 28px; line-height: 28px; margin-right: 5px; } }

.kanana_features .sub_ttl { margin: 0.8em 0 0.2em; color: #ff6e03; font-weight: bold; font-size: 1.2em; }

@media (max-width: 767px) { .kanana_features .sub_ttl { font-size: 15px; font-size: 1em; } }

.kanana_features .txt { margin-bottom: 10px; }

.kanana_features .img { margin-top: auto; }

.kanana_features .img .cap_txt { font-size: .9em; }

.kanana_features .img .cap_txt .arrow { color: #e74679; }

.details_content .item { border: solid #e74679 1px; }

.details_content .ttl { color: #063697; font-weight: bold; }

.details_content .point { color: #680f01; }

.details_content .item:first-child { position: relative; height: 486px; }

@media (max-width: 767px) { .details_content .item:first-child { height: auto; } }

.details_content .item:first-child .subtxt { color: #000000; font-size: 14px; color: #6f6f6f; }

@media (max-width: 767px) { .details_content .item:first-child .subtxt { font-size: 12px; margin-bottom: 20px; } }

.details_content .item:first-child .col02 { display: block; padding-top: 10px; padding-left: 20px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 { display: block; padding-top: 20px; padding-left: 0; padding-right: 0; } }

.details_content .item:first-child .col02 .col02_img01 { position: absolute; width: 168px; bottom: 0; right: -52px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_img01 { width: 22vw; bottom: 0; right: 0; } }

.details_content .item:first-child .col02 .col02_01 { width: auto; margin-bottom: 20px; overflow: hidden; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01 { width: auto; margin-bottom: 0; } }

.details_content .item:first-child .col02 .col02_02 { width: 100%; margin-top: 55px; display: flex; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02 { width: auto; display: block; } }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02 { margin-top: 0; } }

.details_content .item:first-child .col02 .col_02_02_01 { width: 50%; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col_02_02_01 { width: 100%; overflow: hidden; margin-bottom: 20px; } }

.details_content .item:first-child .col02 .col_02_02_02 { width: 50%; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col_02_02_02 { width: 100%; overflow: hidden; } }

.details_content .item:first-child .col02 .col02_01_img01 { width: 187px; float: left; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_img01 { width: 40vw; text-align: center; float: right; display: block; margin-bottom: 10px; margin-right: auto; margin-left: auto; } }

.details_content .item:first-child .col02 .col02_01_txt01 { width: auto; float: none; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_txt01 { width: auto; padding-right: 0; } }

.details_content .item:first-child .col02 .col02_01_txt02 { clear: both; width: 141px; float: left; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_txt02 { width: 50vw; clear: both; padding-right: 10px; padding-left: 3vw; } }

.details_content .item:first-child .col02 .col02_01_img02 { width: 144px; margin-top: 10px; position: static; left: right; bottom: 20px; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_01_img02 { position: static; width: 35vw; padding-top: 0; } }

.details_content .item:first-child .col02 .col02_02_img01 { width: 144px; margin-left: 0; float: right; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02_img01 { width: 31vw; margin-left: 0; float: left; } }

.details_content .item:first-child .col02 .col02_02_txt01 { padding-left: 0; width: 150px; float: left; }

@media (max-width: 767px) { .details_content .item:first-child .col02 .col02_02_txt01 { width: 55vw; padding-left: 0; float: right; padding-right: 22vw; } }

.details_content .item:nth-child(2) .col01 { padding-top: 10px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01 { padding-top: 0; } }

.details_content .item:nth-child(2) .col01_img01 { width: 147px; margin-right: auto; margin-left: auto; float: none; display: block; padding-left: 0; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_img01 { width: 40vw; float: left; padding-left: 3vw; } }

.details_content .item:nth-child(2) .col01_txt01 { padding-right: 20px; padding-left: 40px; padding-bottom: 25px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_txt01 { padding-left: 0; padding-right: 3vw; } }

.details_content .item:nth-child(2) .col01_txt02 { padding-right: 20px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_txt02 { padding-right: 0; padding-left: 5vw; } }

.details_content .item:nth-child(2) .col01_img02 { clear: both; width: 136px; float: left; margin-left: 27px; margin-bottom: 10px; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_img02 { width: 30vw; float: right; margin-right: 5vw; margin-left: 0; margin-bottom: 0; } }

.details_content .item:nth-child(2) .col01_txt02 { width: 190px; float: right; }

@media (max-width: 767px) { .details_content .item:nth-child(2) .col01_txt02 { width: 50vw; float: left; padding-right: 10px; } }

.details_content .item:nth-child(4) .col01_img01 { float: none; width: 191px; margin-left: auto; margin-right: auto; display: block; }

@media (max-width: 767px) { .details_content .item:nth-child(4) .col01_img01 { width: 40vw; } }

.details_content .item:nth-child(4) .col01_txt01 { float: none; width: auto; padding-left: 20px; padding-right: 20px; padding-top: 20px; }

.details_content .item:nth-child(4) .col01_txt02.point { margin-top: 20px; }

.details_content .item:nth-child(5) .col01_txt02.point { margin-top: 20px; }

.kanana_receive .lead .main_txt { background: #ff6e03; color: #fff; }

.kanana_receive .main_vi_txt { position: absolute; z-index: 2; top: 321px; right: 0; width: 104px; color: #000000; font-size: 15px; }

@media (max-width: 767px) { .kanana_receive .main_vi_txt { width: auto; position: static; } }

@media (max-width: 767px) { .kanana_receive .main_vi { margin-top: -20px; } }

.kanana_receive .lead .sub_txt { font-weight: bold; }

.kanana_receive .receive_num { color: #063697; font-weight: bold; }

.kanana_receive .receive_num li:nth-child(1) { top: 67px; right: 206px; }

@media (max-width: 767px) { .kanana_receive .receive_num li:nth-child(1) { top: 10vw; right: 10vw; } }

.kanana_receive .receive_num li:nth-child(2) { top: 401px; right: auto; left: 30px; }

.kanana_receive .receive_num li:nth-child(3) { top: 180px; right: 150px; }

.kanana_receive .receive_num li:nth-child(4) { top: 487px; right: 860px; }

.kanana_receive .receive_num li:nth-child(5) { top: 311px; right: 896px; }

.kanana_receive .num { background: #063697; }

.kanana_other_receive h2 { color: #fff; background: #ff6e03; }

.kanana_other_receive .main_content { height: 998px; }

@media (max-width: 767px) { .kanana_other_receive .main_content { height: auto; } }

.kanana_other_receive .item dt { color: #063697; font-weight: bold; }

.kanana_other_receive .item.safe .img { padding-top: 0; top: 0; margin: 0; }

@media (max-width: 767px) { .kanana_other_receive .item.safe .img { margin: auto; } }

.kanana_other_receive .item.mesh { width: 260px; top: 238px; left: 0; padding-top: 105px; }

@media (max-width: 767px) { .kanana_other_receive .item.mesh { padding-top: 0; padding-right: 38vw; min-height: 30vw; } }

.kanana_other_receive .item.mesh .img { position: absolute; right: 60px; top: -30px; width: 134px; margin: auto; }

@media (max-width: 767px) { .kanana_other_receive .item.mesh .img { width: 30vw; padding-top: 15vw; right: 0; top: 0; bottom: 0; margin: auto; } }

.kanana_other_receive .item.belt { width: 360px; top: -10px; left: 720px; }

.kanana_other_receive .item.gusset { width: 335px; top: 626px; left: 680px; }

.kanana_other_receive .item.buckle { width: 344px; top: 570px; left: 0; }

@media (max-width: 767px) { .kanana_other_receive .item.buckle .img { width: auto; display: block; margin-right: auto; margin-left: auto; } }

.kanana_other_receive .item.hiphold { width: 335px; top: 810px; left: 580px; }

.kanana_other_receive .item.hiphold .sub_img { position: absolute; left: -204px; top: -107px; }

@media (max-width: 767px) { .kanana_other_receive .item.hiphold .sub_img { position: static; margin-top: 20px; } }

@media (max-width: 767px) { .kanana_other_receive .item.hiphold .sub_img .img { width: auto; display: block; margin-right: auto; margin-left: auto; } }

.kanana_smart { margin-top: 60px; width: 1120px; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .kanana_smart { margin-top: 30px; } }

@media (max-width: 767px) { .kanana_smart { width: auto; } }

.kanana_smart h2 { display: inline-block; font-size: 24px; padding: 0.5em 0.5em; margin-bottom: 0; border-top: none; border-bottom: none; background: #ff6e03; color: #fff; font-weight: bold; border-radius: 14px; }

@media (max-width: 767px) { .kanana_smart h2 { font-size: 15px; } }

.kanana_smart .main_vi { width: auto; position: relative; margin: 0 -500%; padding: 0 500%; background-color: #f1ffe5; background: #fff; }

@media (max-width: 767px) { .kanana_smart .main_vi { width: auto; margin: 0 -20px; padding: 0 10px; } }

.kanana_smart .main_vi .inner { width: 1120px; margin-left: auto; margin-right: auto; position: relative; text-align: right; }

@media (max-width: 767px) { .kanana_smart .main_vi .inner { width: auto; } }

.kanana_smart .main_vi .inner .person { position: absolute; top: -40px; left: 0; }

@media (max-width: 767px) { .kanana_smart .main_vi .inner .person { width: 15vw; top: -2vw; left: 3vw; } }

.kanana_smart .smart_content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }

@media (max-width: 767px) { .kanana_smart .smart_content { margin-top: 20px; } }

.kanana_smart .smart_content .item { width: 265px; margin-top: 20px; }

@media (max-width: 767px) { .kanana_smart .smart_content .item { width: 48%; } }

.kanana_smart .smart_content .ttl { border-bottom: 1px dashed #680f01; font-size: 24px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }

@media (max-width: 767px) { .kanana_smart .smart_content .ttl { font-size: 16px; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; } }

.kanana_smart .smart_content .txt { font-size: 17px; color: #680f01; }

@media (max-width: 767px) { .kanana_smart .smart_content .txt { font-size: 13px; } }

.kanana_smart .smart_content .ttl { color: #063697; font-weight: bold; }

.kanana_scene .scene_content .ttl { color: #063697; font-weight: bold; }