/* 共通 */
*{
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: 'MPLUS1p-Bold';
  src: url('../font/MPLUS1p-Bold.woff2') format('woff2');
}

body{
    font-family: MPLUS1p-Bold;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    overflow: hidden;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}

.windows{
    background-color: #FFFCD9;
    border-radius: 0.6818181818181818vw;
    border: 0.3409090909090909vw solid #6D3400;
    color: #000;
    height: calc(100vh - 0.6818181818181818vw);
    height: calc(100dvh - 0.6818181818181818vw);
    overflow-x: hidden;
    overflow-y: hidden;
    width: calc(100dvw - 0.6818181818181818vw);
}

.scroll{
    height: calc(100vh - 1.9318181818181817vw);
    height: calc(100dvh - 1.9318181818181817vw);
    margin: 0 auto;
    overflow-x: hidden;
    padding: 1.1363636363636365vw 2.272727272727273vw 0;
    width: calc(100% - 6.8181818181818175vw);
    font-size: 3.4090909090909087vw;
    word-break: break-all;
}

.simplebar-track .simplebar-scrollbar::before{
	background: #6D3400;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before{
    opacity: 1;
}

.scroll h4{
    text-align: center;
    font-size: 2.9545454545454546vw;
}

.scroll .top-txt{
    position: relative;
    font-size: 2.272727272727273vw;
    padding: 2.272727272727273vw;
}

.c-txt h5{
    font-size: 2.727272727272727vw;
    margin-top: 1vw;
    padding-bottom: 1vw;
}

.c-txt p{
    font-size: 2.272727272727273vw;
    padding-left: 2.272727272727273vw;
    padding-bottom: 1vw;
}

a{
    color: #009C42;
}

.title-line{
    display: flex;
    align-items: center;
    margin-top: 2vw;
}



/* 利用規約 */
/* プライバシーポリシー */
/* よくある質問 */

.accordion{
    font-size: 3.4090909090909087vw;
    list-style: none;
    margin-bottom: 7px;
    margin-right: 1vw;
    text-align: center;
}

.main-accordion{
    background-color: #FFE511;
    background-image: url(../img/arrow-down.svg);
    background-position: 98% center;
    background-repeat:  no-repeat;
    background-size: 3.0681818181818183vw 2.727272727272727vw;
    border-radius: 2.272727272727273vw;
    box-shadow: 0 1.1363636363636365vw 0 0 #FF9C00;
    font-size: 3.4090909090909087vw;
    list-style: none;
    margin-bottom: 2.272727272727273vw;
    padding: 1.7045454545454544vw 8vw 1.4772727272727273vw 5.113636363636364vw;
    text-align: center;
    width:auto;
}

details.accordion[open] .main-accordion{
    background-color: #FF9C00;
    background-image: url(../img/arrow-up.svg);
    background-position: 98% center;
    background-repeat:  no-repeat;
    background-size: 3.0681818181818183vw 2.727272727272727vw;
    border-radius: 2.272727272727273vw 2.272727272727273vw 0 0;
    box-shadow: none;
    margin-bottom: -1.1363636363636365vw;
    margin-top: 0;
    width:auto;
}

.sub-accordion-top{
    background-color: #FFFFFF;
    margin-top: 1.1363636363636365vw;
}

.sub-accordion{
    background-image: url(../img/arrow-s-down.svg);
    background-position: 97.7% center;
    background-repeat:  no-repeat;
    background-size: 2.5vw 2.272727272727273vw;
    font-size: 3.4090909090909087vw;
    list-style: none;
    padding: 1.7045454545454544vw 5vw 1.4772727272727273vw 3.4090909090909087vw;
    text-align: left;
    width:auto;
}

details .sub-accordion-details[open] .sub-accordion{
    background-image: url(../img/arrow-s-up.svg);
    position: relative;
}

details .sub-accordion-details[open] .sub-accordion::after{
    position: absolute;
    content: "";
    border-bottom: 0.22727272727272727vw dotted #c7c7c7;
    width: 95%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sub-accordion-details .sub-accordion-p{
    font-size: 2.727272727272727vw;
    list-style: none;
    padding: 1.5909090909090908vw 3.4090909090909087vw 1.5909090909090908vw 5.954545454545454vw;
    text-align: left;
}

.sub-accordion-top .sub-accordion-details:nth-child(even){
    background-color: #F5F5F5;
}

.c-txt-sub{
    margin-top: 2.5vw;
}

.normal-line{
    border: none;
    border-bottom: 3px solid #6D3400;
    margin: 1em 0;
}

.dashed-line{
    border: none;
    border-bottom: 2px dashed #6D3400;
    margin: 1em 0;
}

.title-line::before,
.title-line::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 2px;
  background: #6D3400;
}

.title-line::before {
  margin-right: 1vw;
}

.title-line::after {
  margin-left: 1vw;
}

/* 特定商取引法・資金決済法に関して */
.tabs{
    background-color: #FFFFFF;
    height: 100%;
}

.tab-item{
    background-color: #009C42;
    border-radius: 2.272727272727273vw;
    box-shadow: 0 1.1363636363636365vw 0 0 #005714;
    height: 5.681818181818182vw;
    margin-left: 1.7045454545454544vw;
    margin-right: 1.7045454545454544vw;
    position: relative;
    text-align: center;
    width: 27.27272727272727vw;
    text-wrap: nowrap;
    display: inline-block;
    font-size: 2.727272727272727vw;
    color: #FFFFFF;
}

.tab-left,.tab-right{
    position: fixed;
    top: 0;
}

.tab-left{
    left: 19vw;
}

.tab-right{
    right: 19vw;
}

.tab-inner{
    height: 5.681818181818182vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

input[name="tab-item"]{
    display: none;
}

.tab-content{
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
}

#tokusyoho:checked ~ #tokusyoho-content,
#kessaiho:checked ~ #kessaiho-content {
    display: block;
}

.tab-windows{
    background-color: #FFFCD9;
    border-radius: 0.6818181818181818vw;
    border: 0.3409090909090909vw solid #6D3400;
    color: #000;
    height: calc(100vh - 9.204545454545453vw);
    height: calc(100dvh - 9.204545454545453vw);
    overflow-x: hidden;
    overflow-y: hidden;
}

.tabs input:checked + .tab-item{
    background-color: #005714;
    box-shadow: 0 0 0 0 #005714;
    top: 1.1363636363636365vw;
}

.tab-scroll{
    color: #672F05;
    font-size: 2.727272727272727vw;
    height: calc(100vh - 12.954545454545455vw);
    height: calc(100dvh - 12.954545454545455vw);
    margin: 0 auto 2.272727272727273vw;
    overflow-x: hidden;
    padding:  1.1363636363636365vw 2.272727272727273vw 2.6vw;
    width: calc(100% - 6.8181818181818175vw);
}

.tab-h{
    border-bottom: 0.22727272727272727vw dotted #6d350059;
    font-size: 2.9545454545454546vw;
    text-align: center;
    line-height: 2.5em;
    margin-bottom: 1.5em;
}

.c-txt .c-txt-p{
    text-align: center;
    padding-left: 0;
}

.c-txt{padding-bottom: 2em;}/* iOS16.3以前向けスクロール対応 */

.sub-accordion-p .c-txt-p{
    text-align: center;
    padding-left: 0;
}

.c-txt-a{
    display: inline-block;
    color: #FFFFFF;
    font-size: 2.272727272727273vw;
    text-decoration: none;
    background-color: #009C42;
    box-shadow: 0 1.1363636363636365vw 0 0 #005714;
    border-radius: 2.272727272727273vw;
    margin: 1vw auto 2vw;
    padding: 0.7954545454545454vw 8.181818181818182vw;
    text-align: center;
}

/* 権利表記 */

.copyright-txt .title-copyright{
    text-align: center;
    background-color: #fff;
    padding: 0.3vw;
    margin-top: 2.5vw;
    margin-bottom: 1vw;
    font-size: 3.3vw;
    font-size: 2.7vw;
}

.scroll .copyright-txt .title-copyright-sub{
    text-align: center;
    padding: 0.3vw;
    margin-top: 2.5vw;
    margin-bottom: 1vw;
    padding: 0.1vw;
    border-bottom: solid 2px #6D3400;
}

.txt-center{
    text-align: center;
}

.copyright-txt h5{
    font-size: 2.5vw;
    margin-top: 1vw;
    padding-bottom: 1vw;
}

.copyright-txt p{
    font-size: 2vw;
    padding-bottom: 1vw;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}