﻿@charset "UTF-8";

/* ----------------------------------
 Base
---------------------------------- */
.freepage-frame { width: 1200px; margin: 0 auto;}
.freepage-frame .for-sp { display: none;}
.freepage-frame .red { color: #D50000;}
.freepage-frame h2 { padding: 14px 20px; margin: 0 0 25px; font-size: 18px; font-weight: bold; line-height: 1.0; background: #111111; color: #fff;}
.freepage-frame h3 { padding: 0 0 20px 0; margin: 40px 0 20px; border-bottom: #707070 1px solid; font-size: 18px; font-weight: bold; line-height: 1.2; color: #111111;}
.freepage-frame h4 { padding: 0 0 0 15px; margin: 20px 0 10px; font-size: 16px; font-weight: bold; line-height: 1.2; color: #111111; position: relative;}
.freepage-frame h4::before { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: 0; display: block; background: #A68434;}
.freepage-frame h4 + .indent-inner { padding: 0 0 0 15px;}
.freepage-frame .sec-contents { margin: 0 0 60px 0;}
.freepage-frame .sec-inner { margin: 0 20px;}
.freepage-frame .sec-inner p,
.freepage-frame .sec-inner li { line-height: 1.8;}
.freepage-frame .sec-inner p + p,
.freepage-frame .sec-inner ul + p,
.freepage-frame .sec-inner table + p,
.freepage-frame .sec-inner p + ul,
.freepage-frame .sec-inner ul + ul,
.freepage-frame .sec-inner table + ul,
.freepage-frame .sec-inner ul + table,
.freepage-frame .sec-inner p + table,
.freepage-frame .sec-inner table + table { margin-top: 20px;}
.freepage-frame .page-navi ul { display: flex; flex-wrap: wrap;}
.freepage-frame .page-navi li { width: 280px; min-height: 60px; margin: 0 26px 16px 0; border: #E0E0E0 1px solid; box-sizing: border-box; background: #fff;}
.freepage-frame .page-navi li:nth-child(4n) { margin: 0 0 16px 0;}
.freepage-frame .page-navi li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-decoration: none; position: relative;}
.freepage-frame .page-navi li a:before { content: ""; width: 10px; height: 10px; border-right: 2px solid #976F11; border-top: 2px solid #976F11; position: absolute; right: 20px; top: calc(50% - 8px); display: block; transform: rotate(135deg);}
.freepage-frame .list li { padding-left: 1em; text-indent: -1em;}
.freepage-frame .notice-list li { padding-left: 1em; text-indent: -1em; color: #D50000;}
.freepage-frame table { border: #E0E0E0 1px solid; border-collapse: collapse; background: #fff;}
.freepage-frame table th { padding: 10px 20px; border: #E0E0E0 1px solid; border-collapse: collapse; background: #F5F5F5;}
.freepage-frame table td { padding: 10px 20px; border: #E0E0E0 1px solid; border-collapse: collapse;}
.freepage-frame .design-button a { width: 432px; height: 50px; border: #111111 1px solid; border-radius: 5px; text-align: center; text-decoration: none !important; line-height: 48px; display: block; box-sizing: border-box; position: relative; transition: 0.3s; background: #fff;}
.freepage-frame .design-button a::before { content: ""; width: 8px; height: 8px; border-right: 1.5px solid #976F11; border-top: 1.5px solid #976F11; position: absolute; right: 20px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
.freepage-frame .design-button a:hover { background: #111; color: #fff;}
.freepage-frame .table-frame { border-bottom: #E0E0E0 1px solid; margin: 0 0 40px 0;}
.freepage-frame .table-line  { border-top: #E0E0E0 1px solid; display: flex; justify-content: space-between; flex-wrap: wrap;}
.freepage-frame .table-line dt { width: 25%; padding: 25px; text-align: left; font-weight: bold; background: #f9f9f9; box-sizing: border-box;}
.freepage-frame .table-line dd { width: 75%; padding: 25px; background: #fff; box-sizing: border-box;}
.freepage-frame .table-line dd .title { margin-bottom: 10px; font-weight: bold;}
.freepage-frame .table-line dd a { text-decoration: underline;}
.freepage-frame .table-line dd p + p,
.freepage-frame .table-line dd p + ul { margin: 10px 0 0 0;}

/* ----------------------------------
 Guide
---------------------------------- */
#freepage_guide .page-navi { margin-bottom: 84px;}
#freepage_guide p a { text-decoration: underline;}
#freepage_guide #flow h3 { padding: 0; border-bottom: none;}
#freepage_guide #point picture { margin: 20px 0; display: block;}
#freepage_guide #mypage .mypage-menu-list { margin: 20px 0 0 0; border-left: #E0E0E0 1px solid; border-right: #E0E0E0 1px solid; border-bottom: #E0E0E0 1px solid;}
#freepage_guide #mypage .mypage-menu-list dl { border-top: #E0E0E0 1px solid; display: flex; justify-content: space-between; background: #fff;}
#freepage_guide #mypage .mypage-menu-list dl dt { width: 200px; padding: 12px 20px; border-right: #E0E0E0 1px solid; background: #F5F5F5; box-sizing: border-box;}
#freepage_guide #mypage .mypage-menu-list dl dd { width: calc(100% - 200px); padding: 12px 20px;}
#freepage_guide #derivery table { width: 100%;}
#freepage_guide #derivery table .area { min-width: 20%; width: 20%;}
#freepage_guide #derivery table .pref { min-width: 55%; width: 55%;}
#freepage_guide #derivery table .postage { text-align: center;}
#freepage_guide #payment li picture { margin: 5px 0 20px 0; display: block;}
#freepage_guide #payment table.price td  { text-align: center;}
#freepage_guide #payment li a { text-decoration: underline;}
#freepage_guide #card_back { margin: 30px 0 0 0; display: flex; justify-content: space-between;}
#freepage_guide #card_back .flex-box { width: 50%;}
#freepage_guide #card_back .flex-box p { margin: 0 0 15px 0;}
#freepage_guide #card_back .flex-box img { width: auto; height: 136px;}
#freepage_guide #jal_card .sec-inner { position: relative;}
#freepage_guide #jal_card li picture { width: 154px; position: absolute; top: 0; right: 0;}
#freepage_guide #jmb_mile .sec-inner { position: relative;}
#freepage_guide #jmb_mile .sec-inner .list { margin: 0 0 20px 0;}
#freepage_guide #jmb_mile picture { width: 154px; position: absolute; top: 0; right: 0;}

/* ----------------------------------
 Policy
---------------------------------- */
#freepage_policy { margin: 0 auto 100px;}
#freepage_policy p  { margin-left: 20px; margin-right: 20px; line-height: 1.8;}
#freepage_policy ol { margin: 10px 20px; list-style: none;}
#freepage_policy li { padding-left: 1em; text-indent: -1em; line-height: 1.8;}

/* ----------------------------------
 FAQ
---------------------------------- */
#freepage_faq { margin: 0 auto 100px;}
#freepage_faq .sec-head { margin-bottom: 60px;}
#freepage_faq .faq-box { margin: 0 20px;}
#freepage_faq .faq-box h3 { padding-left: 55px; line-height: 1.5; position: relative;}
#freepage_faq .faq-box h3 span { font-size: 24px; color: #CC0000; position: absolute; top: -4px; left: 10px;}
#freepage_faq .faq-box p { padding-left: 55px; position: relative;}
#freepage_faq .faq-box p span  { font-weight: bold; position: absolute; top: 0; left: 1em;}

/* ----------------------------------
 Law
---------------------------------- */
#freepage_law { margin: 0 auto 100px;}

/* ----------------------------------
 Liquorsales Info
---------------------------------- */
#freepage_liquorsales_info { margin: 0 auto 100px;}
