/* normalize */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
body,html{background:#fff;font-size:14px;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
a, img, :after, :before {
    /*-webkit-transition: opacity .5s cubic-bezier(.5, 0, 0, 1);*/
    /*-moz-transition: opacity .5s cubic-bezier(.5, 0, 0, 1);*/
    /*-o-transition: opacity .5s cubic-bezier(.5, 0, 0, 1);*/
    /*transition: opacity .5s cubic-bezier(.5, 0, 0, 1);*/
}
input,textarea,select,button{border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color: transparent;}
input[type="checkbox"]{
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
}
a,a *,div,div *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0.25)}
a{overflow:hidden;outline:none}
a:hover{text-decoration:none}
article,section,table,tbody{display:block}
table{border-collapse:collapse}
fieldset,img{border:0;vertical-align:top}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;text-align: justify;}
q:before,q:after{content:''}
abbr,acronym{border:0}
figure{margin:0 !important}
.clearfix{width:100%}
.clearfix:after{content:"";display:block;clear:both}
p,aside,li{word-wrap:break-word;text-align:justify;}
/**{-webkit-touch-callout:none}*/
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{pointer-events:none;}
input, select {vertical-align: middle;}
section {position: relative;}
a {
    text-decoration: none;
    color: #6b3c31;
    word-break: break-all;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    overflow: hidden;
    outline: none;
    text-decoration: none;
}
a:visited {}
a:link {}
a:hover {
    /*opacity: 0.5;*/
}



/* easing */
a, img, :after, :before {
    /* -webkit-transition: opacity .5s cubic-bezier(.5, 0, 0, 1); */
    /* -moz-transition: opacity .5s cubic-bezier(.5, 0, 0, 1); */
    /* -o-transition: opacity .5s cubic-bezier(.5, 0, 0, 1); */
    /* transition: opacity .5s cubic-bezier(.5, 0, 0, 1); */
}
a,
#gnvBtn>.txt,
.crsWrp>.dotWrp>li>button:before,
.crsWrp .slick-track>.unt .imgWrp>img,
.pwdWrp>.icnWrp>.icn,
input[type="checkbox"]+label:after,
input[type="radio"]+label:after,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp:before,
.acBtn+.unt,
#prcBtnWrp>a:before {
    -webkit-transition: opacity .25s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: opacity .25s cubic-bezier(.5, 0, 0, 1);
    -o-transition: opacity .25s cubic-bezier(.5, 0, 0, 1);
    transition: opacity .25s cubic-bezier(.5, 0, 0, 1);
}
body>header>.subWrp .btnWrp>nav a,
#prcBtnWrp>.frm>.unt.chargeBtn>a,
.pgrWrp>ul>li>a,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a,
.acBtn+.unt>.frm>ul>li>a,
.hrzNavWrp>ul>li>a,
#cttWrp>.msgWrp>.frm .clsBtn,
.itmLstWrp>.unt>.frm>a {
    -webkit-transition: background-color .25s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: background-color .25s cubic-bezier(.5, 0, 0, 1);
    -o-transition: background-color .25s cubic-bezier(.5, 0, 0, 1);
    transition: background-color .25s cubic-bezier(.5, 0, 0, 1);
}
a>.btn.arrow {
    -webkit-transition: right .25s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: right .25s cubic-bezier(.5, 0, 0, 1);
    -o-transition: right .25s cubic-bezier(.5, 0, 0, 1);
    transition: right .25s cubic-bezier(.5, 0, 0, 1);
}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp>p:before,
.itmLstWrp>.unt>.frm>a>.imgFrm>.imgWrp {
    -webkit-transition: transform .25s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: transform .25s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .25s cubic-bezier(.5, 0, 0, 1);
    transition: transform .25s cubic-bezier(.5, 0, 0, 1);
}
.cmnBtn {
    -webkit-transition: transform .5s cubic-bezier(.5, 0, 0, 1), box-shadow .5s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: transform .5s cubic-bezier(.5, 0, 0, 1), box-shadow .5s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .5s cubic-bezier(.5, 0, 0, 1), box-shadow .5s cubic-bezier(.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(.5, 0, 0, 1), box-shadow .5s cubic-bezier(.5, 0, 0, 1);
}
#gnvBtn>.line>span,
#gnvBtn>.line>span:before,
#gnvBtn>.line>span:after {
    -webkit-transition: transform .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: transform .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
    transition: transform .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt>label>.lbl {
    -webkit-transition: color .25s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: color .25s cubic-bezier(.5, 0, 0, 1);
    -o-transition: color .25s cubic-bezier(.5, 0, 0, 1);
    transition: color .25s cubic-bezier(.5, 0, 0, 1);
}
.hrzNavWrp>.btn>.icn:before,
.hrzNavWrp>.btn>.icn:after,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn>.icn:before,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn>.icn:after,
.acBtn>.icn:before,
.acBtn>.icn:after {
    -webkit-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(.5, 0, 0, 1);
}

/* easing end */






/* common */
br.frcBlk {display: block !important;}
.fPc {display: block !important;}
.fSp {display: none !important;}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';

    color: inherit;
    vertical-align: -.19em;
    padding: 0;
}
body,
body * {
    font-family: 'Noto Serif JP', serif;
}
body {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;position: relative;}
body * {
    font-size: 16px;
    line-height: 2.14em;
    color: #6b3c31;
    letter-spacing: .05em;
}
body * {word-break: break-all;}
p {margin: 1em 0;}
p:first-child {margin-top: 0;}
p:last-child {margin-bottom: 0;}

hr {border: none;border-top: 1px solid;border-color: rgba(107,60,49,.1);}
.ctt {overflow: hidden;}
.sec,
.sec>.inr>.bdyFrm+.bdyFrm {/*margin-top: 160px;*/margin-top: 120px;}
.sec {position: relative;}
.ctt>.sec:first-child {margin-top: 60px;}
.ctt>*:last-child {margin-bottom: 140px;}
.ctt>.cotBg:last-child {margin-bottom: 0;padding-bottom: 140px;}
.ctt.cotBg,
.sec.cotBg {background-image: url(../../img/common/bg-washi.jpg);background-position: 50% 0;background-size: 400px;}
.sec.cotBg {padding-top: 80px;padding-bottom: 80px;}
.sec.cotBg.colYel {background-color: #fffcee;background-image: url(../../img/common/bg-washi-trans.png);}
.sec.cotBg.colRed {background-color: #fff5ee;background-image: url(../../img/common/bg-washi-trans.png);}
.inr {position: relative;}
.bg {position: relative;display: block;width: 100%;height: 100%;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.ttlWrp * {line-height: 1.75em;}
.ttlWrp>.ttl {font-size: 1em;}
.imgWrp {position: relative;}
.imgWrp>img,
.imgWrp>.cmnMask>img,
.imgWrp>video,
.imgWrp>.cmnMask>video {width: 100%;height: auto;display: block;}
.imgWrp.fit,
.imgWrp.fit>img {width: 100%;height: 100%;}
.imgWrp.fit>img {object-fit: cover;object-position: 50%;}

.cmnMask {
    -webkit-mask-image: url(../../img/common/mask-square.png),url(../../img/common/mask-circle.svg),url(../../img/common/mask-circle.svg),url(../../img/common/mask-circle.svg),url(../../img/common/mask-circle.svg);
    -webkit-mask-size: 100% 100%, 30px 30px, 30px 30px, 30px 30px, 30px 30px;
    -webkit-mask-position: 0 0,-15px -15px,calc(100% + 15px) -15px,-15px calc(100% + 15px),calc(100% + 15px) calc(100% + 15px);
    -webkit-mask-repeat: repeat,no-repeat,no-repeat,no-repeat,no-repeat;
    -webkit-mask-composite: exclude;
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    mask-composite: xor;
}
#slide1.cmnMask {
    -webkit-mask-size: 100% 100%, 50px 50px, 50px 50px, 50px 50px, 50px 50px;
    -webkit-mask-position: 0 0,-25px -25px,calc(100% + 25px) -25px,-25px calc(100% + 25px),calc(100% + 25px) calc(100% + 25px);
}

ul.att {margin: .5em 0;}
ul.att:first-child {margin-top: 0;}
ul.att:last-child {margin-bottom: 0;}
ul.att>li {position: relative;padding-left: 1.5em;line-height: 1.75em;font-size: .9em;}
ul.att>li:before {content: "※" !important;display: block;position: absolute;top: 0;left: 0;}
ul.att>li:nth-child(n+2) {margin-top: .5em;}
ul.att>li a {font-size: inherit;line-height: inherit;}
.imgWrp img+ul.att {margin-top: 1.25em;}

#cttWrp {width: 100%;padding-top: 230px;}
/*#cttWrp>.ctt {padding-bottom: 140px;}*/

#cttWrp,
body>header,
body>footer {min-width: 1100px;}
body>header>.unt>.inr,
body>footer>.inr,
.sec>.inr {
    width: 1100px;
    margin: auto;
    padding: 0 20px;
}

body>header>.unt>.inr {
    width: 1440px;
}

.sec .btnWrp {
    width: 100%;
    max-width: 550px;
    /* max-width: unset; */
    margin: auto;}
.sec .btnWrp+.btnWrp {margin-top: 20px !important;}
.sec .btnWrp.flx {align-items: center;}
.sec .btnWrp>.unt {}
#cttWrp>.ctt a {text-decoration: underline;}
.txtRed {color: #bf0008;font-weight: 600;}
.cmnBtn {
    display: block;
    width: 100%;
    height: auto;
    background-color: #8EAB64;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, .3);
    padding: 0;
    cursor: pointer;
    text-decoration: none !important;
}
.cmnBtn:hover{
    /* opacity: 0.7; */
}

.cmnBtn.colRed {
    background-color: #bf0008;
    /* border:none; */
    /* span{
        color: #fff;
    } */
}

.cmnBtn.colRed:hover {
    background-color: #bf0008;
}


.cmnBtn.colOrg {background-color: #f15a24;}
.cmnBtn.colPnk {background-color: #ff66ad;}
.cmnBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(-135deg, transparent 49.99%, rgba(0,0,0,.05) 50%, transparent 100%);
    background-image: linear-gradient(-135deg, transparent 49.99%, rgba(0,0,0,.05) 50%, transparent 100%);
    box-shadow: 0 0 20px 0 rgba(255,255,255,.6)inset;
    /* display: none; */
}
.cmnBtn>span {
font-size: 20px;
    line-height: 1.75em;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    padding: 20px;
    display: block;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 1px rgba(0, 0, 0, .15), 0 -1px 1px rgba(0, 0, 0, .15), 0 -2px 1px rgba(0, 0, 0, .15);
    will-change: transform;
}
.sizS>.cmnBtn>span {
    font-size: 16px;
    padding: 10px;
}
.btnWrp>.unt>.dec {
    text-align: center;
    margin: auto;
    display: block;
    background-color: #FFF;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    max-width: 360px;
    border-radius: 50pc;
    transform: translateY(-50%);
    color: #8EAB64;
    font-weight: 600;
    border: 2px solid;
    font-size: 16px;
    margin-top: 0 !important;
    pointer-events: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-animation: btnDecAnim 4s cubic-bezier(.5, 0, 0, 1) infinite;
    animation: btnDecAnim 4s cubic-bezier(.5, 0, 0, 1) infinite;
}
@-webkit-keyframes btnDecAnim {
0% {opacity: 1;}
50% {opacity: 1;}
75% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes btnDecAnim {
0% {opacity: 1;}
50% {opacity: 1;}
75% {opacity: 0;}
100% {opacity: 1;}
}
.cmnBtn.colRed+.dec {color: #bf0008;}
.cmnBtn.colOrg+.dec {color: #f15a24;}
.cmnBtn.colPnk+.dec {color: #ff66ad;}

.sec>.inr>.ttlWrp,
.sec>.inr>.bdyFrm>.ttlWrp,
#inrPag>#atf .ttlWrp {margin-bottom: 40px;}
.ttlWrp * {font-weight: 600;}
.sec>.inr>.ttlWrp,
#inrPag>#atf .ttlWrp {font-size: 30px;position: relative;}
.sec>.inr>.ttlWrp *,
#inrPag>#atf .ttlWrp * {text-align: center;letter-spacing: .2em;line-height: 1.75em;margin-top: 0;margin-bottom: 0;}
.sec>.inr>.ttlWrp>.sub,
#inrPag>#atf .ttlWrp>.sub {font-size: .46em;margin-bottom: 5px;}
.sec>.inr>.ttlWrp>.ttl,
#inrPag>#atf .ttlWrp>.ttl {font-size: 1em;}
.sec>.inr>.ttlWrp>.ttl>br,
#inrPag>#atf .ttlWrp>.ttl>br {display: none;}

.sec>.inr>.bdyFrm {position: relative;}
.sec>.inr>.bdyFrm.slim {max-width: 800px;margin-left: auto;margin-right: auto;}
.sec>.inr>.bdyFrm>.ttlWrp {font-size: 30px;}
.sec>.inr>.bdyFrm>.ttlWrp>.dec {display: block;margin: auto;margin: auto;width: 30px;height: 58px;margin-bottom: 10px;}
.sec>.inr>.bdyFrm>.ttlWrp>.dec>img {width: 100%;height: auto;}
.sec>.inr>.bdyFrm>.ttlWrp>.ttl {text-align: center;letter-spacing: .2em;}
.sec>.inr>.bdyFrm>.bdyWrp {}
.sec>.inr>.bdyFrm>.bdyWrp+.bdyWrp {margin-top: 80px;}
.sec>.inr>.bdyFrm>.bdyWrp>*:nth-child(n+2) {margin-top: 60px;position: relative;z-index: 1;}

.hrzWrp {display: table;width: 100%;}
.hrzWrp>.unt {display: table-cell;vertical-align: middle;width: 50%;position: relative;}
.hrzWrp>.unt>.ttlWrp {font-size: 26px;}
.hrzWrp>.unt>*:nth-child(n+2) {margin-top: 30px;}
.hrzWrp>.unt>.ttlWrp>.sub {margin-top: .25em;margin-bottom: .25em;font-size: .46em;letter-spacing: .2em;}
.hrzWrp>.unt>.ttlWrp>.sub:first-child {margin-top: 0;}
.hrzWrp>.unt>.ttlWrp>.sub:last-child {margin-bottom: 0;}

.hrzWrp.prfStl {max-width: 720px;margin: auto;}
.hrzWrp.prfStl>.unt:nth-child(1) {padding-right: 30px;}
.hrzWrp.prfStl>.unt:nth-child(2) {padding-left: 30px;}
.hrzWrp.prfStl>.unt>*:nth-child(n+2) {margin-top: 20px;}
.hrzWrp.prfStl>.unt:nth-child(1)>.imgWrp {border-radius: 50%;overflow: hidden;}
.hrzWrp.prfStl>.unt>.ttlWrp {font-size: 26px;}
.hrzWrp.prfStl>.unt>.ttlWrp>.sub {margin-bottom: 0;font-size: .5em;}
.hrzWrp.prfStl>.unt>.ttlWrp>.ttl {letter-spacing: .25em;}
.hrzWrp.prfStl>.unt>.txtWrp>* {font-size: 13px;}

.hrzRptWrp {}
.hrzRptWrp>.unt {}
.hrzRptWrp>.unt:nth-child(n+2) {margin-top: 80px;}
.hrzRptWrp>.unt>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 25%;}
.hrzRptWrp>.unt:nth-child(even) {transform: scale(-1, 1);}
.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>* {transform: scale(-1, 1);}
.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 0;padding-left: 25%;}
.hrzRptWrp>.unt>.hrzWrp>.unt>*:nth-child(n+2) {margin-top: 40px;}
.hrzRptWrp>.unt>.hrzWrp>.unt:nth-child(1)>.imgWrp {width: 125%;transform: translateX(-20%);}
.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: translateX(0);}
.hrzRptWrp>.unt>.hrzWrp>.unt>.btnWrp {width: 75%;}
.hrzRptWrp>.unt>.hrzWrp>.unt>.btnWrp>.unt>.cmnBtn>span {font-size: 16px;}

.sec.dnmStl,
.sec.dnmStl>.inr>.bdyFrm+.bdyFrm {margin-top: 160px;}
.sec.dnmStl>.inr>.bdyFrm:before {
    content: "";
    display: block;
    width: 500%;
    height: calc(100% - 262.5px);
    background-image: url(../../img/common/bg-washi.jpg);
    background-position: 50%;
    background-size: 400px;
    position: absolute;
    bottom: 37.5px;
}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd):before {left: 6.25%;border-radius: 15px 0 0 15px;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(even):before {right: 6.25%;border-radius: 0 15px 15px 0;}
.sec.dnmStl>.inr>.bdyFrm>* {z-index: 1;position: relative;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp {position: absolute;top: 0;/*width: 120px;*/width: auto;margin-bottom: 0;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.ttlWrp {right: 0;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(even)>.ttlWrp {left: 0;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>* {float: right;margin: 0;letter-spacing: .2em;/*text-align: initial;*/text-align: left;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>.ttl {font-size: 40px;margin-right: 30px;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>.sub {font-size: 20px;line-height: 1em;}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp {}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp>*:nth-child(n+2) {margin-top: 80px;}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp>.imgWrp {width: 100%;position: relative;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.imgWrp {left: -25%;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(even)>.bdyWrp>.imgWrp {right: -25%;}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp>.hrzRptWrp {margin-top: 120px;}


.pstLstWrp {max-width: 800px;margin: auto;position: relative;z-index: 1;}
.pstLstWrp>ul {border-top: 1px solid rgba(107,60,49,.25);}
.pstLstWrp>ul>li {border-bottom: 1px solid rgba(107,60,49,.25);}
.pstLstWrp>ul>li>article {}
.pstLstWrp>ul>li>article>a {display: block;position: relative;padding: 20px 10px;text-decoration: none !important;}
.pstLstWrp>ul>li>article .frm {display: table;width: 100%;}
.pstLstWrp>ul>li>article .frm>* {display: table-cell;vertical-align: middle;line-height: 1.75em;}
.pstLstWrp>ul>li>article .frm>time {width: 20%;}
.pstLstWrp>ul>li>article .frm>.ttlWrp {width: 80%;}
.pstLstWrp>ul>li>article>a>.frm>.ttlWrp {padding-right: 60px;}
.pstLstWrp>ul>li>article .frm>.ttlWrp>.ttl {
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}

a>.btn.arrow {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    /*border-top: 2px solid;*/
    /*border-right: 2px solid;*/
    /*transform: rotate(45deg);*/
    background-image: url(../../img/common/icon-arrow-1-r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}


.flx {flex-basis: 100%;display: flex;flex-wrap: wrap;}
.flx>.unt {flex-shrink: 0;}
.flx.set2>.unt {width: 46%;flex-basis: 46%;margin-right: 8%;}
.flx.set2>.unt:nth-child(2n) {margin-right: 0;}
.flx.set2>.unt:nth-child(n+3) {margin-top: 4%;}

.flx.set3>.unt {width: 29.16%;flex-basis: 29.16%;flex-shrink: 0;margin-right: 6.25%;}
.flx.set3>.unt:nth-child(3n) {margin-right: 0;}
.flx.set3>.unt:nth-child(n+4) {margin-top: 4%;}

.flx.set4>.unt {width: 22%;flex-basis: 22%;flex-shrink: 0;margin-right: 4%;}
.flx.set4>.unt:nth-child(4n) {margin-right: 0;}
.flx.set4>.unt:nth-child(n+5) {margin-top: 4%;}

.flx>.unt>.ttlWrp {/*font-size: 18px;*/font-size: 20px;}
.flx>.unt>.ttlWrp>.sub,
.flx>.unt>.ttlWrp>.ttl {text-align: center;}
.flx>.unt>.ttlWrp>.sub {margin-bottom: .25em;font-size: .65em;}
.flx>.unt>.ttlWrp>.sub>.lbl {background-color: #6b3c31;color: #FFF;padding: 1px 2em;border-radius: 50px;display: inline-block;font-size: 1.1em;margin-bottom: 0.25em;}
.flx>.unt>*:nth-child(n+2) {margin-top: 30px;}

.itmWrp {position: relative;/*box-shadow: 0 0 100px -70px;*/}
.itmWrp.pickup:before,
.itmWrp.pickup:after {
    content: "";
    display: block;
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 20px solid;
    transform: rotate(45deg);
    opacity: .03;
}
.itmWrp.pickup:after {
    transform: rotate(45deg) scale(.9);
    border-width: 6px;
}
.itmWrp.pickup>.cmnMask:before {
    content: "今月のオススメ米";
    background-color: #bf0008;
    background-image: -webkit-linear-gradient(270deg, #f15a24 0%, rgba(241,90,36,0) 100%);
    background-image: linear-gradient(180deg, #f15a24 0%, rgba(241,90,36,0) 100%);
    color: #FFF;
    padding: 20px 0;
    font-weight: 600;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .1em;
    text-align: center;
    width: 400px;
    height: 60px;
    transform: rotate(-45deg) translate(-50%, 150%);
    transform-origin: 0 0;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.35);
    text-shadow: 0 0 1px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 15%), 0 -2px 1px rgb(0 0 0 / 15%);
}
.itmWrp>.cmnMask {
    padding: 60px 80px;
    background-color: #FFF;
    position: relative;
    z-index: 1;
    background-color: #fffcee;
    background-image: url(../../img/common/bg-washi-trans.png);
    background-position: 50% 0;
    background-size: 400px;
}
.itmWrp>.dec {display: block;width: 90%;height: 90%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;box-shadow: 0 0 100px 100px rgba(0,0,0,.05);
display: none;
}
.itmWrp>.cmnMask>.hrzWrp>.unt {vertical-align: top;vertical-align: middle;}
.itmWrp>.cmnMask>.hrzWrp>.unt:nth-child(1) {width: 320px;}
.itmWrp>.cmnMask>.hrzWrp>.unt:nth-child(2) {width: calc(100% - 320px);padding-left: 80px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.imgWrp {width: 320px;height: 320px;background-color: #FFF;border-radius: 10px;overflow: hidden;border: 1px solid rgba(107,60,49,.15);}
.itmWrp>.cmnMask>.hrzWrp>.unt>.imgWrp>img {max-width: 320px;max-height: 320px;/*padding: 30px;*/}
.itmWrp>.cmnMask>.hrzWrp>.unt>.ttlWrp {font-size: 18px;font-weight: 600;border-bottom: 1px solid;padding-bottom: 10px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>*:nth-child(n+2) {margin-top: 30px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>* {float: left;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.bgWrp {width: 120px;height: 120px;border-radius: 50%;overflow: hidden;transform: scale(1.15);}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.txtWrp {width: calc(100% - 120px);padding-left: 30px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.txtWrp>.frm {background-color: #f8f5f5;border-radius: 10px;padding: 20px 30px;position: relative;background-color: #FFF;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.txtWrp>.frm:before {content: "";display: block;width: 20px;height: 20px;position: absolute;top: 50px;left: 0;transform: translateX(-50%) rotate(45deg);background-color: #f8f5f5;background-color: #FFF;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.txtWrp>.frm>* {line-height: 1.75em;font-size: 13px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.btnWrp {/*width: 75%;*/}
.itmWrp>.cmnMask>.hrzWrp>.unt>.btnWrp>.unt>.cmnBtn>span {font-size: 16px;}

.itmLstWrp {}
.itmLstWrp>.unt {}
.itmLstWrp.flx>.unt {width: 320px;flex-basis: 320px;margin-right: 50px;display: flex;}
.itmLstWrp.flx>.unt:nth-child(3n) {margin-right: 0;}
.itmLstWrp.flx>.unt:nth-child(n+4) {margin-top: 50px;}
.itmLstWrp>.unt>.frm {
    border: 1px solid rgba(107,60,49,.15);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px -40px;
    background-color: #FFF;
}
.itmLstWrp>.unt>.frm>a {display: block;padding: 20px;}
.itmLstWrp>.unt>.frm>a {text-decoration: none !important;}
.itmLstWrp>.unt>.frm>a>.imgFrm {width: 100%;height: auto;display: block;}
.itmLstWrp>.unt>.frm>a>.imgFrm>.imgWrp {
    width: 278px;
    height: 278px;
    background-color: #FFF;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(107,60,49,.15);
}
.itmLstWrp>.unt>.frm>a>.imgFrm>.imgWrp>img {max-width: 278px;max-height: 278px;}
.itmLstWrp>.unt>.frm>a>.ttlWrp {margin-top: 20px;min-height: 5.25em;overflow: hidden;}
.itmLstWrp>.unt>.frm>hr {margin: 0;}
.itmLstWrp>.unt>.frm>.btnWrp {padding: 20px;}
.itmLstWrp>.unt>.frm>.btnWrp * {font-size: 13px;letter-spacing: 0;}

.itmDtlWrp>.ttlWrp {font-size: 24px;margin-bottom: 40px;}
.itmDtlWrp>.ttlWrp>.ttl {text-align: center;}
.itmDtlWrp>.hrzWrp>.unt {vertical-align: top;}
.itmDtlWrp>.hrzWrp>.unt:nth-child(1) {width: 450px;padding-right: 80px;}
.itmDtlWrp>.hrzWrp>.unt:nth-child(2) {width: calc(100% - 450px);}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm>.imgWrp {width: 450px;height: 450px;display: block;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main {background-color: #FFF;border-radius: 10px;overflow: hidden;border: 1px solid rgba(107,60,49,.15);position: relative;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm {}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm>.imgWrp {display: table-cell;text-align: center;vertical-align: middle;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm>.imgWrp>img {max-width: 450px;max-height: 450px;width: auto;height: auto;display: inline-block;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt {width: 140px;flex-basis: 140px;height: 140px;margin-top: 15px;background-color: #FFF;border-radius: 10px;overflow: hidden;border: 1px solid rgba(107,60,49,.15);position: relative;margin-right: 15px;z-index: 1;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt:nth-child(3n) {margin-right: 0;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp {width: 140px;height: 140px;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp {display: table-cell;text-align: center;vertical-align: middle;cursor: pointer;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp.active {pointer-events: none;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp:before {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #6b3c31;opacity: 0;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp.active:before {opacity: .5;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp>img {max-width: 140px;max-height: 140px;width: auto;height: auto;display: inline-block;}
.itmDtlWrp>.hrzWrp>.unt>.tblWrp>table>tbody>tr>td>.frm {padding: 0;}
.itmDtlWrp>.hrzWrp>.unt>.dscWrp {border-top: 1px solid #f0ebea;padding-top: 30px;}
.itmDtlWrp>.hrzWrp>.unt>.dscWrp>p {font-size: 16px;}

.imgWrp.item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #FFF;
}
.imgWrp.item>img {
    width: auto;
    height: auto;
    /*vertical-align: middle;*/
    display: inline-block;
}


.bnrWrp {position: relative;z-index: 2;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-list {/*cursor: grab;*/}
.crsFrm {/*overflow: hidden;*/}
.crsWrp {position: relative;width: 100%;}
.crsWrp>* {overflow: visible;}

.crsWrp>.dotWrp {position: relative;display: table;margin: 10px auto 0;}
.crsWrp>.dotWrp>li {position: relative;width: 30px;height: 20px;pointer-events: none;display: table-cell;}
.crsWrp>.dotWrp>li>button {pointer-events: visible;cursor: pointer;font-size: 0px;line-height: 10px;display: block;color: transparent;border: 0;outline: none;background: transparent;position: relative;z-index: 1;width: 100%;height: 100%;}
.crsWrp>.dotWrp>li>button:before {content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 10px;height: 10px;background-color: #6b3c31;opacity: .25;pointer-events: none;border-radius: 50%;}
.crsWrp>.dotWrp>li.slick-active>button:before {opacity: 1;}

.crsWrp .slick-track>.unt {outline: none;margin: 0 1vw;border-radius: 5px;overflow: hidden;}
.crsWrp .slick-track>.unt>a {display: block;background-color: #FFF;}
.crsWrp .slick-track>.unt .imgWrp {width: 100%;height: 9.59vw;min-height: 107px;padding: 0 !important;}










/* table */
.frmWrp>.frm>table {}
.frmWrp>.frm>table:nth-child(n+2),
.tblWrp>table:nth-child(n+2) {margin-top: 40px;}
.frmWrp>.frm>table>thead,
.tblWrp>table>thead {margin-bottom: 20px;display: block;}
.frmWrp>.frm>table>thead>tr>th,
.frmWrp>.frm>table>thead>tr>td,
.tblWrp>table>thead>tr>th,
.tblWrp>table>thead>tr>td {display: block;}
.frmWrp>.frm>table>thead>tr>th,
.tblWrp>table>thead>tr>th {font-weight: 600;line-height: 1.75em;}
.frmWrp>.frm>table>thead>tr>td,
.tblWrp>table>thead>tr>td {margin-top: 10px;}

.frmWrp>.frm>table>tbody,
.tblWrp>table>tbody {border-top: 1px solid #f0ebea;}
.frmWrp>.frm>table>tbody>tr,
.tblWrp>table>tbody>tr {display: table;width: 100%;height: auto;border-bottom: 1px solid rgba(107,60,49,.1);}
.frmWrp>.frm>table>tbody>tr>th,
.frmWrp>.frm>table>tbody>tr>td,
.tblWrp>table>tbody>tr>* {display: table-cell;padding: 15px 0;position: relative;}
.frmWrp>.frm>table>tbody>tr>th.require:before {content: "必須";color: #bf0008;font-weight: 600;position: absolute;top: 0;bottom: 0;right: 5px;margin: auto;text-align: center;font-size: 12px;line-height: 18px;width: 30px;height: 20px;z-index: 1;letter-spacing: 0;font-size: 10px;border: 1px solid;}
.frmWrp>.frm>table>tbody>tr>th,
.tblWrp>table>tbody>tr>th {width: 30%;padding-right: 30px;font-weight: 600;}
.frmWrp>.frm>table>tbody>tr>th.require {padding-right: 40px;}

.frmWrp>.frm>table>tbody>tr>td>*:nth-child(n+2),
.tblWrp>table>tbody>tr>td>*:nth-child(n+2) {margin-top: 1em;}
.frmWrp>.frm>table>tbody>tr>td .att,
.tblWrp>table>tbody>tr>td .att {margin-top: .5em;}

.frmWrp>.frm>table>tbody>tr>td,
.tblWrp>table>tbody>tr>td {width: 70%;}
.frmWrp>.frm>table>tbody>tr>td>.clm {max-width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.frmWrp>.frm>table>tbody>tr>td>.clm>.unt {float: left;}*/
.frmWrp>.frm>table>tbody>tr>td>.clm>.unt,
.flx>.unt {position: relative;display: block;}
/*.frmWrp>.frm>table>tbody>tr>td>.clm>.unt:nth-child(n+2) {margin-left: 10px;}*/
/*.frmWrp>.frm>table>tbody>tr>td>.clm.set2>.unt:nth-child(odd) {margin-left: 0;}*/
/*.frmWrp>.frm>table>tbody>tr>td>.clm.set3>.unt {width: calc(33.33% - 6.644px);}*/
/*.frmWrp>.frm>table>tbody>tr>td>.clm.set4>.unt {width: calc(25% - 7.49px);}*/
/*.frmWrp>.frm>table>tbody>tr>td>.clm.set5>.unt {width: calc(20% - 8px);}*/


/*.btnWrp.flx.set2>.unt:nth-child(2n) {margin-right: 0;}
.btnWrp.flx.set2>.unt:nth-child(n+3) {margin-top: 4%;}*/
.btnWrp.flx {justify-content: space-between;max-width: 100%;}
.btnWrp.flx.set2>.unt,
.frmWrp>.frm>table>tbody>tr>td>.clm.set2>.unt {width: calc(50% - 5px);flex-basis: calc(50% - 5px);margin-right: 0;}
.frmWrp>.frm>table>tbody>tr>td>.clm.set3>.unt {width: calc(33.33% - 6.66px);flex-basis: calc(33.33% - 6.66px);}
.frmWrp>.frm>table>tbody>tr>td>.clm.set4>.unt {width: calc(25% - 7.5px);flex-basis: calc(25% - 7.5px);}
.frmWrp>.frm>table>tbody>tr>td>.clm.set5>.unt {width: calc(20% - 8px);flex-basis: calc(20% - 8px);}

.frmWrp>.frm>table>tbody>tr>td>.clm.set2>.unt:nth-child(2n),
.frmWrp>.frm>table>tbody>tr>td>.clm.set3>.unt:nth-child(3n),
.frmWrp>.frm>table>tbody>tr>td>.clm.set4>.unt:nth-child(4n),
.frmWrp>.frm>table>tbody>tr>td>.clm.set5>.unt:nth-child(5n) {margin-right: 0;}

.frmWrp>.frm>table>tbody>tr>td>.clm.set2>.unt:nth-child(n+3),
.frmWrp>.frm>table>tbody>tr>td>.clm.set3>.unt:nth-child(n+4),
.frmWrp>.frm>table>tbody>tr>td>.clm.set4>.unt:nth-child(n+5),
.frmWrp>.frm>table>tbody>tr>td>.clm.set5>.unt:nth-child(n+6) {margin-top: 10px;}

.pwdWrp {position: relative;}
.pwdWrp>.icnWrp {display: block;width: 50px;height: 100%;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;cursor: pointer;}
.pwdWrp>.icnWrp>.icn {text-align: center;display: block;height: 1em;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.pwdWrp>.icnWrp+input {padding-right: 50px !important;}

.pwdWrp>.icnWrp>.icn.on {opacity: 1;}
.pwdWrp>.icnWrp>.icn.off {opacity: 0;}
.pwdWrp>.icnWrp.on>.icn.on {opacity: 0;}
.pwdWrp>.icnWrp.on>.icn.off {opacity: 1;}

.tblWrp>table>tbody>tr>td>.frm,
.frmWrp>.frm>table>tbody>tr>td>.frm {display: block;/*word-break: break-all;*/padding: 10px 0;}
.frmWrp>.frm>table>tbody>tr>td>.validation {color: #bf0008;padding: 5px 10px;display: block;/*margin-top: 10px;*/font-size: 12px;line-height: 1.75em;position: relative;border-radius: 5px;text-align: center;border: 1px solid;}
.frmWrp>.frm>table>tbody.srl,
.tblWrp>table>tbody.srl {overflow-y: scroll;height: auto;max-height: 400px;border-bottom: 1px solid #f0ebea;}
.frmWrp>.frm>table>tbody.srl>tr:last-child,
.tblWrp>table>tbody.srl>tr:last-child {border-bottom: none;}
.tblWrp>table>tbody>tr>td>.btn,
.frmWrp>form>table>tbody>tr>td>.btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 20px;
    padding: 8px 20px;
    display: block;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 50px;
    font-weight: 600;
    background-color: #FFF;
}
.frmWrp>form>table>tbody>tr>td>.btn {cursor: pointer;padding-top: 0;padding-bottom: 0;}
.tblWrp>table>tbody>tr>td>span {display: block;}
.tblWrp>table>tbody>tr>td>.btn+span {padding-right: 190px;}
.frmWrp>form>table>tbody>tr>td>.btn+input {width: calc(100% - 190px);}

.frmWrp>.frm>table>tbody>tr>td>dl,
.tblWrp>table>tbody>tr>td>dl {margin: 1em auto;}
.frmWrp>.frm>table>tbody>tr>td>dl:first-child,
.tblWrp>table>tbody>tr>td>dl:first-child {margin-top: 0;}
.frmWrp>.frm>table>tbody>tr>td>dl:last-child,
.tblWrp>table>tbody>tr>td>dl:last-child {margin-bottom: 0;}
.frmWrp>.frm>table>tbody>tr>td>dl>dt,
.tblWrp>table>tbody>tr>td>dl>dt,
.frmWrp>.frm>table>tbody>tr>td>dl>dd,
.tblWrp>table>tbody>tr>td>dl>dd {}
.frmWrp>.frm>table>tbody>tr>td>dl>dt:nth-child(n+2),
.tblWrp>table>tbody>tr>td>dl>dt:nth-child(n+2) {margin-top: 1em;}
.frmWrp>.frm>table>tbody>tr>td>dl>dt,
.tblWrp>table>tbody>tr>td>dl>dt {/*width: 20%;*/}
.frmWrp>.frm>table>tbody>tr>td>dl>dd,
.tblWrp>table>tbody>tr>td>dl>dd {/*width: 80%;*/}

.frmWrp>.frm>table>tfoot,
.tblWrp>table>tfoot {margin-top: 30px;}
.frmWrp>.frm>table>tfoot,
.tblWrp>table>tfoot,
.frmWrp>.frm>table>tfoot>tr,
.tblWrp>table>tfoot>tr,
.frmWrp>.frm>table>tfoot>tr>*,
.tblWrp>table>tfoot>tr>* {width: 100%;display: block;}
.frmWrp>.frm>table>tfoot>tr .cmnBtn,
.tblWrp>table>tfoot>tr .cmnBtn {padding: 10px;margin: auto;max-width: 60%;}

.frmWrp>.frm>table>tbody>tr input,
.frmWrp>.frm>table>tbody>tr select,
.frmWrp>.frm>table>tbody>tr textarea {border: 1px solid #f0ebea;width: 100%;padding: 10px 20px;background-color: #FFF;border-radius: 5px;}
.frmWrp>.frm>table>tbody>tr input[type="text"],
.frmWrp>.frm>table>tbody>tr input[type="file"],
.frmWrp>.frm>table>tbody>tr input[type="email"],
.frmWrp>.frm>table>tbody>tr input[type="password"],
.frmWrp>.frm>table>tbody>tr select {height: calc(2.14em + 20px);}
.frmWrp>.frm>table>tbody>tr textarea {height: 200px;min-height: 200px;resize: vertical;display: block;}

.frmWrp>.frm>table>tbody>tr input[type="radio"] {}

input[type="checkbox"],
input[type="radio"] {position: absolute;top: 0;left: 0;z-index: 1;-webkit-appearance: none;appearance: none;width: 100%;height: 100%;cursor: pointer;opacity: 0;}
input[type="checkbox"]+label,
input[type="radio"]+label {position: relative;padding-left: 3em;display: block;cursor: pointer;}
input[type="checkbox"]+label:before,
input[type="checkbox"]+label:after,
input[type="radio"]+label:before,
input[type="radio"]+label:after {content: "";display: block;width: 24px;height: 24px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;background-color: #EEE;border:1px solid #f0ebea;border-radius: 5px;}
input[type="radio"]+label:before,
input[type="radio"]+label:after {border-radius: 50%;}
input[type="checkbox"]+label:after,
input[type="radio"]+label:after {background-color: #6b3c31;transform: scale(.5);opacity: 0;}
input:checked[type="checkbox"]+label:after,
input:checked[type="radio"]+label:after {opacity: 1;}
.frmWrp>.frm>table>tbody>tr>td>.clm>.unt input,
.frmWrp>.frm>table>tbody>tr>td>.clm>.unt select {width: 100%;}

.frmWrp>.frm>table>tbody>tr.vrtWrp {}
.frmWrp>.frm>table>tbody>tr.vrtWrp,
.frmWrp>.frm>table>tbody>tr.vrtWrp>* {display: block;width: 100%;}
.frmWrp>.frm>table>tbody>tr.vrtWrp>th {padding-right: 80px;}
.frmWrp>.frm>table>tbody>tr.vrtWrp>th.require:before {transform: translateX(-50%);}
.frmWrp>.frm>table>tbody>tr.vrtWrp>td {background-color: rgba(0,0,0,.025);}

.frmWrp>.frm>table>tbody>tr>td>.flx {align-items: center;}

.frmWrp>.frm>.btnWrp,
.tblWrp>.btnWrp {margin-top: 40px;}


.frmWrp>.frm>.agrWrp {margin: 40px auto;}
.frmWrp>.frm>.agrWrp>.cbxWrp {display: table;margin: 20px auto;position: relative;}

.trmWrp {width: 100%;height: auto;padding: 20px 30px;border: 1px solid rgba(107,60,49,.1);background-color: #FFF;border-radius: 5px;}
.trmWrp.scr {height: 220px;overflow-y: auto;}
.trmWrp * {font-size: 12px;line-height: 1.75em;}
.trmWrp dt {font-size: 14px;font-weight: 600;margin-bottom: .5em;}
.trmWrp dt:nth-child(n+2) {margin-top: 1em;}
.trmWrp>dl>dd>dl {padding-left: 2em;}
.trmWrp p {margin: .25em 0;}

.frmWrp>.frm>table>tbody>tr>td>.box,
.tblWrp>table>tbody>tr>td>.box {padding: 20px 30px;}
.frmWrp>.frm>table>tbody>tr>td table>tbody>tr,
.tblWrp>table>tbody>tr>td table>tbody>tr {display: table;width: 100%;}
.frmWrp>.frm>table>tbody>tr>td table>tbody>tr:nth-child(n+2),
.tblWrp>table>tbody>tr>td table>tbody>tr:nth-child(n+2) {border-top: 1px solid #f0ebea;}
.frmWrp>.frm>table>tbody>tr>td table>tbody>tr>*,
.tblWrp>table>tbody>tr>td table>tbody>tr>* {display: table-cell;padding: 5px 0;}
.frmWrp>.frm>table>tbody>tr>td table>tbody>tr>th,
.tblWrp>table>tbody>tr>td table>tbody>tr>th {width: 30%;padding-right: 20px;font-weight: 600;}
.frmWrp>.frm>table>tbody>tr>td table>tbody>tr>td,
.tblWrp>table>tbody>tr>td table>tbody>tr>td {width: 70%;}

.frmWrp.delStl>.frm>table>thead>tr>th,
.tblWrp.delStl>table>thead>tr>th {font-size: 18px;}
.frmWrp.delStl>.frm>table>thead>tr>td>.txtWrp,
.tblWrp.delStl>table>thead>tr>td>.txtWrp {opacity: .75;}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt {}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt>label {padding-left: 0;}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt>label>.lbl {text-align: center;position: relative;display: block;font-weight: 600;font-size: 24px;line-height: 1em;padding: 25px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 1;}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt>label>.recommend {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt>label>.recommend:before {content: "おすすめ！";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 50%;
    margin: auto;
    background-color: #bf0008;
    border-radius: 100px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    color: #FFF;
    font-size: 12px;
    line-height: 1em;
    padding: 4px;
    transform: translateY(-50%);}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt>label>.recommend:after {
    content: "";
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-top-color: #bf0008;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(100%);
}
.btnStl input[type="radio"]+label:before,
.btnStl input[type="radio"]+label:after {border-radius: 5px;width: 100%;height: 100%;}
.btnStl input[type="radio"]+label:after {transform: none;background-color: #f15a24;}
.btnStl input:checked[type="radio"]+label:after {}
.btnStl input:checked[type="radio"]+label>.lbl {color: #FFF;}


.frmWrp.head50>.frm>table>tbody,
.tblWrp.head50>table>tbody {border-left: 1px solid #f0ebea;border-right: 1px solid #f0ebea;}
.frmWrp.head50>.frm>table>tbody>tr>*,
.tblWrp.head50>table>tbody>tr>* {width: 50% !important;padding: 7px 10px !important;text-align: center;line-height: 1.75em;}
.frmWrp.head50>.frm>table>tbody>tr>*:nth-child(n+2),
.tblWrp.head50>table>tbody>tr>*:nth-child(n+2) {border-left: 1px solid rgba(107,60,49,.1);}
.frmWrp.head50>.frm>table>tbody>tr>th,
.tblWrp.head50>table>tbody>tr>th {background-color: rgba(107,60,49,.05);}
/* table */

/* pgrWrp */
.pgrWrp {}
.pgrWrp>ul {flex-basis: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.pgrWrp>ul>li {width: 40px;height: 40px;margin: 0 5px;}
.pgrWrp>ul>li>* {text-align: center;line-height: 38px;display: block;border: 1px solid #f0ebea;border-radius: 5px;overflow: hidden;}
.pgrWrp>ul>li>a {font-weight: 600;text-decoration: none !important;background-color: rgba(107,60,49,.1);}
.pgrWrp>ul>li>.current,
.pgrWrp>ul>li>.dots {}
/* pgrWrp end */

/* hisPnlWrp */
.hisPnlWrp {background-color: #FFF;border: 1px solid #f0ebea;border-radius: 5px;overflow: hidden;}
.hisPnlWrp>.frm * {line-height: 1.75em;}
.hisPnlWrp>.frm {padding: 10px 30px;}
.hisPnlWrp>.frm:nth-child(1) {background-color: rgba(107,60,49,.035);}
.hisPnlWrp>.frm:nth-child(n+2) {border-top: 1px solid #f0ebea;}
.hisPnlWrp>.frm>.frm {}
.hisPnlWrp>.frm>.frm.flx {
    max-width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
.hisPnlWrp>.frm>.frm>.unt {padding: 5px 0;}

.hisPnlWrp>.frm>.frm.flx>.unt {width: auto;flex-basis: auto;}
.hisPnlWrp>.frm>.frm.flx>.unt:nth-child(n+2) {padding-left: 40px;}

.hisPnlWrp>.frm>.frm.flx>.unt>*:nth-child(n+2) {margin-top: 0;}
.hisPnlWrp>.frm>.frm.flx.set2>.unt {width: 50%;flex-basis: 50%;margin-right: 0;padding-left: 0;}
.hisPnlWrp>.frm>.frm.flx.set2>.unt:nth-child(n+3) {margin-top: 0;}
.hisPnlWrp>.frm>.frm.flx.set3>.unt {width: 33.33%;flex-basis: 33.33%;margin-right: 0;padding-left: 0;}
.hisPnlWrp>.frm>.frm.flx.set3>.unt:nth-child(n+4) {margin-top: 0;}
.hisPnlWrp>.frm>.frm.flx.set3.adj>.unt:nth-child(1) {width: 50%;flex-basis: 50%;}
.hisPnlWrp>.frm>.frm.flx.set3.adj>.unt:nth-child(n+2) {width: 25%;flex-basis: 25%;}

.hisPnlWrp>.frm>.frm.flx.set4>.unt {width: 25%;flex-basis: 25%;margin-right: 0;padding-left: 0;}
.hisPnlWrp>.frm>.frm.flx.set4>.unt:nth-child(n+5) {margin-top: 0;}
.hisPnlWrp>.frm>.frm.flx.set4.adj>.unt:nth-child(1) {width: 50%;flex-basis: 50%;}
.hisPnlWrp>.frm>.frm.flx.set4.adj>.unt:nth-child(n+2) {width: 16.66%;flex-basis: 16.66%;}

.hisPnlWrp>.frm>.frm.flx.set5>.unt {width: 20%;flex-basis: 20%;margin-right: 0;padding-left: 0;}
.hisPnlWrp>.frm>.frm.flx.set5>.unt:nth-child(n+6) {margin-top: 0;}

.hisPnlWrp>.frm>.frm>.unt>* {width: 100%;}
.hisPnlWrp>.frm>.frm>.unt>.ttl {font-weight: 600;font-size: .85em;opacity: .5;}
.hisPnlWrp>.frm>.frm>.unt>.dtl {}
.hisPnlWrp>.frm>.frm>.unt>.dtl>span {display: block;}

.hisPnlWrp>.btnWrp {margin-top: 5px;margin-bottom: 20px;}

/* hisPnlWrp end */

/* favItmWrp */
.favItmWrp {}
.favItmWrp>.hrzWrp>.unt {vertical-align: top;}
.favItmWrp>.hrzWrp>.unt:nth-child(1) {width: 250px;}
.favItmWrp>.hrzWrp>.unt:nth-child(2) {width: calc(100% - 250px);padding-left: 40px;}
.favItmWrp>.hrzWrp>.unt>.imgWrp {width: 250px;height: 250px;background-color: #FFF;border-radius: 10px;overflow: hidden;border: 1px solid rgba(107,60,49,.15);}
.favItmWrp>.hrzWrp>.unt>.imgWrp>img {max-width: 250px;max-height: 250px;/*padding: 30px;*/}
.favItmWrp>.hrzWrp>.unt>.ttlWrp {font-size: 18px;font-weight: 600;border-bottom: 1px solid;padding-bottom: 10px;}
.favItmWrp>.hrzWrp>.unt>.dtlWrp>.txtWrp>.frm>* {line-height: 1.75em;font-size: 13px;}
/* favItmWrp end */

/* dntWrp */
.dntWrp {}
.dntWrp dt {line-height: 1.75em;font-weight: 600;}
.dntWrp>dl>dt {font-size: 16px;margin-bottom: 20px;}
.dntWrp>dl>dt:nth-child(n+2) {margin-top: 40px;}
.dntWrp>dl>dd {}
.dntWrp>dl>dd>dl>dt {margin-bottom: 10px;margin-top: 20px;}
.dntWrp>dl>dd>dl>dt:nth-child(n+2) {margin-top: 20px;}
.dntWrp>dl>dd>dl>dd {}

.dntWrp>dl>dd>hr {margin-top: 1.5em !important;margin-bottom: 1.5em !important;}
.dntWrp>dl>dd>dl>dd>hr {margin-top: 1em !important;margin-bottom: 1em !important;}

.dntWrp>dl p {margin: .5em 0;}
.dntWrp>dl p:first-child {margin-top: 0;}
.dntWrp>dl p:last-child {margin-bottom: 0;}
.dntWrp>dl>dd>*:nth-child(n+2),
.dntWrp>dl>dd>dl>dd>*:nth-child(n+2),
.dntWrp>dl li:nth-child(n+2) {margin-top: .5em;}
.dntWrp>dl li>*>li:nth-child(n+2),
.tblWrp>table>tbody>tr>td ul>li:nth-child(n+2) {margin-top: .25em;}

.dntWrp>dl li,
.tblWrp>table>tbody>tr>td ul>li {padding-left: 3em;position: relative;}
.tblWrp>table>tbody>tr>td ul>li {padding-left: 2em;}
.dntWrp>dl li:before,
.tblWrp>table>tbody>tr>td ul>li:before {display: block;position: absolute;top: 0;left: 0;width: 2em;}
.dntWrp>dl li:before {text-align: right;}
.dntWrp>dl ul>li:before,
.tblWrp>table>tbody>tr>td ul>li:before {content: "・";}
.dntWrp>dl ol>li:nth-child(1):before {content: "1.";}
.dntWrp>dl ol>li:nth-child(2):before {content: "2.";}
.dntWrp>dl ol>li:nth-child(3):before {content: "3.";}
.dntWrp>dl ol>li:nth-child(4):before {content: "4.";}
.dntWrp>dl ol>li:nth-child(5):before {content: "5.";}
.dntWrp>dl ol>li:nth-child(6):before {content: "6.";}
.dntWrp>dl ol>li:nth-child(7):before {content: "7.";}
.dntWrp>dl ol>li:nth-child(8):before {content: "8.";}
.dntWrp>dl ol>li:nth-child(9):before {content: "9.";}
.dntWrp>dl ol>li:nth-child(10):before {content: "10.";}
.dntWrp>dl ol>li:nth-child(11):before {content: "11.";}
.dntWrp>dl ol>li:nth-child(12):before {content: "12.";}
.dntWrp>dl ol>li:nth-child(13):before {content: "13.";}
.dntWrp>dl ol>li:nth-child(14):before {content: "14.";}
.dntWrp>dl ol>li:nth-child(15):before {content: "15.";}
.dntWrp>dl ol>li:nth-child(16):before {content: "16.";}
.dntWrp>dl ol>li:nth-child(17):before {content: "17.";}
.dntWrp>dl ol>li:nth-child(18):before {content: "18.";}
.dntWrp>dl ol>li:nth-child(19):before {content: "19.";}
.dntWrp>dl ol>li>ol>li {}
.dntWrp>dl ol>li>ol>li:nth-child(1):before {content: "(1)";}
.dntWrp>dl ol>li>ol>li:nth-child(2):before {content: "(2)";}
.dntWrp>dl ol>li>ol>li:nth-child(3):before {content: "(3)";}
.dntWrp>dl ol>li>ol>li:nth-child(4):before {content: "(4)";}
.dntWrp>dl ol>li>ol>li:nth-child(5):before {content: "(5)";}
.dntWrp>dl ol>li>ol>li:nth-child(6):before {content: "(6)";}
.dntWrp>dl ol>li>ol>li:nth-child(7):before {content: "(7)";}
.dntWrp>dl ol>li>ol>li:nth-child(8):before {content: "(8)";}
.dntWrp>dl ol>li>ol>li:nth-child(9):before {content: "(9)";}
.dntWrp>dl ol>li>ol>li:nth-child(10):before {content: "(10)";}
.dntWrp>dl ol>li>ol>li:nth-child(11):before {content: "(11)";}
.dntWrp>dl ol>li>ol>li:nth-child(12):before {content: "(12)";}
.dntWrp>dl ol>li>ol>li:nth-child(13):before {content: "(13)";}
.dntWrp>dl ol>li>ol>li:nth-child(14):before {content: "(14)";}
.dntWrp>dl ol>li>ol>li:nth-child(15):before {content: "(15)";}
.dntWrp>dl ol>li>ol>li:nth-child(16):before {content: "(16)";}
.dntWrp>dl ol>li>ol>li:nth-child(17):before {content: "(17)";}
.dntWrp>dl ol>li>ol>li:nth-child(18):before {content: "(18)";}
.dntWrp>dl ol>li>ol>li:nth-child(19):before {content: "(19)";}

.dntWrp.sizS * {line-height: 1.75em;font-size: 13px;}
.dntWrp.sizS>dl>dt {font-size: 1.23em !important;}
.trmWrp>.dntWrp.sizS * {font-size: 12px;}
/* dntWrp end */

/* brdcrm */
#brdcrm {background-color: #f0ebea;}
#brdcrm>.inr {width: 1100px;margin: auto;padding: 0 20px;}
#brdcrm>.inr>a {text-decoration: underline;}
/* brdcrm end */


/* okometer */
.okometer {border-radius: 30px;position: relative;background-image: url(../../img/common/okometer/okometer-bg-pc.png);box-shadow: 0 40px 30px -40px rgba(0,0,0,.25), 0 -5px 10px 3px rgba(0,0,0,.1) inset;padding: 40px;}
.okometer>.frm {display: table;width: 100%;}
.okometer>.frm>.unt {display: table-cell;vertical-align: middle;}
.okometer>.frm>.unt img {width: 100%;height: auto;display: block;}
.okometer>.frm>.unt.ttlWrp {width: 12.5%;border-right: 2px solid;}
.okometer>.frm>.unt.ttlWrp>.ttl {padding-right: 20px;}
.okometer>.frm>.unt.amtWrp {width: 37.5%;}
.okometer>.frm>.unt.amtWrp * {letter-spacing: -.035em;font-family: 'Teko', sans-serif;}
.okometer>.frm>.unt.amtWrp>span {font-size: 130px;line-height: 1em;display: block;text-align: center;padding-top: 15%;}
.okometer>.frm>.unt.amtWrp>span>span {font-size: .5em;}
.okometer>.frm>.unt.omtWrp {width: 50%;}
.okometer>.frm>.unt.omtWrp>.main,
.okometer>.frm>.unt.omtWrp>.sub {position: relative;}
.okometer>.frm>.unt.omtWrp>.main>.lyr2,
.okometer>.frm>.unt.omtWrp>.main>.lyr3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.okometer>.frm>.unt.omtWrp>.main>.lyr2>img {bottom: -77px;position: relative;}
.okometer>.frm>.unt.omtWrp>.sub {width: 100%;}
.okometer>.frm>.unt.omtWrp>.sub>.unt {float: left;width: 28%;padding-top: 28%;position: relative;}
.okometer>.frm>.unt.omtWrp>.sub>.unt:nth-child(n+2) {margin-left: -4.1%;}
.okometer>.frm>.unt.omtWrp>.sub>.unt:nth-child(1) {z-index: 4;}
.okometer>.frm>.unt.omtWrp>.sub>.unt:nth-child(2) {z-index: 3;}
.okometer>.frm>.unt.omtWrp>.sub>.unt:nth-child(3) {z-index: 2;}
.okometer>.frm>.unt.omtWrp>.sub>.unt:nth-child(4) {z-index: 1;}
.okometer>.frm>.unt.omtWrp>.sub>.unt>span {display: block;position: absolute;top: 0;left: 0;background-repeat: no-repeat;background-position: 50%;background-size: contain;width: 100%;height: 100%;}
.okometer>.frm>.unt.omtWrp>.sub>.unt>.bg {background-image: url(../../img/common/okometer/okometer-sub-bg.png);}
.okometer>.frm>.unt.omtWrp>.sub>.unt>.shadow {background-image: url(../../img/common/okometer/okometer-sub-shadow.png);bottom: -60%;margin: auto;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.okometer>.frm>.unt.omtWrp>.sub>.unt>.rice {}

.okometer>.frm>.unt.omtWrp>.main>.lyr2>img {-webkit-animation: omtAnm0-1 6.5s ease-out infinite;animation: omtAnm0-1 6.5s ease-out infinite;transform-origin: 60% 50%;bottom: -40%;position: relative;}
@-webkit-keyframes omtAnm0-1 {
    0% {transform: scale(1);}
    40% {transform: scale(1);}
    46% {transform: scale(.6);opacity: .5;}
    50% {transform: scale(1);}
    52% {transform: scale(.8);opacity: .75;}
    56% {transform: scale(1);}
    100% {transform: scale(1);}
}
@keyframes omtAnm0-1 {
    0% {transform: scale(1);}
    40% {transform: scale(1);}
    46% {transform: scale(.6);opacity: .5;}
    50% {transform: scale(1);}
    52% {transform: scale(.8);opacity: .75;}
    56% {transform: scale(1);}
    100% {transform: scale(1);}
}
.okometer>.frm>.unt.omtWrp>.main>.lyr3 {-webkit-animation: omtAnm0-2 6.5s ease-out infinite;animation: omtAnm0-2 6.5s ease-out infinite;transform-origin: 60% 50%;}
@-webkit-keyframes omtAnm0-2 {
    0% {transform: translateY(0);}
    40% {transform: translateY(0);}
    46% {transform: translateY(-15%);}
    50% {transform: translateY(0);}
    52% {transform: translateY(-7.5%) rotate(-4deg);}
    56% {transform: translateY(0);}
    100% {transform: translateY(0);}
}
@keyframes omtAnm0-2 {
    0% {transform: translateY(0);}
    40% {transform: translateY(0);}
    46% {transform: translateY(-15%);}
    50% {transform: translateY(0);}
    52% {transform: translateY(-7.5%) rotate(-4deg);}
    56% {transform: translateY(0);}
    100% {transform: translateY(0);}
}
.okometer>.frm>.unt.omtWrp>.sub>.unt.on1>.bg,
.okometer>.frm>.unt.omtWrp>.sub>.unt.on1>.rice {
-webkit-animation: omtAnm1 1.5s ease-out;animation: omtAnm1 1.5s ease-out;}
@-webkit-keyframes omtAnm1 {
    0% {transform: translateY(0);}
    15% {transform: translateY(-15%) rotate(10deg);}
    30% {transform: translateY(-15%) rotate(-8deg);}
    45% {transform: translateY(-15%) rotate(6deg);}
    75% {transform: translateY(-15%) rotate(-4deg);}
    100% {transform: translateY(0);}
}
@keyframes omtAnm1 {
    0% {transform: translateY(0);}
    15% {transform: translateY(-15%) rotate(10deg);}
    30% {transform: translateY(-15%) rotate(-8deg);}
    45% {transform: translateY(-15%) rotate(6deg);}
    75% {transform: translateY(-15%) rotate(-4deg);}
    100% {transform: translateY(0);}
}
.okometer>.frm>.unt.omtWrp>.sub>.unt.on1>.shadow {
-webkit-animation: omtAnm1-2 1.5s ease-out;animation: omtAnm1-2 1.5s ease-out;}
@-webkit-keyframes omtAnm1-2 {
    0% {transform: scale(1);}
    15% {transform: scale(.6);opacity: .5;}
    75% {transform: scale(.6);opacity: .5;}
    100% {transform: scale(1);}
}
@keyframes omtAnm1-2 {
    0% {transform: scale(1);}
    15% {transform: scale(.6);opacity: .5;}
    75% {transform: scale(.6);opacity: .5;}
    100% {transform: scale(1);}
}
.okometer>.frm>.unt.omtWrp>.sub>.unt.on2>.bg,
.okometer>.frm>.unt.omtWrp>.sub>.unt.on2>.rice {
-webkit-animation: omtAnm2 1s ease-out;animation: omtAnm2 1s ease-out;
animation-delay: 1s;}
@-webkit-keyframes omtAnm2 {
    0% {transform: translateY(0);}
    40% {transform: translateY(-15%);}
    60% {transform: translateY(0);}
    70% {transform: translateY(-7.5%) rotate(-4deg);}
    90% {transform: translateY(0);}
    100% {transform: translateY(0);}
}
@keyframes omtAnm2 {
    0% {transform: translateY(0);}
    40% {transform: translateY(-15%);}
    60% {transform: translateY(0);}
    70% {transform: translateY(-7.5%) rotate(-4deg);}
    90% {transform: translateY(0);}
    100% {transform: translateY(0);}
}
.okometer>.frm>.unt.omtWrp>.sub>.unt.on2>.shadow {
-webkit-animation: omtAnm2-2 1s ease-out;animation: omtAnm2-2 1s ease-out;
animation-delay: 1s;}
@-webkit-keyframes omtAnm2-2 {
    0% {transform: scale(1);}
    40% {transform: scale(.6);opacity: .5;}
    60% {transform: scale(1);}
    70% {transform: scale(.8);opacity: .75;}
    90% {transform: scale(1);}
    100% {transform: scale(1);}
}
@keyframes omtAnm2-2 {
    0% {transform: scale(1);}
    40% {transform: scale(.6);opacity: .5;}
    60% {transform: scale(1);}
    70% {transform: scale(.8);opacity: .75;}
    90% {transform: scale(1);}
    100% {transform: scale(1);}
}





/* okometer end */


/* cttWrp */
#cttWrp>.msgWrp {width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999999;}
#cttWrp>.msgWrp>span {display: block;position: absolute;top: 0;left: 0;background-color: #6b3c31;width: 100%;height: 100%;opacity: .75;}
#cttWrp>.msgWrp>.frm {position: absolute;width: 100%;max-width: 1100px;height: auto;top: 50%;left: 0;right: 0;margin: auto;transform: translateY(-50%);padding: 0 20px;}
#cttWrp>.msgWrp>.frm>.frm {width: 100%;height: 100%;background-color: #FFF;padding: 30px;border-radius: 5px;border: 1px solid #f0ebea;}
#cttWrp>.msgWrp>.frm .txtWrp>p {text-align: center;}
#cttWrp>.msgWrp>.frm .txtWrp>p>a {text-decoration: underline;}
#cttWrp>.msgWrp>.frm .clsBtn {line-height: 20px;padding: 10px 20px;display: block;border: 2px solid;border-radius: 50px;font-weight: 600;text-align: center;margin: auto;width: 200px;cursor: pointer;margin-top: 20px;}
/* cttWrp end */

/* prgWrp */
.prgWrp {justify-content: space-between;}
.prgWrp>.unt {width: 25%;flex-basis: 25%;position: relative;}
.prgWrp>.unt:before {content: "";display: block;background-color: rgba(107,60,49,.25);width: 100%;height: 2px;position: absolute;top: 9px;left: 50%;}
.prgWrp>.unt:last-child:before {display: none;}
.prgWrp>.unt * {text-align: center;font-weight: 600;line-height: 1.75em;}
.prgWrp>.unt>.dot {display: block;width: 20px;height: 20px;background-color: #FFF;border-radius: 50%;margin: auto;position: relative;overflow: hidden;}
.prgWrp>.unt>.dot:before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(107,60,49,.25);border-radius: 50%;}
.prgWrp>.unt>.lbl {margin-top: 20px;opacity: .5;}
.prgWrp>.unt.current>.lbl,
.prgWrp>.unt.done>.lbl {opacity: 1;}
.prgWrp>.unt.current>.dot:before {background-color: #FFF;border: 3px solid;}
.prgWrp>.unt.done:before {background-color: rgba(107,60,49,1);}
.prgWrp>.unt.done>.dot:before {background-color: rgba(107,60,49,1);}
/* prgWrp end */

/* lgiWrp */
.lgiWrp .hrzWrp>.unt {vertical-align: top;}
.lgiWrp .box>.ttlWrp {font-size: 16px;}
/* lgiWrp end */

/* tblLblWrp */
.tblLblWrp {}
.tblLblWrp>table {}
.tblLblWrp>table>tbody {}
.tblLblWrp>table>tbody>tr {display: table;width: 100%;}
.tblLblWrp>table>tbody>tr:nth-child(n+2) {margin-top: 1.5em;}
.tblLblWrp>table>tbody>tr>th,
.tblLblWrp>table>tbody>tr>td {display: table-cell;vertical-align: top;}
.tblLblWrp>table>tbody>tr>th {width: 260px;padding-right: 30px;position: relative;}
.tblLblWrp>table>tbody>tr>td {width: calc(100% - 260px);}

.hrzRptWrp>.unt>.hrzWrp>.unt .tblLblWrp>table>tbody>tr>th {width: 220px;}
.hrzRptWrp>.unt>.hrzWrp>.unt .tblLblWrp>table>tbody>tr>td {width: calc(100% - 220px);}

.tblLblWrp>table>tbody>tr>th:before,
.tblLblWrp>table>tbody>tr>th:after {content: "";display: block;position: absolute;right: 10px;}
.tblLblWrp>table>tbody>tr>th:before {top: calc(1.07em - 1px);width: calc(100% - 10px);height: 2px;/*background-color: #6b3c31;*/border: 1px dashed;}
.tblLblWrp>table>tbody>tr>th:after {top: calc(1.07em - 6px);width: 12px;height: 12px;background-color: #FFF;border-radius: 50%;border: 2px solid;}
.tblLblWrp>table>tbody>tr>th>.frm {font-weight: 600;background-color: #6b3c31;color: #FFF;padding: .195em 1em;border-radius: 15px;display: inline-block;line-height: 1.75em;box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);position: relative;}
.tblLblWrp>table>tbody>tr>th>.frm>* {color: #FFF;display: block;line-height: inherit;}
.tblLblWrp>table>tbody>tr>th>.frm>.material-icons-outlined {position: absolute;top: 0.875em;transform: translateY(-50%);}
.tblLblWrp>table>tbody>tr>th>.frm>.lbl {padding-left: 1.5em;text-align: justify;}
.tblLblWrp>table>tbody>tr>td>.frm {padding: .195em 0;}
.tblLblWrp>table>tbody>tr>td>.frm>* {line-height: 1.75em;}
/* tblLblWrp end */

/* tblBasWrp */
.tblBasWrp {}
.tblBasWrp * {line-height: 1.75em;}
.tblBasWrp>table,
.tblBasWrp>table>*,
.tblBasWrp>table>*>tr {width: 100%;}
.tblBasWrp>table {border-radius: 10px;overflow: hidden;background-color: rgba(107,60,49,.05);padding: 1px;}
.tblBasWrp>table>tbody {}
.tblBasWrp>table>*>tr {display: table;table-layout: fixed;}
.tblBasWrp>table>*>tr>* {width: auto;display: table-cell;padding: 20px 10px;position: relative;}
.tblBasWrp>table>*>tr>*:before {content: "";display: block;background-color: #FFF;width: calc(100% - 2px);height: calc(100% - 2px);position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 7px;}
.tblBasWrp>table>thead>tr>*:before {background-color: rgba(107,60,49,.2);}
.tblBasWrp>table>tbody>tr>*:before {background-color: rgba(107,60,49,.1);}
.tblBasWrp>table>thead>tr>*:nth-child(2):before {background-color: rgba(136,168,13,1);}
.tblBasWrp>table>*>tr>*:nth-child(2):before {background-color: rgba(136,168,13,.75);}
.tblBasWrp>table>*>tr>*>* {position: relative;z-index: 1;}
.tblBasWrp>table>*>tr * {text-align: center;}
.tblBasWrp>table>thead>tr *,
.tblBasWrp>table>*>tr>*:first-child {font-weight: 600;font-size: 16px;}
.tblBasWrp>table>thead>tr * {}
.tblBasWrp>table>thead>tr>th>.frm>br {display: none;}
.tblBasWrp>table>*>tr>*:first-child {width: 20%;}
.tblBasWrp>table>*>tr>*:nth-child(2),
.tblBasWrp>table>*>tr>*:nth-child(2) * {color: #FFF;font-weight: 600;}
.tblBasWrp>table>*>tr>*:nth-child(2) {width: 45%;}
.tblBasWrp>table>*>tr>th {}
.tblBasWrp>table>*>tr>td {}
.tblBasWrp>table>*>tr>td>.frm>.icn {}
.tblBasWrp>table>*>tr>td>.frm>.icn>* {font-size: 30px;line-height: 1.1em;margin-bottom: 5px;}
/* tblBasWrp end */


/* plnWrp */
.plnFrm {background-color: #FFF;padding: 5%;border: 1px solid #f0ebea;border-radius: 5px;max-width: 900px;margin: auto;}
.plnFrm>:nth-child(n+2) {margin-top: 60px;}
.plnFrm>*>.ttlWrp {border-top: 2px solid #f0ebea;border-bottom: 2px solid #f0ebea;margin-bottom: 40px;font-size: 24px;padding: .5em 0;}
.plnFrm>*>.ttlWrp>.ttl {font-size: 1em;text-align: center;}
.plnFrm>*>.ttlWrp>.ttl>br {display: none;}
.plnWrp {}
.plnWrp>.flx {}
.plnWrp>.flx>.unt {width: 50%;flex-basis: 50%;position: relative;}
.plnWrp>.flx>.unt:before {content: "";display: block;width: 2px;height: 100%;position: absolute;top: 0;left: 0;background: #f0ebea;transform: translateX(-50%);}
.plnWrp>.flx>.unt:first-child:before {display: none;}
.plnWrp>.flx>.unt>.frm {}
.plnWrp>.flx>.unt:nth-child(odd)>.frm {padding-right: 10%;}
.plnWrp>.flx>.unt:nth-child(even)>.frm {padding-left: 10%;}
.plnWrp>.flx>.unt>.frm>.ttlWrp {border-radius: 10px;border: 2px solid;font-size: 28px;padding: .15em 10px;}
.plnWrp>.flx>.unt>.frm>.ttlWrp>.ttl {text-align: center;letter-spacing: .15em;}
.plnWrp>.flx>.unt>.frm>.prcWrp {}
.plnWrp>.flx>.unt>.frm>.prcWrp * {font-weight: 600;letter-spacing: 0;line-height: 1.1em;}
.plnWrp>.flx>.unt>.frm>.prcWrp>.frm {display: table;margin: auto;padding: 30px 0;margin-bottom: 15px;font-size: 50px;}
.plnWrp>.flx>.unt>.frm>.prcWrp>.frm>.prc {font-size: 1em;}
.plnWrp>.flx>.unt>.frm>.prcWrp>.frm>.sub1 {font-size: .5em;}
.plnWrp>.flx>.unt>.frm>.prcWrp>.frm>.sub2 {font-size: .25em;margin-left: .25em;}
.plnWrp>.flx>.unt>.frm>.imgWrp {border-radius: 10px;background-image: url(../../img/common/bg-washi.jpg);background-position: 50%;background-size: 400px;padding: 5% 0;}
.plnWrp>.flx>.unt>.frm>.imgWrp>img {margin: auto;width: 50%;margin-top: 2%;}
.plnWrp>.flx>.unt>.frm>.imgWrp>.lbl {font-weight: 600;text-align: center;font-size: 20px;margin-top: 0;line-height: 1.75em;}
.plnWrp>.flx>.unt>.frm>.imgWrp>.lbl>br {display: none;}
/* plnWrp end */


/* komettaHrzWrp */
.komettaHrzWrp {display: table;width: 100%;}
.komettaHrzWrp>.unt {display: table-cell;vertical-align: middle;}
.komettaHrzWrp>.unt:nth-child(1) {width: 20%;}
.komettaHrzWrp>.unt:nth-child(2) {width: 80%;padding-left: 40px;}
.komettaHrzWrp>.unt>.characterWrp {width: 100%;}
.komettaHrzWrp>.unt>.characterWrp>img {width: 100%;height: auto;}
/* komettaHrzWrp end */


/* common end */






/* header */
body>header {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
}

body>header>.unt>.inr>.frm {}
body>header>.unt>.inr>.frm>*:nth-child(1) {float: left;}
body>header>.unt>.inr>.frm>*:nth-child(2) {float: right;}
body>header>.unt>.inr>.frm>.txtWrp>p {font-size: 16px;letter-spacing: 0;line-height: 1.4;padding: 5px 0;font-weight: bold;}
body>header>.unt>.inr>.frm>.btnWrp {}
body>header>.unt>.inr>.frm .btnWrp>nav {}
body>header>.unt>.inr>.frm .btnWrp>nav>ul {float: right;display: block;}
body>header>.unt>.inr>.frm .btnWrp>nav>ul>li {position: relative;float: left;}
body>header>.unt>.inr>.frm .btnWrp>nav>ul>li * {text-align: center;}
body>header>.unt>.inr>.frm .btnWrp>nav>ul>li>a {display: block;font-size: 19px;font-weight: 600;}
#hdrLogo {}
#hdrLogo>a {display: block;}
#hdrLogo>a>img {
    display: block;
    width: 180px;
    height: 100px;
}

body>header>.subWrp {background-color: #f0ebea;}
body>header>.subWrp>.inr {padding-top: 15px;padding-bottom: 15px;}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul:nth-child(n+2) {margin-right: 15px;}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li:nth-child(n+2) {margin-left: 15px;}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a {
    width: 130px;
    height: auto;
    border: 1px solid;
    padding: 5px 10px;
    line-height: 18px;
    border-radius: 5px;
}
body>header>.subWrp>.inr>.frm .btnWrp>nav>ul {flex-basis: 100%;display: flex;flex-wrap: wrap;}
body>header>.subWrp>.inr>.frm .btnWrp>nav a.colRed {
    background-color: #bf0008;
    border-color: #bf0008 !important;
    color: #FFF;
}
body>header>.subWrp>.inr>.frm .btnWrp>nav a.colGreen {background-color: #8EAB64;border-color: #8EAB64 !important;color: #FFF;}

body>header>.mainWrp {/*background-color: #f8f5f5;*//*background-color: rgba(255,255,255,.9);*/background-color: rgba(255,255,255,1);}
body>header>.mainWrp>.inr {padding-top: 20px;padding-bottom: 20px;padding-right: 43px;}
body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li:nth-child(n+2) {margin-left: 25px;padding-left: 17px;}
body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li:nth-child(n+2):before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #b1b1b1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: skewX(-20deg);
    opacity: 1;
}
body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li>a {line-height: 20px;padding: 2px 0 8px;color:#4E4234;letter-spacing: 0;}

body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li>a>span {display: block;font-size: 14px;line-height: 30px;letter-spacing: 0;color: #B28980;}
#gnvBtn {
    display: none;
    position: fixed;
    top: 15px;
    right: 17px;
    width: 57px;
    height: 57px;
    background-color: #6b3c31;
    cursor: pointer;
    z-index: 2;
    border-radius: 3px;
}

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

    body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li{

    }
    body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li>a{
        line-height: 20px;
        padding: 4px 0 3px 17px;
        color: #2D2D2D;
        letter-spacing: 0;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
        font-size: 14px;
        position: relative;
        font-weight: bold;
        span{
            font-size: 10px;
            margin-left: 5px;
        }
    }
    body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li>a:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 7px;
        margin: auto;
        width: 0;
        height: 0;
        display: block;
        border-top: 5px solid rgba(107, 60, 49, 0);
        border-right: 5px solid rgba(107, 60, 49, 0);
        border-bottom: 5px solid rgba(107, 60, 49, 0);
        border-left: 7px solid rgba(107, 60, 49, 1);
    }
}


#gnvBtn>.line {display: block;position: absolute;top: 11px;left: 0;right: 0;margin: auto;width: 34px;height: 22px;}
#gnvBtn>.line>span {width: 100%;height: 2px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;background-color: #FFF;}
#gnvBtn>.line>span:before,
#gnvBtn>.line>span:after {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;background-color: #FFF;width: 100%;height: 100%;}
#gnvBtn>.line>span:before {transform: translateY(10px);}
#gnvBtn>.line>span:after {transform: translateY(-10px);}
#gnvBtn>.txt {color: #FFF;font-weight: 600;text-align: center;font-size: 10px;line-height: 20px;display: block;position: absolute;bottom: 3px;left: 0;width: 100%;letter-spacing: 0.15em;transform: scale(0.9);bottom:2px}
#gnvBtn>.open {opacity: 1;}
#gnvBtn>.close {opacity: 0;}


body>header.on #gnvBtn>.line>span {transform: rotate(45deg);}
body>header.on #gnvBtn>.line>span:before {transform: translateY(0) rotate(90deg);}
body>header.on #gnvBtn>.line>span:after {transform: translateY(0) rotate(-45deg);opacity: 0;}

body>header.on #gnvBtn>.open {opacity: 0;}
body>header.on #gnvBtn>.close {opacity: 1;}

#prcBtnWrp {
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 60px;
    height: 340px;
    display: none;
}
#prcBtnWrp>.frm>.unt.chargeBtn>a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f15a24;
    position: relative;
    border-radius: 0 0 0 30px;
    overflow: visible;
}
#prcBtnWrp>.frm>.unt.chargeBtn>a:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0 0 0 30px;background-image: -webkit-linear-gradient(60deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 70%);background-image: linear-gradient(30deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 70%);opacity: 0;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>* {z-index: 1;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.imgWrp {
    position: absolute;
    top: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    transform: translate(20%,-50%);
}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp {padding-top: 50px;padding-bottom: 60px;position: relative;height: 100%;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp * {color: #FFF;font-weight: 600;font-size: 18px;line-height: 60px;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp>p {position: relative;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp>p:before {
    content: "";
    display: block;
    background-image: url(../../img/common/icon-arrow-1-r-wh.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    transform: translate(0, 100%);
}

/* header end */
/* footer */
body>footer {width: 100%;background-color: #e9e2e0;padding-top: 100px;}
body>footer>.inr {}
body>footer>.inr>.unt {padding: 40px 0;}
body>footer>.inr>.unt:first-child {padding-top: 0;}
body>footer>.inr>.unt:nth-child(n+2) {border-top: 1px solid rgba(107,60,49,.15);}
body>footer>.inr>.unt>.ttlWrp {margin-bottom: 30px;}
body>footer>.inr>.unt>.ttlWrp>.ttl {text-align: center;font-size: 12px;line-height: 1em;}

body>footer>.inr>.unt.topWrp>.frm {}
body>footer>.inr>.unt.topWrp>.logoWrp {width: 30%;float: left;}
body>footer>.inr>.unt.topWrp>.logoWrp>#ftrLogo>a {display: block;}
body>footer>.inr>.unt.topWrp>.logoWrp>#ftrLogo>a:hover {opacity: 1;}
body>footer>.inr>.unt.topWrp>.logoWrp>#ftrLogo>a>img {display: block;width: 300px;height: 100px;}

body>footer>.inr>.unt.topWrp>.menuWrp {width: 70%;float: right;margin-top: 15px;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm {width: 600px;display: block;margin-left: auto;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm>nav>.unt {float: left;width: 50%;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm>nav>.unt>.ttlWrp {font-size: 12px;margin-bottom: 20px;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm>nav>.unt>.ttlWrp>.ttl {opacity: .5;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm>nav>.unt>.navWrp>ul>li {padding: 5px 0;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm>nav>.unt>.navWrp>ul>li>a {}

body>footer>.inr>.unt.snsWrp {}
body>footer>.inr>.unt.snsWrp>.frm {}
body>footer>.inr>.unt.snsWrp>.frm>ul {display: table;margin: auto;}
body>footer>.inr>.unt.snsWrp>.frm>ul>li {display: table-cell;}
body>footer>.inr>.unt.snsWrp>.frm>ul>li:nth-child(n+2) {padding-left: 30px;}
body>footer>.inr>.unt.snsWrp>.frm>ul>li>a {display: block;width: 30px;height: 30px;}
body>footer>.inr>.unt.snsWrp>.frm>ul>li>a>img {display: block;width: 100%;height: auto;}
body>footer>.inr>.unt.cprWrp>p {text-align: center;font-size: 10px;letter-spacing: .35em;}
/* footer end */
/* top */
#topPag #atf {
    width: 100%;
    height: 55vw;
    min-height: 613px;
    /*max-height: 1000px;*/
    position: relative;
    /* overflow: hidden; */
    /* margin-top: 40px; */
}
#topPag #atf>.inr,
#topPag #atf>.inr>.frm,
#topPag #atf>.inr>.frm>ul,
#topPag #atf>.inr>.frm>li {width: 100%;height: 100%;display: block;position: relative;}
#topPag #atf>.inr {padding-top: 200px;padding-top: max(200px, 12vw);}
#topPag #atf>.inr>.frm {width: 100%;height: 100%;z-index: 1;margin: auto;padding: 0 20px;}
#topPag #atf>.inr>.frm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 10%;
    margin: auto;
    width: 50%;
    height: 100%;
    z-index: 1;
    background-image: url(../../img/top/slide-deco.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    opacity: .6;
}
/*
#topPag #atf>.inr>.frm>ul:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
    background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
    background-image: linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
}
*/
#topPag #atf>.inr>.ttlWrp {position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;font-size: 30px;font-size: max(30px, 2.5vw);}
#topPag #atf>.inr>.ttlWrp>.ttl {
    font-size: 1em;
    line-height: 2em;
    letter-spacing: .35em;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    /*text-shadow: -1px 1px #FFF,-2px 2px #FFF;*/
}
#topPag #atf+.bnrWrp {margin-top: 20px;}
#topPag #topic>.inr:before,
#topPag #topic>.inr:after {content: "";display: block;width: 400px;height: 400px;position: absolute;background-size: cover;opacity: .5;}
#topPag #topic>.inr:before {background-image: url(../../img/common/rice-bowl-1.png);top: 0;left: 0;transform: translate(-60%,-30%);}
#topPag #topic>.inr:after {background-image: url(../../img/common/rice-bowl-2.png);bottom: 0;right: 0;transform: translate(60%,30%);}

/* top end */


/* pstSinWrp */
.pstSinWrp .ttlWrp {}
.sec>.inr>.bdyFrm.pstSinWrp>.ttlWrp {font-size: 24px;}
.sec>.inr>.bdyFrm.pstSinWrp>.ttlWrp>.ttl {text-align: justify;border-bottom: 1px solid;margin-bottom: .5em;padding-bottom: 1em;letter-spacing: .05em;}
.sec>.inr>.bdyFrm.pstSinWrp>.ttlWrp>.time {font-size: 13px;}
.sec>.inr>.bdyFrm.pstSinWrp>.ttlWrp>.time>* {font-size: 1em;}
.pstSinWrp .pstBdyWrp img {display: block;max-width: 100%;height: auto;}
.pstSinWrp .pstBdyWrp>*:nth-child(n+2) {margin-top: 1em;}
/* pstSinWrp end */
@media screen and (max-width:750px){
    .pstSinWrp .pstBdyWrp>*:nth-child(n+2) span{
        white-space: wrap !important;
    }

}


/* thx */
.komettaWrp {position: relative;max-width: 800px;margin-left: auto;margin-right: auto;}
.komettaWrp>.ttlWrp {position: relative;z-index: 2;width: 60%;margin: 0 auto -20px;padding-top: 20px;}
.komettaWrp>.ttlWrp>img {width: 100%;height: auto;}
.komettaWrp>.characterWrp {width: 50%;position: absolute;z-index: 3;bottom: 0;left: 0;right: 0;margin: auto;}
.komettaWrp>.characterWrp>.frm,
.komettaWrp>.bgWrp>.frm {overflow: hidden;width: 100%;height: 100%;}
.komettaWrp>.characterWrp>.frm>img {width: 100%;height: auto;
    -webkit-animation: komettaCharacterAnm 2s ease-out;
    animation: komettaCharacterAnm 2s ease-out;
}
@-webkit-keyframes komettaCharacterAnm {
    0% {opacity: 0;transform: translateY(50%);}
    50% {opacity: 0;transform: translateY(50%);}
    60% {opacity: 1;transform: translateY(0);}
    70% {transform: translateY(5%);}
    80% {transform: translateY(0);}
    90% {transform: translateY(2%);}
    100% {transform: translateY(0);}
}
@keyframes komettaCharacterAnm {
    0% {opacity: 0;transform: translateY(50%);}
    50% {opacity: 0;transform: translateY(50%);}
    60% {opacity: 1;transform: translateY(0);}
    70% {transform: translateY(5%);}
    80% {transform: translateY(0);}
    90% {transform: translateY(2%);}
    100% {transform: translateY(0);}
}


.komettaWrp>.bgWrp {background-image: url(../../img/thanks/thx-bg.png);background-size: 40px;background-position: 50%;border-radius: 30px;width: 100%;position: relative;z-index: 1;width: 100%;height: 260px;overflow: hidden;box-shadow: 0 -20px 20px 0 rgba(0,0,0,.25)inset;}
.komettaWrp>.bgWrp>.frm>span {background-image: url(../../img/thanks/thx-deco.png);background-size: 100% auto;background-position: 50%;display: block;width: 100%;height: 200%;
    -webkit-animation: komettaDecoAnm 2s cubic-bezier(.5, 0, 0, 1);
    animation: komettaDecoAnm 2s cubic-bezier(.5, 0, 0, 1);
}
@-webkit-keyframes komettaDecoAnm {
    0% {opacity: 0;transform: translateY(-25%);}
    25% {opacity: 0;transform: translateY(-25%);}
    100% {opacity: 1;transform: translateY(0);}
}
@keyframes komettaDecoAnm {
    0% {opacity: 0;transform: translateY(-25%);}
    25% {opacity: 0;transform: translateY(-25%);}
    100% {opacity: 1;transform: translateY(0);}
}
/* thx end */

/* inrPag */
#inrPag>#atf>.bgWrp {width: 100%;height: 35vw;min-height: 400px;max-height: 600px;position: relative;}
#inrPag>#atf>.bgWrp>.bg:before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;
/*background-color: #6b3c31;*/
/*opacity: .65;*/
background-image: -webkit-linear-gradient(90deg, rgba(107,60,49,1) 0%, rgba(107,60,49,.75) 100%);
background-image: linear-gradient(0deg, rgba(107,60,49,1) 0%, rgba(107,60,49,.75) 100%);
mix-blend-mode: multiply;
opacity: .75;
}
#inrPag>#atf>.bgWrp>.ttlWrp {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;margin-bottom: 0;}
#inrPag>#atf>.bgWrp>.ttlWrp * {color: #FFF;}
#inrPag>#atf>.bgWrp>.ttlWrp>.msg {font-size: .46em;margin-top: 2em;position: relative;margin-bottom: 1em;}
#inrPag>#atf>.bgWrp>.ttlWrp>.msg:before {content: "";display: block;width: 100px;height: 1px;position: absolute;top: -1.25em;left: 0;right: 0;margin: auto;background-color: #FFF;transform: translateY(-100%);}
/*#inrPag>#atf>.bgWrp>.ttlWrp>.msg>br {display: none;}*/
#inrPag>#atf .ttlWrp {font-size: 40px;}
#inrPag .sec.dnmStl {}
#inrPag #atf+.sec,
#inrPag #atf+.sec.dnmStl {margin-top: 100px;}
#inrPag #atf+.sec.cotBg {margin-top: 0;padding-top: 100px;}
#inrPag .sec.dnmStl>.inr>.bdyFrm+.bdyFrm {/*margin-top: 120px;*/margin-top: 80px;}
#inrPag .sec.dnmStl>.inr>.bdyFrm>.bdyWrp>.hrzRptWrp {margin-top: 60px;}
/*#inrPag>#atf>.inr {width: 1100px;margin: auto;padding: 0 20px;}*/
/*#inrPag>#atf .ttlWrp {margin-top: 40px;}*/

/* about */
/*#aboutIntro:before {height: calc(100% - 80px);}*/
#aboutIntro .txtWrp>p {text-align: center;font-size: 18px;line-height: 2.5em;}
#aboutIntro .txtWrp>p:nth-child(n+2):before {content: "・・・・・";display: block;margin-bottom: 20px;opacity: .5;font-size: 14px;text-align: center;}
.sec.dnmStl>.inr>.bdyFrm#aboutIntro>.bdyWrp>*:nth-child(n+2) {margin-top: 40px;}
/* about end */

/* inrPag end */

/* mypage */
#cttWrp>#myPag.ctt {background-color: #f8f5f5;}
#cttWrp>#myPag.ctt>.myPagNavWrp {margin-top: 30px;}
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr {width: 1100px;margin: auto;padding: 0 20px;}
.hrzNavWrp>ul,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul {flex-basis: 100%;display: flex;flex-wrap: wrap;/*justify-content: center;*/margin-top: -10px;}
.hrzNavWrp>ul>li,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li {padding: 0 5px;margin-top: 10px;position: relative;}
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li {width: 265px;}
.hrzNavWrp>ul>li {width: 25%;}
.hrzNavWrp>ul>li>a,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a {padding: 10px 30px 10px 20px;border-radius: 50px;position: relative;display: block;border: 2px solid;background-color: #FFF;text-decoration: none !important;}
.hrzNavWrp>ul>li>a *,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a * {font-weight: 600;}
.hrzNavWrp>ul>li>a>span,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a>span,
.acBtn+.unt>.frm>ul>li>a>span {display: block;}
.hrzNavWrp>ul>li>a>.txt,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a>.txt,
.acBtn+.unt>.frm>ul>li>a>.txt {padding-right: .5em;line-height: 1.75em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hrzNavWrp>ul>li>a>.icn,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a>.icn,
.acBtn+.unt>.frm>ul>li>a>.icn {position: absolute;top: 0;bottom: 0;right: 10px;margin: auto;width: 1em;height: 1em;}

.acBtn+.unt {position: absolute;width: 100%;height: auto;z-index: 9998;padding: 0 5px;bottom: 0;left: 0;transform: translateY(100%);}
.acBtn+.unt>.frm {border-radius: 25px;background-color: #FFF;border: 2px solid;margin-top: 15px;position: relative;padding: 15px;}
.acBtn+.unt>.frm:before {content: "";width: 20px;height: 20px;border: 10px solid transparent;border-bottom-color: #6b3c31;transform: translateY(-100%);position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.acBtn+.unt>.frm>ul>li>a {padding: 5px 30px 5px 20px;position: relative;display: block;text-decoration: none !important;border-radius: 10px;}
.acBtn+.unt>.frm>ul>li:nth-child(n+2) {border-top: 1px solid rgba(107,60,49,.1);margin-top: 5px;padding-top: 5px;}

.hrzNavWrp>.btn>.icn,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn>.icn,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a.acBtn>.icn {display: block;position: absolute;width: 10px;height: 10px;top: 0;bottom: 0;right: 20px;margin: auto;}
.hrzNavWrp>.btn>.icn:before,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn>.icn:before,
.hrzNavWrp>.btn>.icn:after,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn>.icn:after,
.acBtn>.icn:before,
.acBtn>.icn:after {content: "";display: block;background-color: #6b3c31;width: 100%;height: 2px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.hrzNavWrp>.btn>.icn:after,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn>.icn:after,
.acBtn>.icn:after {transform: rotate(90deg);}
.hrzNavWrp>.btn.on>.icn:before,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn.on>.icn:before,
.hrzNavWrp>.btn.on>.icn:after,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn.on>.icn:after,
.acBtn.on>.icn:before,
.acBtn.on>.icn:after {transform: rotate(180deg);}

.sec.stl2 {margin-top: 60px;}
.sec.stl2>.inr {max-width: 840px;}
.sec.stl2>.inr>.ttlWrp {font-size: 20px;padding-left: 1.5em;margin-bottom: 30px;}
.sec.stl2>.inr>.ttlWrp:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1.75em;
    background-image: url(../../img/common/icon-rice.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 75%;
}
.sec.stl2>.inr>.ttlWrp>* {text-align: left;letter-spacing: .05em;}

.sec.stl2>.inr>.bdyFrm>.bdyWrp>*:nth-child(n+2),
.sec.stl2>.inr>.bdyFrm>.bdyWrp+.bdyWrp {margin-top: 40px;}

.sec.stl2 .pstLstWrp,
.sec .box {background-color: #FFF;padding: 40px;border: 1px solid #f0ebea;border-radius: 5px;}
.sec .box>*:nth-child(n+2) {margin-top: 30px;}
.sec.stl2 .pstLstWrp {overflow-y: scroll;height: 300px;}
.sec.stl2 .pstLstWrp>ul>li>article>.frm {padding: 20px 10px;}
/* mypage end */

/* modal */
.js-modal-open {cursor: pointer;}
.modal {-webkit-transition: opacity .5s cubic-bezier(.5, 0, 0, 1), transform .5s cubic-bezier(.5, 0, 0, 1), visibility .5s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: opacity .5s cubic-bezier(.5, 0, 0, 1), transform .5s cubic-bezier(.5, 0, 0, 1), visibility .5s cubic-bezier(.5, 0, 0, 1);
    -o-transition: opacity .5s cubic-bezier(.5, 0, 0, 1), transform .5s cubic-bezier(.5, 0, 0, 1), visibility .5s cubic-bezier(.5, 0, 0, 1);
    transition: opacity .5s cubic-bezier(.5, 0, 0, 1), transform .5s cubic-bezier(.5, 0, 0, 1), visibility .5s cubic-bezier(.5, 0, 0, 1)}
.modal>.btn,
.modal>.modal-content>.frm {
    -webkit-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(.5, 0, 0, 1)
}
.modal {display: none;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;width: 100%;min-width: 1100px;height: 100vh;z-index: 99998;}
.modal.on {visibility: visible;opacity: 1;}
.modal-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;background-color: rgba(107,60,49,.85);}

.modal>.btn {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: auto;
    width: 60px;
    height: 60px;
    background-color: #FFF;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0 2px #6b3c31;
}
.modal>.btn>span {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    line-height: 60px;
    padding: 0;
    color: #6b3c31;
    display: block;
    letter-spacing: 0;
}

.modal-content {width: 1060px;margin: auto;height: auto;max-height: 100vh;position: absolute;top: 50%;left: 0;right: 0;margin: auto;transform: translateY(-50%) !important;}
.modal-content.slim {width: 800px;}
.modal-content>.frm {
    overflow-y: scroll;
    /*scrollbar-width: none;*/
    /*-ms-overflow-style: none;*/
    height: auto;
    max-height: 100vh;
}
/*.modal-content>.frm::-webkit-scrollbar {display: none;}*/
.modal-content>.frm>.frm {padding: 60px;background-color: #FFF;position: relative;}

.modal-content>.frm>.frm>.ttlWrp {}
.modal-content>.frm>.frm>.ttlWrp>.ttl {}
.modal-content>.frm>.frm>.ttlWrp>.sub {}
.modal-content>.frm>.frm>*:nth-child(n+2),
.modal-content>.frm>.frm>*>.bdyWrp:nth-child(n+2) {margin-top: 30px;}

.modal-content>.frm>.frm>.bdyWrp img {max-width: 100%;height: auto;display: block;margin: auto;}

.modal>.btn {transform: translateY(-150%);}
.modal>.modal-content>.frm {transform: translateY(10%);}
.modal.on>.btn,
.modal.on>.modal-content>.frm {transform: translateY(0);}
.modal.on>.btn {transition-delay: .2s;}
/*body.fixed {position: fixed;width: 100%;height: 100%;}*/
/* modal end */


/* currentAnm */
#currentAnm {}
#currentAnm>.imgWrp>.cmnMask:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../img/common/delivery/checkAnm-img.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: 1;
-webkit-animation: currentAnm 5s ease-out infinite;
animation: currentAnm 5s ease-out infinite;
}
@-webkit-keyframes currentAnm {
    0% {opacity: 0;}
    40% {opacity: 0;}
    60% {opacity: 1;}
    80% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes currentAnm {
    0% {opacity: 0;}
    40% {opacity: 0;}
    60% {opacity: 1;}
    80% {opacity: 1;}
    100% {opacity: 0;}
}

/* media query 641px以上 */
@media only screen and (min-width: 641px){
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp *,
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp * {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.imgWrp {right: 0;}
.hrzRptWrp>.unt>.hrzWrp>.unt>.btnWrp {margin-left: 0;}
body>footer a:hover {opacity: .5;}
.crsWrp .slick-track>.unt>a:hover>.imgWrp>img {opacity: .75;}
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a:hover,
.acBtn+.unt>.frm>ul>li>a:hover,
.hrzNavWrp>ul>li>a:hover,
body>header>.subWrp>.inr>.frm .btnWrp>nav a:hover,
#cttWrp>.msgWrp>.frm .clsBtn:hover {background-color: rgba(107,60,49,.15);}
body>header>.subWrp>.inr>.frm .btnWrp>nav a.colRed:hover {
    background-color: rgba(191, 0, 8, .6);
}
body>header>.subWrp>.inr>.frm .btnWrp>nav a.colGreen:hover {background-color: rgba(136,168,13,.6);}
body>header>.mainWrp>.inr>.frm .btnWrp>nav a:hover {opacity: .5;}
.pstLstWrp>ul>li>article>a:hover .ttl {text-decoration: underline;}
a:hover>.btn.arrow {right: 5px;}
.cmnBtn:hover {
    transform: scale(1.025);
    box-shadow: 0 -10px 30px -10px rgba(0,0,0,.2);
}

body>header>.subWrp>.inr>.frm .btnWrp>nav a:hover{
    /* background-color: unset; */
}

body>header>.subWrp>.inr>.frm .btnWrp>nav a:hover{
    /* background-color: #BE9572;
    opacity: 0.7; */
}

body>header>.subWrp>.inr>.frm .btnWrp>nav a.colRed:hover {
    opacity:0.7;
    background-color: #fff;
}


/*#prcBtnWrp>.frm>.unt.chargeBtn>a:hover {background-color: #d74a18;}*/
#prcBtnWrp>.frm>.unt.chargeBtn>a:hover:before {opacity: 1;}
#prcBtnWrp>.frm>.unt.chargeBtn>a:hover>.txtWrp>p:before {transform: translate(3px, 100%);}
#cttWrp>.ctt a:hover,
#brdcrm>.inr>a:hover,
#cttWrp>.msgWrp>.frm .txtWrp>p>a:hover {text-decoration: none;}
.pgrWrp>ul>li>a:hover {background-color: rgba(107,60,49,.25);}
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul {display: flex !important;justify-content: center;}
.hisPnlWrp>.frm>.frm>.unt>* {padding-right: 10px;}
.hisPnlWrp>.frm>.frm>.unt:last-child>* {padding-right: 0;}
.hrzWrp>.unt:nth-child(1)>.ttlWrp {padding-right: 25%;}
.lgiWrp .hrzWrp>.unt:nth-child(1) {padding-right: 20px;}
.lgiWrp .hrzWrp>.unt:nth-child(2) {padding-left: 20px;}

.frmWrp>.frm>table>tbody>tr.hrz>th,
.frmWrp>.frm>table>tbody>tr.hrz>td,
.tblWrp>table>tbody>tr.hrz>th,
.tblWrp>table>tbody>tr.hrz>td {display: block;width: 100%;}
.frmWrp>.frm>table>tbody>tr.hrz>th,
.tblWrp>table>tbody>tr.hrz>th {padding-top: 10px;padding-bottom: 10px;}
.frmWrp>.frm>table>tbody>tr.hrz>td,
.tblWrp>table>tbody>tr.hrz>td {padding-top: 0;}
.prgWrp.stp3>.unt {width: 33%;flex-basis: 33%;}
.prgWrp.stp3>.unt:last-child {width: 34%;flex-basis: 34%;}

/*
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 0;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(even) {transform: none;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>* {transform: none;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 0;padding-left: 0;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: none;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: none;}

.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 25%;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(odd) {transform: scale(-1, 1);}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(odd)>.hrzWrp>* {transform: scale(-1, 1);}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 0;padding-left: 25%;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: translateX(-20%);}
.sec.dnmStl>.inr>.bdyFrm:nth-child(odd)>.bdyWrp>.hrzRptWrp>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: translateX(0);}
*/

.hrzRptWrp.inv>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 0;}
.hrzRptWrp.inv>.unt:nth-child(even) {transform: none;}
.hrzRptWrp.inv>.unt:nth-child(even)>.hrzWrp>* {transform: none;}
.hrzRptWrp.inv>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 0;padding-left: 0;}
.hrzRptWrp.inv>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: none;}
.hrzRptWrp.inv>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: none;}

.hrzRptWrp.inv>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 25%;}
.hrzRptWrp.inv>.unt:nth-child(odd) {transform: scale(-1, 1);}
.hrzRptWrp.inv>.unt:nth-child(odd)>.hrzWrp>* {transform: scale(-1, 1);}
.hrzRptWrp.inv>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-right: 0;padding-left: 25%;}
.hrzRptWrp.inv>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: translateX(-20%);}
.hrzRptWrp.inv>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: translateX(0);}

.hrzRptWrp>.unt>.hrzWrp>.unt:nth-child(1)>.imgWrp.enishi {padding-left: 15% !important;width: 150%;}

.plnFrm .tblLblWrp>table * {font-size: 16px;}
.plnFrm .tblLblWrp>table>tbody>tr>th>.frm {border-radius: 17px;}

.acBtn+.unt {opacity: 0;pointer-events: none;}
.acBtn.hov+.unt {opacity: 1;pointer-events: visible;}
.acBtn+.unt {height: auto !important;display: block !important;}
.acBtn.hov {background-color: rgba(107,60,49,.15) !important;}

.acBtn.on>.icn:before {transform: rotate(0);}
.acBtn.on>.icn:after {transform: rotate(90deg);}

.acBtn.hov>.icn:before,
.acBtn.hov>.icn:after {transform: rotate(180deg);}

.itmLstWrp>.unt>.frm>a:hover {background-color: rgba(107,60,49,.05);}
.itmLstWrp>.unt>.frm>a:hover * {text-decoration: underline !important;}
.itmLstWrp>.unt>.frm>a:hover>.imgFrm>.imgWrp {transform: scale(1.05);}

.hrzRptWrp>.unt>.hrzWrp.imgFrmIn>.unt:nth-child(1)>.imgWrp {width: 100%;transform: translateX(0);padding-right: 15%;}
.hrzRptWrp>.unt:nth-child(even)>.hrzWrp.imgFrmIn>.unt:nth-child(1)>.imgWrp {padding-left: 15%;padding-right: 0;}
.hrzRptWrp>.unt>.hrzWrp.imgFrmIn.rat6-4>.unt:nth-child(1) {width: 60%;}
.hrzRptWrp>.unt>.hrzWrp.imgFrmIn.rat6-4>.unt:nth-child(2) {width: 40%;}

.hrzWrp.txtFrm>.unt {vertical-align: top;}
.hrzWrp.txtFrm>.unt:nth-child(odd) {padding-right: 30px;}
.hrzWrp.txtFrm>.unt:nth-child(even) {padding-left: 30px;}

.flx.set4>.unt>*:nth-child(n+2) {margin-top: 25px;}
.flx.set4>.unt>.txtWrp * {font-size: 13px;}

body.fixed {overflow: hidden;}

body * {font-size: 16px;}
/*
#inrPag .frmWrp>.frm>table>tbody>tr>th,
#inrPag .tblWrp>table>tbody>tr>th {padding-left: 30px;background-color: rgba(107,60,49,.05);}
#inrPag .frmWrp>.frm>table>tbody>tr>td,
#inrPag .tblWrp>table>tbody>tr>td {padding-left: 30px;}
*/

}





/* IE */
_:-ms-lang(x)::-ms-backdrop, .okometer>.frm>.unt.omtWrp>.main>.lyr3 {-webkit-animation: omtAnm0-2-ie 6.5s ease-out infinite;animation: omtAnm0-2-ie 6.5s ease-out infinite;transform-origin: 60% 50%;}
@-webkit-keyframes omtAnm0-2-ie {
    0% {transform: translateY(0);}
    40% {transform: translateY(0);}
    46% {transform: translateY(-15%);}
    50% {transform: translateY(0);}
    52% {transform: translateY(-7.5%);}
    56% {transform: translateY(0);}
    100% {transform: translateY(0);}
}
@keyframes omtAnm0-2-ie {
    0% {transform: translateY(0);}
    40% {transform: translateY(0);}
    46% {transform: translateY(-15%);}
    50% {transform: translateY(0);}
    52% {transform: translateY(-7.5%);}
    56% {transform: translateY(0);}
    100% {transform: translateY(0);}
}
_:-ms-lang(x)::-ms-backdrop, .cmnMask {border-radius: 20px;overflow: hidden;}
_:-ms-lang(x)::-ms-backdrop, .tblBasWrp>table>tbody>tr>*:before {display: none;}
_:-ms-lang(x)::-ms-backdrop, .tblBasWrp>table>*>tr>*:nth-child(2):before {display: block;}
/*_:-ms-lang(x)::-ms-backdrop, .tblBasWrp>table>*>tr>*:nth-child(2) * {color: #8EAB64;}*/









/* 20231201更新分 */
    body #topPag #atf>.inr>.frm {
        padding: 0;
    }
    body #topPag #atf {
        width: 100%;
        height: 43vw;
        min-height: 560px;
        position: relative;
        z-index: 3;
    }
    body #topPag #atf>.inr>.ttlWrp>.ttl {
        font-size: 1em;
        left: 18%;
        top: 10%;
    }
    body #topPag #atf>.inr>.ttlWrp>.ttl span {
        background: rgb(255 255 255 / 80%);
        font-size: 1em;
        padding: 10px 0;
    }
    body #topPag #atf>.inr>.ttlWrp>.ttl span.pb0 {
        padding-bottom: 0;
    }
    body #topPag #atf>.inr {
        padding-top: initial;
    }
    body #slide1.cmnMask {
        -webkit-mask-image: url(../../img/common/mask-square.png),url(../../img/common/mask-top-fv.svg);
        -webkit-mask-size: 100% 100%, calc(505px/2) calc(531px / 2);
        -webkit-mask-position: 0 0,0px 0px;
    }
    body #topPag #atf+.bnrWrp {
       margin-top: 60px;
    }
    body .bnrWrp {
        width: 1100px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    body .bnrWrp .trialBnr {
        margin-bottom: 20px;
    }
    body .bnrWrp .riceDonationBnr {
        width: 50%;
        padding-right: 10px;
    }
    body .bnrWrp .hometownTaxBnr {
        width: 50%;
        padding-left: 10px;
    }
    body .bnrWrp a img {
        width: 100%;
        height: auto;
    }
    body .sec>.inr>.bdyFrm>.bdyWrp .systemImg02 {
        margin-top: 0;
        position: relative;
    }
    body .bdyWrp .systemImg02 a {
        display: block;
        width: 16.9812%;
        position: absolute;
        top: 62%;
        left: 16.46%;
    }
    body .bdyWrp .systemImg02 a img {
        width: 100%;
        height: auto;
    }
    body .pcOnly {
        display: block;
    }
    body .spOnly{
        display: none;
    }
    /* media query 640px以下 */
    @media only screen and (max-width: 640px){
        body #topPag #atf {
            margin-top: 10px;
            min-height: 440px;
        }
        body #topPag #atf>.inr>.ttlWrp>.ttl {
            font-size: 1.25em;
            left: 120px;
            top: 40px;
        }
        body #slide1.cmnMask {
            -webkit-mask-image: url(../../img/common/mask-square.png),url(../../img/common/mask-top-fv.svg);
            -webkit-mask-size: 100% 100%, calc(505px/2) calc(531px / 2);
            -webkit-mask-position: 0 0,0px 0px;
        }
        body #topPag #atf+.bnrWrp {
            width: 100%;
            display: block;
            margin-top: 7vw;
            padding: 0 5vw;
        }
        body .bnrWrp .riceDonationBnr,
        body .bnrWrp .hometownTaxBnr {
            width: 100%;
            padding-right: 0px;
            padding-left: 0px;
            padding-bottom: 10px;
        }
        body .bdyWrp .systemImg01 img,
        body .bdyWrp .systemImg02 img {
            width: 100%;
            height: auto;
        }
        body .bdyWrp .systemImg02 a {
            width: 31%;
            top: 27%;
            left: 21%;
        }
        body .pcOnly {
            display: none;
        }
        body .spOnly {
            display: block;
        }
    }

.gnav-icon-book{
    width: 28px;
    height: 19px;
    margin: 2px 2px 0 0;
}

.gnav-icon-donate{
    width: 26px;
    height: 23px;
    margin: 2px 3px 0 0;
}

.atf-bnr{
    position: absolute;
    bottom: -55px;
    right: 75px;
    width: 321px;
    z-index: 3;
    display: block;
    img{
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width:750px){
    .atf-bnr{
        position: absolute;
        bottom: -23px;
        right: 0;
        width: 170px;
    }
}

.sp-add-menu{
display: none;
}
.sp-add-menu-btm{
    display: none;
}
@media screen and (max-width:750px){
    .sp-add-menu{
        display: block;
        margin-bottom: 30px;
        li{
            list-style: none;
            margin-bottom: 15px;
        }
        .sp-login-btn{
            display: flex;
            background-color: #EF4949;
            justify-content: center;
            align-items: center;
            height: 60px;
            width: 100%;
            border-radius: 3px;
            font-size: 16px;
            font-weight: bold;
            color:#fff;
        }
        .sp-member-btn{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 60px;
            background-color: #fff;
            color: #EF4949;
            border-radius: 3px;
            border: 2px solid #EF4949;
            font-weight: bold;
        }
    }
    .sp-add-menu-btm{
        display: block;
        margin-top: 25px;
    }
    .sp-guide-btn{
        display: flex;
        background-color: #BE9572;
        justify-content: center;
        align-items: center;
        height: 60px;
        width: 100%;
        border-radius: 3px;
        font-size: 16px;
        font-weight: bold;
        color:#fff;
        .gnav-icon-book {
            width: 20px;
            height: auto;
            margin: 3px 3px 0 0;
        }
        .gnav-icon-donate {
            width: 20px;
            height: auto;
            margin: 3px 3px 0 0;
        }
    }
    .sp-guide-btn_mg{
        margin-bottom: 10px;
    }

}

body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a.header-btn-guide{
    text-align: center;
    width: 220px;
    height: 60px;
    border: none;
    padding: 0 10px;
    line-height: 18px;
    border-radius: 5px;
    background-color: #BE9572;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: bold;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a.header-btn-guide:hover{
    opacity: 0.6;
}

body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a.header-btn-mypage{
    font-size: 19px;
    font-weight: 600;
    width: 220px;
    height: 60px;
    border: none;
    padding: 0 10px;
    line-height: 18px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8EAB64;
    border-color: #8EAB64 !important;
    color: #FFF;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a.header-btn-mypage:hover{
    opacity: 0.6;
}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a.header-btn-mypage.colRed:hover{
    opacity: 0.6;
    background-color: #8EAB64;
}

body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a.header-btn-member{
    font-size: 19px;
    font-weight: 600;
    width: 220px;
    height: 60px;
    border: none;
    padding: 0 10px;
    line-height: 18px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #EF4949;
    background-color: #fff;
    color: #EF4949;
    padding: 17px 10px;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a.header-btn-member:hover{
    opacity: 0.6;
    background-color: rgba(255, 255, 255, 0.6);
}

button.cmnBtn.colRed{
    background-color:#EF4949;
    border-radius: 5px;
    padding: 0.2em 0;
    box-shadow: unset;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
    span{
        text-shadow: unset;
        font-size: 18px;
    }
}
button.cmnBtn.colRed:hover{
    transform: unset;
    background-color: #4E4234;
}
button.cmnBtn.colRed:before{
    display: none;
}



#cttWrp>.ctt a.cmnBtn.cmnBtn_white{
    border:3px solid #EF4949;
    background-color:#fff;
    border-radius: 5px;
    padding: 0.2em 0;
    box-shadow: unset;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
    span{
        text-shadow: unset;
        font-size: 18px;
        color:#EF4949;
    }
}
#cttWrp>.ctt a.cmnBtn.cmnBtn_white:hover{
    opacity: 0.6;
    transform: unset;
}
#cttWrp>.ctt a.cmnBtn.cmnBtn_white:before{
    display: none;
}


.sp-rice-btns{
    /* margin-bottom: 40px; */
    max-width: 500px;
    margin: 0 auto;
    ul{
        li{
            margin-bottom: 12px;
            a{
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #F15A24;
                border-radius: 3px;
                height: 57px;
                width: 100%;
                font-size: 16px;
                color:#fff;
                font-weight: bold;
                letter-spacing: 0;
                text-decoration: none !important;
                transition: .25s cubic-bezier(.5, 0, 0, 1);
            }
            .green{
                background-color: #8EAB64;
            }
            .green_border{
                border: 3px solid #8EAB64;
                background-color: #fff;
                color:#8EAB64;
            }
            .yellow{
                background-color: #D7CC55;
            }
            .i_truck{
                width: 25px;
                height: auto;
                margin: 4px 6px 0 0;
            }
            .i_time{
                width: 20px;
                height: auto;
                margin: 4px 5px 0 0;
            }
            .i_charge{
                width: 17px;
                height: auto;
                margin: 4px 5px 0 0;
            }
        }
    }
}
.sp-rice-btns{
    ul{
        li{
            a:hover{
                opacity: 0.8;
            }
        }
    }
}

@media screen and (max-width:750px){
    .sp-user-name-wrap{
        padding: 1.3em 2.0em;
        background-color: #D9CDCA;
        font-size: 14px;
        display: block;
        font-weight: bold;
        position: relative;
        margin: -5vw -8vw 17px;
    }
    .sp-user-name{
       font-size: 22px;
       font-weight: bold;
       margin-right: 3px;
    }
    .sp-user-name-wrap:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 35px;
        margin: auto;
        width: 0;
        height: 0;
        display: block;
        border-top: 8px solid rgba(107, 60, 49, 0);
        border-right: 7px solid rgba(107, 60, 49, 0);
        border-bottom: 8px solid rgba(107, 60, 49, 0);
        border-left: 8px solid rgba(107, 60, 49, 1);
    }



    .sp-rice-point-wrap{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #C5C5C5;
        padding: 0.6em 1em 0.9em 0;
        align-items: center;
        margin-bottom: 16px;
    }
    .sp-rice-point-lead{
        font-size: 15px;
        font-weight: bold;
        color:#2D2D2D;
    }
    .sp-rice-point-txt{
        font-size: 14px;
        letter-spacing: 0;
        font-family: 'Noto Sans JP', sans-serif;
        color:#2D2D2D;
        font-weight: bold;
        span{
            font-family: 'Noto Sans JP', sans-serif;
            color:#8EAB64;
            font-size: 40px;
            font-weight: bold;
            letter-spacing: 0;
            margin-right: 3px;
            line-height: 1;
        }
    }

    .sp-rice-btns{
        /* margin-bottom: 40px; */
        ul{
            li{
                margin-bottom: 12px;
                a{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: #F15A24;
                    border-radius: 3px;
                    height: 57px;
                    width: 100%;
                    font-size: 14px;
                    color:#fff;
                    font-weight: bold;
                    letter-spacing: 0;
                    text-decoration: none !important;
                }
                .green{
                    background-color: #8EAB64;
                }
                .green_border{
                    border: 2px solid #8EAB64;
                }
                .yellow{
                    background-color: #D7CC55;
                }
                .i_truck{
                    width: 21px;
                    height: auto;
                    margin-right: 3px;
                }
                .i_time{
                    width: 15px;
                    height: auto;
                    margin-right: 3px;
                }
                .i_charge{
                    width: 12px;
                    height: auto;
                    margin-right: 3px;
                }
            }
        }
    }

    .sp-login-txt-wrap{
        text-align: center;
        padding: 0.5em 0 0 0;
        .sp-login-txt{
            font-size: 14px;
            font-weight: bold;
            color: #2D2D2D;
        }
    }
}

.progress-ring-base{
    padding: 3em 0 3em;
}
@media screen and (max-width:767px){
    .progress-ring-base{
        padding: 2em 0 1em;
        margin-top: 0 !important;
    }

}

.progress-ring-base.progress-ring-base_sm{
    transform: scale(0.8);
}
@media screen and (max-width:767px){
    .progress-ring-base.progress-ring-base_sm{
        transform: scale(0.5);
        left:-0.7em;
        position: relative;
        margin: 0 0 -120px;
        top:-70px;
    }
}



.progress-ring-wrap{
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  transform: scale(1.5);
}
@media screen and (max-width:767px){
    .progress-ring-wrap{
      transform: scale(1.2);
    }

}


.progress-detail{
    position: absolute;
    top: 37px;
    right: 0;
    left: 0;
    text-align: center;
    .img{
        width: 59px;
        height: auto;
    }
    .txt{
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: bold;
        color:#2D2D2D;
        font-size: 14px;
        font-size: 17px;
        letter-spacing: 0;
        line-height: 1;
        margin: 6px 0 0 0;
    }
    .num{
        display: flex;
        justify-content: center;
        align-items: flex-end;
        .big{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 58px;
            font-weight: bold;
            line-height: 1;
            letter-spacing: -2px;
        }
        .small{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 22px;
            font-weight: bold;
            color:#2D2D2D;
            line-height: 1;
            margin: 0 0 0 2px;
            letter-spacing: 0;
            top:-5px;
            position: relative;
        }
    }
}

.progress-ring-lead {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px !important;
    color:#2D2D2D;
}
@media screen and (max-width:767px){
    .progress-ring-lead {
        font-size: 17px;
        margin-top: 0 !important;
    }
}


.frm-font-family{
    p{
        font-family: 'Noto Sans JP', sans-serif;
        color:#2D2D2D
    }
}
@media screen and (max-width:767px){
    .frm-font-family{
        p{
            font-size: 16px;
        }
    }

}


section.sec.mypage-navi-wrap {
    padding: 20px 0 100px 0;
    .inr{
        width: auto;
    }
    max-width: 800px;
    margin: 0 auto;
    /* border: 1px solid; */
    .mypage-navi-title{
        background-color: #F3EAE3;
        border-radius: 5px;
        border-left: 10px solid #6B3C31;
        padding: 0.6em 0 0.6em 0.6em;
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 20px;
        font-weight: 700;
        line-height: 1;
    }
    .links{
        margin-bottom: 20px;
        border-top: 1px solid #C5C5C5;
        .list{
            border-bottom: 1px solid #C5C5C5;
            a.link{
                position: relative;
                display: block;
                padding: 1em 0 1em 1em;
                text-decoration: none !important;
                color:#2D2D2D;
                font-weight: 700;
                position: relative;
            }
            a.link:before{
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                right: 15px;
                margin: auto;
                width: 0;
                height: 0;
                display: block;
                border-top: 8px solid rgba(107, 60, 49, 0);
                border-right: 7px solid rgba(107, 60, 49, 0);
                border-bottom: 8px solid rgba(107, 60, 49, 0);
                border-left: 8px solid rgba(107, 60, 49, 1);
            }
        }
    }
}
@media screen and (max-width:767px){
    section.sec.mypage-navi-wrap{
        padding: 0 0 100px 0;
        width: 95%;
    }
}

.title-left-border{
    background-color: #F3EAE3;
        border-radius: 5px;
        border-left: 10px solid #6B3C31;
        padding: 0.6em 0 0.6em 0.6em;
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 20px;
        font-weight: 700;
        line-height: 1;
    }
    @media screen and (max-width:767px){
        .title-left-border{
        padding: 0.6em 0.5em 0.6em 0.6em;
        font-size: 16px;
        line-height: 1.3;
    }

}
.title-left-border.title-left-border_mt0{
    margin-top: 0;
}



.width_100{
    width: 718px;
}
@media screen and (max-width:767px){
    .width_100{
        width: 100%;
    }
}


.btn-charge{
    max-width: 550px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    background-color: #D7CC55;
    border-radius: 5px;
    text-decoration: none !important;
    color:#fff;
    .i_charge{
        width: 20px;
        height: auto;
        margin: 0 8px 0 0;
    }
}
@media screen and (max-width:767px){
    .btn-charge{
        height: 58px;
        font-size: 14px;
        background-color: #D7CC55;
        letter-spacing: 0;
        .i_charge{
            width: 15px;
            height: auto;
            margin: 0 5px 0 0;
        }
    }
}
.btn-charge:hover{
    opacity: 0.6;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
}

.tblBasWrp>table>*>tr>*:nth-child(2):before {
    background-color: #8EAB64;
}


.btn-brown{
    max-width: 550px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    background-color: #BE9572;
    border-radius: 5px;
    text-decoration: none !important;
    span{
        color:#fff !important;
        font-size: 18px;
    }
}
@media screen and (max-width:767px){
    .btn-brown{
        height: 58px;
        font-size: 14px;
        letter-spacing: 0;
        span{
            font-size: 14px;
        }
    }
}
.btn-brown:hover{
    opacity: 0.6;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
}

.sec.stl2>.inr>.ttlWrp.ttlWrp_no_img{
    padding-left: 0;
    .title-left-border{
        line-height: 1;
    }
}
.sec.stl2>.inr>.ttlWrp.ttlWrp_no_img:before{
    display: none;
}

button.cmnBtn.colRed.darkBrown{
    background-color:#6b3c31 !important;
}
button.cmnBtn.colRed.colBrown{
    background-color:#BE9572 !important;
}

button.cmnBtn.colRed.darkBrown:hover{
    opacity: 0.6;
}
button.cmnBtn.colRed.colBrown:hover{
    opacity: 0.6;
}

.darkBrown{
    background-color:#6b3c31 !important;
}

/* button.cmnBtn.colBrown {
    background-color: #BE9572;
    border-radius: 5px;
    padding: 0.2em 0;
    box-shadow: unset;
    transition: .25s
cubic-bezier(.5, 0, 0, 1);
} */

.cmnBtn {
    display: block;
    width: 100%;
    height: auto;
    background-color: #BE9572;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    box-shadow: unset;
    padding: 0;
    cursor: pointer;
    text-decoration: none !important;
    transition: .25s cubic-bezier(.5, 0, 0, 1);
    span{
        text-shadow: unset;
    }
}
.cmnBtn:before{
    display: none;
}
.cmnBtn:hover{
    opacity: 0.6;
    transform: unset;
    box-shadow: unset;
}

div#gnvPnl .btnWrp ul {
    position: relative;
    top: 21px;
}
@media screen and (max-width:767px){
    div#gnvPnl .btnWrp ul {
        position: relative;
        top: auto;
    }

}

@media screen and (max-width:767px){
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt>label>.lbl{
    white-space: unset;
}
}

@media screen and (max-width:767px){
    .txt_style01{
        line-height: 1.3;
        display: block;
        margin: 1em 0 0;
        padding: 0 1em;
    }
}

.itmWrp.pickup>.cmnMask:before {
    background-color: #EF4949;
    background-image: unset;
    text-shadow: unset;
}

.colYellow {
    background-color: #D7CC55;
}

.box-rice-storage-payments_sp{
    padding-top: 0 !important;
    thead{
        display: none !important;
    }
    tbody{
        margin-top: 0 !important;
        border-top: 0 !important;
    }
    tr{
        border-bottom: 0 !important;
    }
}