@charset "utf-8";
/* ==========================================================================
 FONT FACE
========================================================================== */
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 200;
  src: url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.eot"); src: url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.woff") format("woff"), url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 300;
  src: url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.eot"); src: url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.woff") format("woff"), url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 400;
  src: url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.eot"); src: url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.woff") format("woff"), url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 500;
  src: url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.eot"); src: url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.woff") format("woff"), url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 700;
  src: url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.eot"); src: url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.woff") format("woff"), url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 900;
  src: url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.eot"); src: url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.woff") format("woff"), url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'DINPro';
  font-style: normal;
  font-weight: 600;
  src: url("../font/dinpro/DINPro-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'DINProB';
  font-style: normal;
  font-weight: 600;
  src: url("../font/dinpro/DINPro-Black.ttf") format("truetype");
  /* Safari, Android, iOS */
}

/* ==========================================================================
 Base
========================================================================== */
html {
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width:375px){
    html{
        font-size: 0.6em;
    }
}
@media screen and (max-width:320px){
    html{
        font-size: 0.55em;
    }
}
body {
  color: #2A2C32;
  font-family: 'NotoSansCJKjp','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*normalize*/
body{ -webkit-print-color-adjust: exact !important;}
input{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:1em;margin:0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance: none;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
}
html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;
    word-break: break-all;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -moz-hyphens: auto;
}
ol, ul, li, dl, dt, dd {
    margin: 0;
    padding: 0;
    line-height: 1.7;
}
li::marker{
    color: #000;
}
a{
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
img{
    vertical-align: bottom;
    max-width: 100%;
}
svg {
  fill: currentColor;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd{
    margin: 0;
    padding: 0;
}
h3{
    margin-bottom: 0.4em;
}
.preload * {
    -webkit-transition: none !important;
    transition: none !important;
}
h1,h2,h3,h4,h5{
    word-break: break-all;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}
mark.blue{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(61%, rgba(208, 255, 0, 1)));
    background: -webkit-linear-gradient(transparent 60%, rgba(208, 255, 0, 1) 61%);
    background: linear-gradient(transparent 60%, rgba(208, 255, 0, 1) 61%);
    position: relative;
}
.mb0{margin-bottom: 0 !important;}
.mb2{margin-bottom: 0.2em !important;}
.mb4{margin-bottom: 0.4em !important;}
.mb6{margin-bottom: 0.6em !important;}
.mb8{margin-bottom: 0.8em !important;}
.mb10{margin-bottom: 1em !important;}
.mt0{margin-top: 0 !important;}
.mt2{margin-top: 0.2em !important;}
.mt4{margin-top: 0.4em !important;}
.mt6{margin-top: 0.6em !important;}
.mt8{margin-top: 0.8em !important;}
.mt10{margin-top: 1em !important;}
.ml0{margin-left: 0 !important;}
.ml2{margin-left: 0.2em !important;}
.ml4{margin-left: 0.4em !important;}
.ml6{margin-left: 0.6em !important;}
.ml8{margin-left: 0.8em !important;}
.ml10{margin-top: 1em !important;}
.mr0{margin-right: 0 !important;}
.mr2{margin-right: 0.2em !important;}
.mr4{margin-right: 0.4em !important;}
.mr6{margin-right: 0.6em !important;}
.mr8{margin-right: 0.8em !important;}
.mr10{margin-right: 1em !important;}
.pb0{padding-bottom: 0 !important;}
.pb2{padding-bottom: 0.2em !important;}
.pb4{padding-bottom: 0.4em !important;}
.pb6{padding-bottom: 0.6em !important;}
.pb8{padding-bottom: 0.8em !important;}
.pb10{padding-bottom: 1em !important;}
.pt0{padding-top: 0 !important;}
.pt2{padding-top: 0.2em !important;}
.pt4{padding-top: 0.4em !important;}
.pt6{padding-top: 0.6em !important;}
.pt8{padding-top: 0.8em !important;}
.pt10{padding-top: 1em !important;}
.pl0{padding-left: 0 !important;}
.pl2{padding-left: 0.2em !important;}
.pl4{padding-left: 0.4em !important;}
.pl6{padding-left: 0.6em !important;}
.pl8{padding-left: 0.8em !important;}
.pl10{padding-top: 1em !important;}
.pr0{padding-right: 0 !important;}
.pr2{padding-right: 0.2em !important;}
.pr4{padding-right: 0.4em !important;}
.pr6{padding-right: 0.6em !important;}
.pr8{padding-right: 0.8em !important;}
.pr10{padding-right: 1em !important;}

.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.-full{width: 100% !important; max-width: 999% !important;}
.lh10{line-height: 1.0;}
.lh12{line-height: 1.2;}
.lh14{line-height: 1.4;}
.lh16{line-height: 1.6;}
.lh18{line-height: 1.8;}
.lh20{line-height: 2.0;}
.lh24{line-height: 2.4;}
.va-top{vertical-align: top;}
.va-mdl{vertical-align: middle;}
.va-btm{vertical-align: bottom;}
.fl-img{float: left; margin-right: 12px; margin-bottom: 12px;}
.fr-img{float: right; margin-left: 12px; margin-bottom: 12px;}
@media screen and (max-width:519px){
    .sm-text-center{text-align: center !important;}
    .sm-text-left{text-align: left !important;}
    .sm-text-right{text-align: right !important;}
    .sm-full{width: 100% !important; max-width: 999% !important;}
}
@media screen and (max-width:600px){
    .xs-text-center{text-align: center !important;}
    .xs-text-left{text-align: left !important;}
    .xs-text-right{text-align: right !important;}
    .xs-full{width: 100% !important; max-width: 999% !important;}
}
.transparent{
    background: none !important;
}
.alpha10{opacity: 0.1 !important;}
.alpha20{opacity: 0.2 !important;}
.alpha30{opacity: 0.3 !important;}
.alpha40{opacity: 0.4 !important;}
.alpha50{opacity: 0.5 !important;}
.alpha60{opacity: 0.6 !important;}
.alpha70{opacity: 0.7 !important;}
.alpha80{opacity: 0.8 !important;}
.alpha90{opacity: 0.9 !important;}
.fc-w{color: #fff !important;}
.fc-bk{color: #333 !important;}
.border-none{border: none !important;}
.bd-t-none{border-top: none !important;}
.bd-l-none{border-left: none !important;}
.bd-b-none{border-bottom: none !important;}
.bd-r-none{border-right: none !important;}
.round-corner-02{border-radius: 2px;}
.round-corner-04{border-radius: 4px;}
.round-corner-08{border-radius: 8px;}
.round-corner-12{border-radius: 12px;}
.round-corner-16{border-radius: 16px;}
.round-corner-20{border-radius: 20px;}
.round-corner-24{border-radius: 24px;}
.round-corner-28{border-radius: 28px;}
.round-corner-99{border-radius: 99px;}
.round-corner-half{border-radius: 50%;}
[class*="border-"]{
    border-width: 1px;
    border-style: solid;
    border-color: #333;
}
.wa{
    display: inline-block;
    width: auto;
    max-width: 100%;
}
.wa.mw10{max-width: 10%;}
.wa.mw20{max-width: 20%;}
.wa.mw30{max-width: 30%;}
.wa.mw40{max-width: 40%;}
.wa.mw50{max-width: 50%;}
.wa.mw60{max-width: 60%;}
.wa.mw70{max-width: 70%;}
.wa.mw80{max-width: 80%;}
.wa.mw90{max-width: 90%;}

/*media-width-display*/
@media print, screen and (min-width:520px){
    main .is-sp{display: none !important;}
}
@media screen and (max-width:519px){
    main .is-pc{display: none !important;}
}
@media print, screen and (min-width:960px){
    .info header .is-sp,
    .info footer .is-sp{display: none !important;}
}
@media screen and (max-width:959px){
    .info header .is-pc,
    .info footer .is-pc{display: none !important;}
}
@media screen and (max-width:959px){
    nav .pict img.is-sp{
        display: block !important;
    }
    nav .pict img.is-pc{
        display: none !important;
    }
}
.is-none{
    display: none;
}
/*row*/
.-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
[class*="-row"] .col-1{ width: 8.3333%;}[class*="-row"] .col-2{ width: 16.6666%;}[class*="-row"] .col-3{ width: 25%;}[class*="-row"] .col-4{ width: 33.3333%;}[class*="-row"] .col-5{ width: 41.6666%;}[class*="-row"] .col-6{ width: 50%;}[class*="-row"] .col-7{ width: 58.3333%;}[class*="-row"] .col-8{ width: 66.6666%;}[class*="-row"] .col-9{ width: 75%;}[class*="-row"] .col-10{ width: 83.3333%;}[class*="-row"] .col-11{ width: 91.6666%;}[class*="-row"] .col-12{ width: 100%;}
@media screen and (max-width:519px){
[class*="-row"] .sm-col-1{ width: 8.3333%;}[class*="-row"] .sm-col-2{ width: 16.6666%;}[class*="-row"] .sm-col-3{ width: 25%;}[class*="-row"] .sm-col-4{ width: 33.3333%;}[class*="-row"] .sm-col-5{ width: 41.6666%;}[class*="-row"] .sm-col-6{ width: 50%;}[class*="-row"] .sm-col-7{ width: 58.3333%;}[class*="-row"] .sm-col-8{ width: 66.6666%;}[class*="-row"] .sm-col-9{ width: 75%;}[class*="-row"] .sm-col-10{ width: 83.3333%;}[class*="-row"] .sm-col-11{ width: 91.6666%;}[class*="-row"] .sm-col-12{ width: 100%;}
}
@media screen and (max-width:600px){
[class*="-row"] .xs-col-1{ width: 8.3333%;}[class*="-row"] .xs-col-2{ width: 16.6666%;}[class*="-row"] .xs-col-3{ width: 25%;}[class*="-row"] .xs-col-4{ width: 33.3333%;}[class*="-row"] .xs-col-5{ width: 41.6666%;}[class*="-row"] .xs-col-6{ width: 50%;}[class*="-row"] .xs-col-7{ width: 58.3333%;}[class*="-row"] .xs-col-8{ width: 66.6666%;}[class*="-row"] .xs-col-9{ width: 75%;}[class*="-row"] .xs-col-10{ width: 83.3333%;}[class*="-row"] .xs-col-11{ width: 91.6666%;}[class*="-row"] .xs-col-12{ width: 100%;}
}
.separate.-row .col{
    padding: 1em;
}
.collspace.-row .col{
    padding: 0;
}
.xs-fixed-row{
    min-width: 600px;
}
.xs-fixed-half-row{
    min-width: 540px;
}

[class*="-row"].text-left{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
[class*="-row"].text-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
[class*="-row"].text-right{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
[class*="-row"].vertical-middle{
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[class*="-row"].vertical-bottom{
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media print, screen and (min-width:520px){
    [class*="-row"].md-text-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].md-text-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].md-text-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media screen and (max-width:519px){
    [class*="-row"].sm-text-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].sm-text-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].sm-text-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media screen and (max-width:600px){
    [class*="-row"].xs-text-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].xs-text-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].xs-text-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .xs-order-01{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
    .xs-order-02{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
    .xs-order-03{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
    .xs-order-04{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}
    .xs-order-05{-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}
    .xs-order-06{-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;}
    .xs-order-07{-webkit-box-ordinal-group: 8;-ms-flex-order: 7;order: 7;}
    .xs-order-08{-webkit-box-ordinal-group: 9;-ms-flex-order: 8;order: 8;}
    .xs-order-09{-webkit-box-ordinal-group: 10;-ms-flex-order: 9;order: 9;}
    .xs-order-10{-webkit-box-ordinal-group: 11;-ms-flex-order: 10;order: 10;}
}
.fs50{font-size: 5rem !important;}
.fs40{font-size: 4rem !important;}
.fs38{font-size: 3.8rem !important;}
.fs36{font-size: 3.6rem !important;}
.fs34{font-size: 3.4rem !important;}
.fs32{font-size: 3.2rem !important;}
.fs30{font-size: 3rem !important;}
.fs28{font-size: 2.8rem !important;}
.fs26{font-size: 2.6rem !important;}
.fs24{font-size: 2.4rem !important;}
.fs22{font-size: 2.2rem !important;}
.fs20{font-size: 2rem !important;}
.fs18{font-size: 1.8rem !important;}
.fs16{font-size: 1.6rem !important;}
.fs14{font-size: 1.4rem !important;}
.fs12{font-size: 1.2rem !important;}
@media screen and (max-width:519px){
    .sm-fs40{font-size: 4rem !important;}
    .sm-fs38{font-size: 3.8rem !important;}
    .sm-fs36{font-size: 3.6rem !important;}
    .sm-fs34{font-size: 3.4rem !important;}
    .sm-fs32{font-size: 3.2rem !important;}
    .sm-fs30{font-size: 3rem !important;}
    .sm-fs28{font-size: 2.8rem !important;}
    .sm-fs26{font-size: 2.6rem !important;}
    .sm-fs24{font-size: 2.4rem !important;}
    .sm-fs22{font-size: 2.2rem !important;}
    .sm-fs20{font-size: 2rem !important;}
    .sm-fs18{font-size: 1.8rem !important;}
    .sm-fs16{font-size: 1.6rem !important;}
    .sm-fs14{font-size: 1.4rem !important;}
    .sm-fs12{font-size: 1.2rem !important;}
}
@media screen and (max-width:600px){
    .xs-fs40{font-size: 4rem !important;}
    .xs-fs38{font-size: 3.8rem !important;}
    .xs-fs36{font-size: 3.6rem !important;}
    .xs-fs34{font-size: 3.4rem !important;}
    .xs-fs32{font-size: 3.2rem !important;}
    .xs-fs30{font-size: 3rem !important;}
    .xs-fs28{font-size: 2.8rem !important;}
    .xs-fs26{font-size: 2.6rem !important;}
    .xs-fs24{font-size: 2.4rem !important;}
    .xs-fs22{font-size: 2.2rem !important;}
    .xs-fs20{font-size: 2rem !important;}
    .xs-fs18{font-size: 1.8rem !important;}
    .xs-fs16{font-size: 1.6rem !important;}
    .xs-fs14{font-size: 1.4rem !important;}
    .xs-fs12{font-size: 1.2rem !important;}
}
/*movie*/
.movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.26%;
    outline: none;
}
.movie > video,
.movie > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: none;
}
@media print {
    html,body {
       width: 1200px !important;
        -webkit-transform: scale(0.97);
        transform: scale(0.97);/*要調整*/
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    header,footer,main{
        width: 1200px !important;
        max-width: 999%;
    }
    .sp-none{
        display: none !important;
    }
}
/*##################################################
    
    FONT
    
##################################################*/
@media print, screen and (min-width:520px) and (max-width:959px){
body{
    font-size: 1.5713vw;
}
body.square.index .main-visual{
    font-size: 1.1713vw;
}
body.info.index #important{
    font-size: 1.1713vw;
}
}
@media print, screen and (min-width:960px) and (max-width:1365px){
body{
    font-size: 1.1713vw;
}
}
@media print, screen and (min-width:1366px){
body{
    font-size: 16px;
}

}
h1,h2,h3,h4,h5,h6{
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1em;
}
h1,.h1like{
    font-size: 262.5%;
}
h2,.h2like{
    font-size: 171.4%;
}
h3,.h3like{
    font-size: 142.8%;
}
h4,h5,.h4like,.h5like{
    font-size: 114.2%;
}
@media print, screen and (max-width:519px){
body{
    font-size: 4vw;
}
h1,h2,h3,h4,h5,h6{
    margin-bottom: 0.8em;
}
h1,.h1like{
    font-size: 185.7%;
}
h2,.h2like{
    font-size: 157.14%;
}
h3,.h3like{
    font-size: 128.57%;
}
h4,h5,.h4like,.h5like{
    font-size: 114.28%;
}
}
.cautions-information .rich-area{
    font-size: 87.5%;
}
@media print, screen and (min-width:520px) and (max-width:959px){
nav,header,footer{
}
}
/*##################################################
    
    COMMON LAYOUTS
    
##################################################*/
/*all. vw*/
main > section{
    width: 100%;
    position: relative;
    line-height: 1.7;
}
main li{
    line-height: 1.7;
}
#important,
.block > [class*="-Layout"].col-12,
.block > [class*="-Layout"].col-12 li{
    line-height: 1.7;
}
.block > [class*="talk-Layout"].col-12,
.block > [class*="writer-Layout"].col-12,
.block > [class*="product-Layout"].col-12,
.block > [class*="product-Layout"].col-12 li,
.block > [class*="text-Layout"].col-12 .col-6{
    line-height: 1.7;
}
/*
html,body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
::-webkit-scrollbar {
    display:none;
}
*/
/*over. vw768px*/

@media print, screen and (min-width:960px){

html,body,.container{
    width: 100%;
    min-height: 100%;
}
.layout{
    width: 100%;
    height: 100%;
    max-width: 1366px;
    margin: 0 auto;
}
nav,header,footer{
    position: fixed;
}
nav{
    z-index: 100;
    height: 100%;
}
.info header{
    z-index: 90;
    overflow: visible;
}
}
@media print, screen and (min-width:520px){
.square nav,.square header,.square footer{
    position: fixed;
}
.square header{
    z-index: 90;
    overflow: visible;
}
.square nav{
    z-index: 80;
}
footer{
    z-index: 80;
    height: 100%;
    overflow: hidden;
    position: fixed;
}
.square footer{
    z-index: 100;
}
}
/*over. vw1366px*/
@media print, screen and (min-width:1366px){
    
.info nav{
    width: 293px;
    left: 50%;
    top: 0;
    margin-left: -683px;
    padding-left: 91px;
    padding-right: 32px;
    padding-top: 85px;
}    
.square nav{
    width: 352px;
    right: 50%;
    top: 0;
    margin-right: -683px;
    padding-left: 32px;
    padding-right: 91px;
    padding-top: 117px;
}
.info header{
    width: 1366px;
    height: 64px;
    padding-left: 293px;
    padding-right: 91px;
    left: 50%;
    top: 0;
    margin-left: -683px;
}
.square header{
    width: 1366px;
    height: 101px;
    left: 50%;
    top: 0;
    margin-left: -683px;
}
.info footer{
    width: 75px;
    right: 50%;
    top: 0;
    margin-right: -683px;
}
.square footer{
    width: 43px;
    left: 50%;
    top: 0;
    margin-left: -683px;
}
.info main{
    margin-left: 293px;
    margin-right: 91px;
    padding-top: 64px;
}
.square main{
    margin-left: 43px;
    margin-right: 352px;
    padding-top: 101px;
}
.info main > section{
    padding: 37px 75px;
}
.square main > section{
    padding: 43px;
}
}
/*over. vw768px and max. vw1365px*/
@media print, screen and (min-width:960px) and (max-width:1365px){
.info nav{
    width: 21.449vw;
    left: 0;
    top: 0;
    padding-left: 6.66vw;
    padding-right: 2.3426vw;
    padding-top: 6.25vw;
}
.square nav{
    width: 25.768vw;
    right: 0;
    top: 0;
    padding-left: 2.3426vw;
    padding-right: 6.66vw;
    padding-top: 8.565vw;
}
.info header{
    width: 100vw;
    height: 4.685vw;
    padding-left: 21.449vw;
    padding-right: 6.66vw;
    left: 0;
    top: 0;
}
}
@media print, screen and (min-width:960px) and (max-width:1365px){
 
.info main{
    margin-left: 21.449vw;
    margin-right: 6.66vw;
    padding-top: 4.685vw;
}

}
@media print, screen and (min-width:520px) and (max-width:1365px){
.square main{
    margin-left: 3.1478vw;
    margin-right: 25.768vw;
    padding-top: 7.393vw;
}
.square.index main{
    margin-left: 3.1478vw;
    margin-right: 25.768vw;
}
main > section{
    width: 100%;
    position: relative;
}
.square main > section{
    padding: 3.1478vw;
}
.info main > section{
    padding: 2.7086vw 5.4904vw;
}
.info footer{
    width: 5.49vw;
    right: 0;
    top: 0;
}
.square header{
    width: 100vw;
    height: 7.393vw;
    left: 0;
    top: 0;
}
.square footer{
    width: 3.1478vw;
    left: 0;
    top: 0;
}
}
@media print, screen and (min-width:520px) and (max-width:959px){
    .square main{
        margin-left: 3.1478vw;
        margin-right: 3.1478vw;
        padding-top: 7.393vw;
    }
    .square.index main{
        margin-left: 3.1478vw;
        margin-right: 25.768vw;
    }
}
/*max. vw767px*/
@media print, screen and (max-width:519px){
main > section p,
main > section .rich-area,
main > section .rich-area{
    line-height: 1.7;
}
.square main{
    position: relative;
    width: 100%;
    padding: 3.347vw 4.347vw 3vw;
    padding-top: 15.622vw;
    padding-bottom: 0;
}

}
/*for tab*/
@media print, screen and (max-width:959px){
.container{
    width: 100%;
    overflow: hidden;
}

.info main{
    position: relative;
    width: 100%;
    padding: 3.347vw 4.347vw 3vw;
}



main{
    padding-top: 0;
}

nav,
header{
    position: relative;
    width: 100%;
    padding: 3.347vw 4.347vw 3vw;
}
nav{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
}
header{
    margin-top: 16vw;
    padding-top: 0;
}
nav form{
    padding: 0;
    height: 100%;
}

}

@media print, screen and (min-width:520px) and (max-width:959px){
.info header, .info nav{
    padding: 3.347vw 5.347vw 3vw;
}
.info main{
    padding: 3.347vw 4.347vw 3vw;
}
main > section{
    padding: 3.1478vw 1vw;
}
.square main > section{
    padding: 3.1478vw;
}
.square header{
    margin-top: 0;
    padding: 0;
}










}
/*cmn module */
[class*="-Layout"] .img img{
    width: 100%;
    max-width: 100%;
}

.hv-atn{
    -webkit-transition: .2s;
    transition: .2s;
}

/*##################################################
    
    ACTION MODULE
    
##################################################*/
/*anim*/
.fadeIn{
    opacity: 0;
}
.fadeIn.play{
    -webkit-animation: .6s fadeIn forwards;
    animation: 1.5s fadeIn forwards;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.page-form .fadeIn,
.page-confirm .fadeIn{
    opacity: 1;
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/*a*/
a[target="_blank"]:after{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 0.8em;
    vertical-align: -0.1em;
    background-image: url(../svg/i-blank.svg);
}
.img a[target="_blank"]:after{
    display: none;
}
/*btn*/
[class*="-btn"],.aformBtn input{
    display: inline-block;
    line-height: 1.4;
    padding: 0.6em 1em 0.6em;
    margin-bottom: 0.2em;
    -webkit-transition: 0s;
    transition: 0s;
    font-weight: bold;
}
[class*="-btn"]:after,.aformBtn:after{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 0.4em;
    vertical-align: -0.15em;
}
.red-btn:after,
.gry-btn:after,
.aformBtn:after{
    background-image: url('data:image/svg+xml;utf8,<svg class="i-arr-next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155.46 254.76"><path d="M347.46,499a28,28,0,0,1-19.86-8.23l-99.29-99.29A28.08,28.08,0,0,1,268,351.75L367.31,451A28.09,28.09,0,0,1,347.46,499Z" fill="%23FFF" transform="translate(-220.08 -343.52)"/><path d="M375.54,470.91a28,28,0,0,1-8.23,19.85L268,590.05a28.08,28.08,0,0,1-39.71-39.71l99.29-99.29a28.09,28.09,0,0,1,47.94,19.86Z" fill="%23FFF" transform="translate(-220.08 -343.52)"/></svg>');
}
.pale-btn:after{
    background-image: url('data:image/svg+xml;utf8,<svg class="i-arr-next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155.46 254.76"><path d="M347.46,499a28,28,0,0,1-19.86-8.23l-99.29-99.29A28.08,28.08,0,0,1,268,351.75L367.31,451A28.09,28.09,0,0,1,347.46,499Z" fill="%23000" transform="translate(-220.08 -343.52)"/><path d="M375.54,470.91a28,28,0,0,1-8.23,19.85L268,590.05a28.08,28.08,0,0,1-39.71-39.71l99.29-99.29a28.09,28.09,0,0,1,47.94,19.86Z" fill="%23000" transform="translate(-220.08 -343.52)"/></svg>');
}
.aformBtn:hover,
.red-btn:hover{
    color: #fff;
    -webkit-box-shadow: 0 0 0 #C6254F;
    box-shadow: 0 0 0 #C6254F;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.gry-btn:hover{
    color: #fff;
    -webkit-box-shadow: 0 0 0 #463D3D;
    box-shadow: 0 0 0 #463D3D;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.pale-btn:hover{
    color: #000;
    -webkit-box-shadow: 0 0 0 #E5E1E1;
    box-shadow: 0 0 0 #E5E1E1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.wht-btn{
    border: #ddd 1px solid;
    background-color: #fff;
    -webkit-box-shadow: 0 0.2em 0 rgba(0,0,0,.2);
    box-shadow: 0 0.2em 0 rgba(0,0,0,.2);
    -webkit-transform: translateY(-0.2em);
    transform: translateY(-0.2em);
}
.wht-btn:hover{
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 rgba(0,0,0,.2);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.label-btn{
    border: #ddd 1px solid;
    border-radius: 100px;
    padding: 0.4em 0.8em 0.4em;
    text-align: center;
    letter-spacing: 0;
}
.label-btn:after{
    display: none;
}
[class*="-btn"].clr-blue{
    color: #025868;
    border-color: #025868;
    background-color: #E8FBFF;
    -webkit-box-shadow: 0 0.1em 0 #025868;
    box-shadow: 0 0.1em 0 #025868;
}
[class*="-btn"].clr-yellow,
.label-btn[class*="-type-sake"]{
    color: #95A500;
    border-color: #95A500;
    background-color: #FBFFD1;
    -webkit-box-shadow: 0 0.1em 0 #95A500;
    box-shadow: 0 0.1em 0 #95A500;
}
[class*="-btn"].clr-green,
.label-btn[class*="-type-bun"]{
    color: #007A2D;
    border-color: #007A2D;
    background-color: #E4FFEE;
    -webkit-box-shadow: 0 0.1em 0 #007A2D;
    box-shadow: 0 0.1em 0 #007A2D;
}
[class*="-btn"].clr-red,
.label-btn[class*="-type-tasty"]{
    color: #90003D;
    border-color: #90003D;
    background-color: #FFF4F8;
    -webkit-box-shadow: 0 0.1em 0 #90003D;
    box-shadow: 0 0.1em 0 #90003D;
}
[class*="-btn"].clr-scarlet,
.label-btn[class*="-type-gentei"]{
    color: #A91D00;
    border-color: #A91D00;
    background-color: #FFF7F6;
    -webkit-box-shadow: 0 0.1em 0 #A91D00;
    box-shadow: 0 0.1em 0 #A91D00;
}
[class*="-btn"].clr-purple,
.label-btn[class*="-type-other01"]{
    color: #5A036F;
    border-color: #5A036F;
    background-color: #FCEEFF;
    -webkit-box-shadow: 0 0.1em 0 #5A036F;
    box-shadow: 0 0.1em 0 #5A036F;
}
[class*="-btn"].clr-navy,
.label-btn[class*="-type-other02"]{
    color: #0A2B71;
    border-color: #0A2B71;
    background-color: #F3F7FE;
    -webkit-box-shadow: 0 0.1em 0 #0A2B71;
    box-shadow: 0 0.1em 0 #0A2B71;
}
@media print, screen and (max-width:519px){
    .block [class*="-btn"]{
        padding: 0.4em 1em 0.3em;
    }
}

/*##################################################
    
    BLOCK MODULE
    
##################################################*/
/*
    block
*/
.block > article > div,
.block > article > div > div{
    height: 100%;
}
@media print, screen and (min-width:1366px){
    .block{
        margin: 0 -32px;
    }
    .block > div,
    .block > article{
        padding:  21px 32px 21px;
    }
    .block > div.col-4,
    .block > div.col-3{
        margin-right: -32px;
    }
    .block > div.col-4{
        width: 35.648%;
    }
    .block > div.col-3{
        width: 27.648%;
    }
    .block > .text-Layout{
        padding-top: 0;
    }
    .block > .attract-Layout,
    .block > .stronger-Layout,
    .block > .sns-Layout{
        padding-top: 43px;
        padding-bottom: 43px;
    }
    form{
        display: block;
    }
}
@media print, screen and (min-width:520px) and (max-width:1365px){
    .block{
        margin: 0 -2.3426vw;
    }
    .block > div,
    .block > article{
        padding: 1.5373vw 2.3426vw 1.5373vw;
    }
    .block > div.col-4,
    .block > div.col-3{
        margin-right: -2.3426vw;
    }
    .block > div.col-4{
        width: 35.648%;
    }
    .block > div.col-3{
        width: 27.648%;
    }
    .block > .text-Layout{
        padding-top: 0;
    }
    .block > .attract-Layout,
    .block > .stronger-Layout,
    .block > .sns-Layout{
        padding-top: 3.1478vw;
        padding-bottom: 3.1478vw;
    }
    form{
        display: block;
    }
}
@media print, screen and (min-width:520px) and (max-width:959px){
    .block > div.col-3{
        width: 27.448%;
    }
}
@media print, screen and (max-width:519px){
    .block{
        margin-bottom: 4.057vw;
        margin: 0 -4.057vw;
    }
    .block > div,
    .block > article{
        padding: 1em 4.057vw 1em;
    }
    .block > div.col-4,
    .block > div.col-3{
        margin-right: -4.057vw;
        width: 51.89%;
    }
    .block > .text-Layout{
        padding-top: 0;
    }
    .block > .attract-Layout,
    .block > .stronger-Layout,
    .block > .sns-Layout{
        padding-top: 11.594vw;
        padding-bottom: 11.594vw;
    }
    form{
        display: block;
    }
}
.block > div.unchor-line{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0;
    position: relative;
}
/*
    entry-header
*/
.breadcrumb li,
.tags{
    font-size: 71.4%;
}
/*breadcrumb*/
.block > .breadcrumb{
    padding-top: 0;
    padding-bottom: 0.5em;
    margin-bottom: 0;
}
.breadcrumb ul{
    line-height: 1;
}
.breadcrumb a{
    text-decoration: underline;
}
.breadcrumb a:hover{
    text-decoration: none;
}
.breadcrumb li{
    line-height: 1.4;
    display: inline-block;
}
.breadcrumb li:after{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    padding: 0 .7em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.3em;
    vertical-align: -0.1em;
    background-image: url('data:image/svg+xml;utf8,<svg class="i-arr-next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155.46 254.76"><path d="M347.46,499a28,28,0,0,1-19.86-8.23l-99.29-99.29A28.08,28.08,0,0,1,268,351.75L367.31,451A28.09,28.09,0,0,1,347.46,499Z" transform="translate(-220.08 -343.52)"/><path d="M375.54,470.91a28,28,0,0,1-8.23,19.85L268,590.05a28.08,28.08,0,0,1-39.71-39.71l99.29-99.29a28.09,28.09,0,0,1,47.94,19.86Z" transform="translate(-220.08 -343.52)"/></svg>');
}
.breadcrumb li:last-child:after{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.entry-header{
    position: relative;
}
@media print, screen and (max-width:519px){
    .entry-header{
        padding-top: 4.057vw;
    }
    .block > .breadcrumb{
        padding-top: 2.898vw;
    }
}
/*entry-meta*/
.block > .entry-meta{
    padding-top: 21px;
    padding-bottom: 11px;
}
@media print, screen and (min-width:520px) and (max-width:1365px){
    .block > .entry-meta{
        padding-top: 1.5373vw;
        padding-bottom: 0.8052vw;
    }
}
@media print, screen and (max-width:519px){
    .block > .entry-meta{
        padding-top: 4.057vw;
        padding-top: 2.8985vw;
    }
    .entry-meta .tags{
        margin-bottom: 1em;
    }
}

/*layout*/
[class*="-Layout"]{
    position: relative;
}
[class*="-Layout"] p{
    margin-bottom: 1.2em;
}
[class*="-Layout"] a{
    text-decoration: underline;
    font-weight: bold;
}
[class*="-Layout"] a:hover{
    text-decoration: none;
}
[class*="-Layout"] a[class*="-btn"]{
    color: #fff;
    text-decoration: none;
}
[class*="-Layout"] .price-area a[class*="-btn"]:after{
    vertical-align: -1px;
}
[class*="-Layout"] a.pale-btn,
[class*="-Layout"] a.wht-btn{
    color: inherit;
}
[class*="-Layout"] a[target="_blank"]:after{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNzIuNzggMjcyLjU3Ij48cGF0aCBkPSJNMzM4LjU1LDcwMi44NkgxMzIuMTNhMTQuNzYsMTQuNzYsMCwwLDEtMTQuNzUtMTQuNzVWNDgxLjY4YTE0Ljc1LDE0Ljc1LDAsMCwxLDE0Ljc1LTE0Ljc0aDkxLjc0YTE0Ljc1LDE0Ljc1LDAsMCwxLDAsMjkuNDloLTc3VjY3My4zN0gzMjMuODF2LTc3YTE0Ljc1LDE0Ljc1LDAsMSwxLDI5LjQ5LDB2OTEuNzRBMTQuNzUsMTQuNzUsMCwwLDEsMzM4LjU1LDcwMi44NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTcuMzggLTQzMC4yOCkiIGZpbGw9IiMwMEFCQkIiLz48cGF0aCBkPSJNMzkwLjE2LDQ0NC45NGMwLS40NiwwLS45MS0uMDctMS4zNiwwLS4yNC0uMDctLjQ2LS4xLS42OXMtLjA2LS40OS0uMTEtLjc0LS4xMi0uNTEtLjE5LS43Ni0uMS0uNDMtLjE2LS42NC0uMTctLjQ4LS4yNi0uNzMtLjE0LS40Mi0uMjMtLjYzLS4yMS0uNDUtLjMxLS42Ny0uMi0uNDMtLjMxLS42NC0uMjUtLjQyLS4zNy0uNjMtLjI0LS40MS0uMzctLjYtLjM0LS40OC0uNTItLjcxLS4yMS0uMy0uMzQtLjQ1YTE0LjQsMTQuNCwwLDAsMC0yLjA2LTIuMDdjLS4xNS0uMTItLjMxLS4yMy0uNDctLjM0cy0uNDUtLjM1LS42OS0uNTEtLjQxLS4yNS0uNjEtLjM4bC0uNjMtLjM3LS42NS0uMzFjLS4yMS0uMS0uNDMtLjIxLS42NS0uM2wtLjY1LS4yNGMtLjI0LS4wOS0uNDctLjE4LS43MS0uMjVzLS40NC0uMTEtLjY2LS4xNy0uNDktLjEzLS43NC0uMTgtLjUtLjA4LS43NS0uMTEtLjQ1LS4wOC0uNjgtLjFhMTIuNzUsMTIuNzUsMCwwLDAtMS4zOC0uMDdIMjcyLjJhMTQuNzUsMTQuNzUsMCwwLDAsMCwyOS40OWg2Ny42MkwyMTcuNTQsNTgyLjA1QTE0Ljc1LDE0Ljc1LDAsMCwwLDIzOC40LDYwMi45TDM2MC42Nyw0ODAuNjN2NjcuNjFhMTQuNzUsMTQuNzUsMCwxLDAsMjkuNDksMFY0NDQuOTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE3LjM4IC00MzAuMjgpIiBmaWxsPSIjMDBBQkJCIi8+PC9zdmc+');
    margin-right: 0.2em;
}
[class*="-Layout"] a[class*="-btn"][target="_blank"]:after{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNzIuNzggMjcyLjU3Ij48cGF0aCBkPSJNMzM4LjU1LDcwMi44NkgxMzIuMTNhMTQuNzYsMTQuNzYsMCwwLDEtMTQuNzUtMTQuNzVWNDgxLjY4YTE0Ljc1LDE0Ljc1LDAsMCwxLDE0Ljc1LTE0Ljc0aDkxLjc0YTE0Ljc1LDE0Ljc1LDAsMCwxLDAsMjkuNDloLTc3VjY3My4zN0gzMjMuODF2LTc3YTE0Ljc1LDE0Ljc1LDAsMSwxLDI5LjQ5LDB2OTEuNzRBMTQuNzUsMTQuNzUsMCwwLDEsMzM4LjU1LDcwMi44NloiIGZpbGw9IiNGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTcuMzggLTQzMC4yOCkiLz48cGF0aCBkPSJNMzkwLjE2LDQ0NC45NGMwLS40NiwwLS45MS0uMDctMS4zNiwwLS4yNC0uMDctLjQ2LS4xLS42OXMtLjA2LS40OS0uMTEtLjc0LS4xMi0uNTEtLjE5LS43Ni0uMS0uNDMtLjE2LS42NC0uMTctLjQ4LS4yNi0uNzMtLjE0LS40Mi0uMjMtLjYzLS4yMS0uNDUtLjMxLS42Ny0uMi0uNDMtLjMxLS42NC0uMjUtLjQyLS4zNy0uNjMtLjI0LS40MS0uMzctLjYtLjM0LS40OC0uNTItLjcxLS4yMS0uMy0uMzQtLjQ1YTE0LjQsMTQuNCwwLDAsMC0yLjA2LTIuMDdjLS4xNS0uMTItLjMxLS4yMy0uNDctLjM0cy0uNDUtLjM1LS42OS0uNTEtLjQxLS4yNS0uNjEtLjM4bC0uNjMtLjM3LS42NS0uMzFjLS4yMS0uMS0uNDMtLjIxLS42NS0uM2wtLjY1LS4yNGMtLjI0LS4wOS0uNDctLjE4LS43MS0uMjVzLS40NC0uMTEtLjY2LS4xNy0uNDktLjEzLS43NC0uMTgtLjUtLjA4LS43NS0uMTEtLjQ1LS4wOC0uNjgtLjFhMTIuNzUsMTIuNzUsMCwwLDAtMS4zOC0uMDdIMjcyLjJhMTQuNzUsMTQuNzUsMCwwLDAsMCwyOS40OWg2Ny42MkwyMTcuNTQsNTgyLjA1QTE0Ljc1LDE0Ljc1LDAsMCwwLDIzOC40LDYwMi45TDM2MC42Nyw0ODAuNjN2NjcuNjFhMTQuNzUsMTQuNzUsMCwxLDAsMjkuNDksMFY0NDQuOTRaIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE3LjM4IC00MzAuMjgpIi8+PC9zdmc+');
    margin-left: 0.3em;
}
[class*="-Layout"] a.pale-btn[target="_blank"]:after{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNzIuNzggMjcyLjU3Ij48cGF0aCBkPSJNMzM4LjU1LDcwMi44NkgxMzIuMTNhMTQuNzYsMTQuNzYsMCwwLDEtMTQuNzUtMTQuNzVWNDgxLjY4YTE0Ljc1LDE0Ljc1LDAsMCwxLDE0Ljc1LTE0Ljc0aDkxLjc0YTE0Ljc1LDE0Ljc1LDAsMCwxLDAsMjkuNDloLTc3VjY3My4zN0gzMjMuODF2LTc3YTE0Ljc1LDE0Ljc1LDAsMSwxLDI5LjQ5LDB2OTEuNzRBMTQuNzUsMTQuNzUsMCwwLDEsMzM4LjU1LDcwMi44NloiIGZpbGw9IiMwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTcuMzggLTQzMC4yOCkiLz48cGF0aCBkPSJNMzkwLjE2LDQ0NC45NGMwLS40NiwwLS45MS0uMDctMS4zNiwwLS4yNC0uMDctLjQ2LS4xLS42OXMtLjA2LS40OS0uMTEtLjc0LS4xMi0uNTEtLjE5LS43Ni0uMS0uNDMtLjE2LS42NC0uMTctLjQ4LS4yNi0uNzMtLjE0LS40Mi0uMjMtLjYzLS4yMS0uNDUtLjMxLS42Ny0uMi0uNDMtLjMxLS42NC0uMjUtLjQyLS4zNy0uNjMtLjI0LS40MS0uMzctLjYtLjM0LS40OC0uNTItLjcxLS4yMS0uMy0uMzQtLjQ1YTE0LjQsMTQuNCwwLDAsMC0yLjA2LTIuMDdjLS4xNS0uMTItLjMxLS4yMy0uNDctLjM0cy0uNDUtLjM1LS42OS0uNTEtLjQxLS4yNS0uNjEtLjM4bC0uNjMtLjM3LS42NS0uMzFjLS4yMS0uMS0uNDMtLjIxLS42NS0uM2wtLjY1LS4yNGMtLjI0LS4wOS0uNDctLjE4LS43MS0uMjVzLS40NC0uMTEtLjY2LS4xNy0uNDktLjEzLS43NC0uMTgtLjUtLjA4LS43NS0uMTEtLjQ1LS4wOC0uNjgtLjFhMTIuNzUsMTIuNzUsMCwwLDAtMS4zOC0uMDdIMjcyLjJhMTQuNzUsMTQuNzUsMCwwLDAsMCwyOS40OWg2Ny42MkwyMTcuNTQsNTgyLjA1QTE0Ljc1LDE0Ljc1LDAsMCwwLDIzOC40LDYwMi45TDM2MC42Nyw0ODAuNjN2NjcuNjFhMTQuNzUsMTQuNzUsMCwxLDAsMjkuNDksMFY0NDQuOTRaIiBmaWxsPSIjMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE3LjM4IC00MzAuMjgpIi8+PC9zdmc+');
}
[class*="-Layout"] mark{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #F7D1DB));
    background: -webkit-linear-gradient(transparent 60%, #F7D1DB 60%);
    background: linear-gradient(transparent 60%, #F7D1DB 60%);
    font-weight: bold;
}
@media print, screen and (max-width:519px){
}
/*page-title*/
.block > .page-title{
    padding-top: 21px;
}
.page-title h1,
.page-title h2{
    margin-bottom: 0;
}
@media print, screen and (min-width:520px) and (max-width:1365px){
    .block > .page-title{
        padding-top: 1.5373vw;
    }
}
@media print, screen and (max-width:519px){
    .block > .page-title{
        padding-top: 4.057vw;
    }
}
/*tip*/
.tip-new{
    position: relative;
}
@-webkit-keyframes tip-rotation{
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes tip-rotation{
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
.tip-new:before,
.tip-new:after{
    content: "";
    display: block;
    width: 2.143em;
    height: 2.143em;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -0.5em;
    margin-right: -0.6em;
    z-index: 2;
}
.tip-new:after{
    background-image: url('../svg/i-new.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
    -webkit-animation: .4s jump2 ease infinite alternate;
    animation: .4s jump2 ease infinite alternate;
}
.tip-new:before{
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    /*animation: 4s tip-rotation infinite linear;*/
    -webkit-animation: .4s jump ease infinite alternate;
    animation: .4s jump ease infinite alternate;
}
.relations .tip-new:before,
.relations .tip-new:after{
    display: none;
}
.relations.tip-new:before,
.relations.tip-new:after{
    top: 1em;
    right: 1.7em;
}
@-webkit-keyframes jump {
  0% {
    -webkit-transform: scale(1) rotate(15deg);
    transform: scale(1) rotate(15deg);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
  }
  100% {
    -webkit-transform: scale(1.05) rotate(15deg);
    transform: scale(1.05) rotate(15deg);
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
  }
}
@keyframes jump {
  0% {
    -webkit-transform: scale(1) rotate(15deg);
    transform: scale(1) rotate(15deg);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
  }
  100% {
    -webkit-transform: scale(1.05) rotate(15deg);
    transform: scale(1.05) rotate(15deg);
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
  }
}
@-webkit-keyframes jump2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes jump2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
/*tags*/
main .tags span,
main .tags a{
    display: inline-block;
    border-radius: 100px;
    margin: 0 0.5em 0.4em 0;
    padding: 0.5em 0.8em 0.5em;
    line-height: 1.2;
    -webkit-box-shadow: 0 0.1em 0 rgba(0,0,0,.2);
    box-shadow: 0 0.1em 0 rgba(0,0,0,.2);
    -webkit-transform: translateY(-0.1em);
    transform: translateY(-0.1em);
    text-decoration: none;
    color: #000;
    letter-spacing: 0;
}
.tags a:after{
    display: none;
}
.wht-btn:hover{
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 rgba(0,0,0,.2);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/*
    img,rich
*/
main .img{
    margin-bottom: 0.7em;
    position: relative;
    overflow: visible;
}
main .editor-layouts .img{
    margin-bottom: 0.5em;
}
main .editor-layouts [class*="Photo-Layout"] .label{
    margin-bottom: 0.4em;
}
main .editor-layouts [class*="Photo-Layout"] .img a{
    background: #fff;
}
main .editor-layouts [class*="Photo-Layout"] .movie{
    margin-bottom: 1em;
}
main .editor-layouts .tags{
    margin-bottom: -0.2em;
}
main .photo{
    position: relative;
    overflow: visible;
}
main .img > a{
    display: block;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    overflow: hidden;
}
.Layout-inner p > small{
    display: inline-block;
}
.rich-area ul,
.rich-area ol,
.Layout-inner ul,
.Layout-inner ol{
    padding-left: 1.4em;
}
.Layout-inner ul ul li{
    list-style: none;
    position: relative;
}
.Layout-inner ul ul li:before{
    content: "";
    display: block;
    width: 0.4em;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: -1em;
    top: 50%;
    margin-top: -1px;
}
.Layout-inner ul.li-type-chk li,
.Layout-inner ul.li-type-cross li,
li[class*="li-type-"]{
    list-style: none;
    position: relative;
}
.Layout-inner ul.li-type-chk li:before,
.Layout-inner ul.li-type-cross li:before,
.Layout-inner li.li-type-chk:before,
.Layout-inner li.li-type-cross:before{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    left: -1.4em;
    top: 50%;
    margin-top: -0.475em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.8em;
}
.Layout-inner ul.li-type-chk li:before,
.Layout-inner li.li-type-chk:before{
    background-image: url(../svg/i-chk.svg);
}
.Layout-inner ul.li-type-cross li:before,
.Layout-inner li.li-type-cross:before{
    background-image: url(../svg/i-cross.svg);
}
ul.idt{
   padding-left: 1.5em;
   margin-bottom: 0.5em; 
}
.idt > li{ 
    list-style: none;
    text-indent: -2.5em;
}
.idt > li > .head{
    display: inline-block;
    width: 2.5em;
    text-indent: 0;
    text-align: right;
    padding-right: .5em;
}
/*
    photo-layouts
*/
[class*="Photo-Layout"] .Layout-inner > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100% !important;
}
[class*="Photo-Layout"] .Layout-inner > div > *{
   -ms-flex-negative: 0;
}
[class*="Photo-Layout"] .tags{
    margin-top: auto;
}
.halfPhoto-Layout.relations .label{
    padding: 0 2em 0;
}
.halfPhoto-Layout.relations .aside{
    padding: 0 2em 0;
}
[class*="Photo-Layout"]  .aside p{
    margin-bottom: 0.6em;
}
.halfPhoto-Layout.relations .tags{
    padding: 0.3em 2.9em 2.6em;
}
[class*="Photo-Layout"] .label a span {/*基本設定。設定した高さより長くなった場合に文末以降が省略される*/
    display: inline-block;
    max-height: 3.984em;
    overflow: hidden;
    position: relative;
    text-align: justify;
    text-overflow: ellipsis;
    width:100%;
    margin:auto;
}
[class*="Photo-Layout"] .label a span::before, [class*="Photo-Layout"] .label a span::after {/*IE用。疑似要素に除外設定*/
  content: '...';
  line-height: 2;
  position: absolute;
  right: 0;
  top: 3em;
  -ms-wrap-flow: start;
}
[class*="Photo-Layout"] .label a span::after {
  background: currentColor;
  color: white;
  top: auto;
}
[class*="Photo-Layout"] .aside p{
    font-size: 87.5%;
}
.img img.mask{
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
@supports (-webkit-line-clamp: 2) {/*モダンブラウザ用*/
  [class*="Photo-Layout"] .label a span{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
  }
  [class*="Photo-Layout"] .label a span::before, [class*="Photo-Layout"] .label a span::after {
    content: normal;
  }
}
@media print, screen and (max-width:519px){
    main .img {
        margin-bottom: 0.3em;
    }
    main .editor-layouts .img{
        margin-bottom: 0.3em;
    }
    main .editor-layouts [class*="Photo-Layout"] .label {
        margin-bottom: 0.6em;
    }
}

/*
    h-Layout
*/
.h-Layout h2,
.h-Layout h3,
.h-Layout h4,
.h-Layout h5{
    margin-bottom: 0;
}
.h-Layout small{
    display: inline-block;
}
.h-Layout.h3-Layout{
    padding-bottom: 0;
}
.square .h-Layout.h3-Layout + .h-Layout.h4-Layout{
    padding-top: 0;
}
@media print, screen and (max-width:519px){
    .h-Layout h2{
    }
    .h-Layout .-row .btns{
        margin-bottom: -5.797vw;
    }
}
/*
    box-Layout
*/
.editor-layouts [class*="-box-Layout"] > div{
    padding: 1.9em 2.2em 1.4em;
}
@media print, screen and (max-width:519px){
    .editor-layouts [class*="-box-Layout"] > div{
        padding: 1.2em 1em;
    }
}
/*
    spacer-Layout
*/
.spacer-Layout > div{
    padding: 0;
}
hr{
    position: relative;
    height: 0px;
    width: 100%;
    border: none;
    background:transparent;
    padding: 0;
    margin: 0;
}
hr.bar{
    height: 8em;
}
/*
    product-Layout
*/
/*title*/
.block > .product-Layout{
    padding-top: 2em;
    padding-bottom: 2em;
}
.square .block > .product-Layout{
    margin-top: 2em;
}
.product-Layout .title{
    padding: 0;
    margin-top: 0;
}
.product-Layout .title:before{
    display: none;
}
/*graph*/
.graph{
    padding: 1.16em;
    position: relative;
    max-width: 196px;
}
.graph > div{
    background-size: contain;
}
.graph > span{
    position: absolute;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1;
}
.graph > span.left,
.graph > span.right{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .graph > span.left,
	.graph > span.right{
        letter-spacing: -0.3em;
    }
}
body.safari14 .graph > span.left,
    body.safari14 .graph > span.right {
        letter-spacing: 0.1em;
    }
.graph > span.top,
.graph > span.bottom{
    text-align: center;
}
.graph > span.top{
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.graph > span.bottom{
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.graph > span.left{
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.graph > span.right{
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*data-01*/
.product-Layout .data-01 ul{
    padding-left: 1.1em;
}
/*-area*/
.product-Layout .tags{
    margin-bottom: 0;
}
.product-Layout .title{
    margin-bottom: 1.0em;
}
.product-Layout .graph{
    margin-bottom: 2.3em;
    margin-top: 0.4em;
}
.product-Layout .rich-area{
    margin-bottom: 1.7em;
}
.product-Layout .btn-area{
    margin-bottom: 1.7em;
}
.product-Layout .data-01 ul li:last-child{
    margin-bottom: 1.6em;
}
/*price-area*/

[class*="product-Layout"] .price-area{
    padding: 2.142em 0;
}
[class*="product-Layout"] .price-area p{
    margin-bottom: 0;
    line-height: 1.4;
}
[class*="product-Layout"] .price-area p strong{
    font-size: 180%;
}
[class*="product-Layout"] .price-area .btn{
    position: relative;
}
/*img*/
.product-Layout .col{
    position: relative;
}
.product-Layout .col > .img{
    margin-left: 1.4em;
}
.col-12.product-Layout .col > .img,
.col-12.product-Layout .col > p{
    margin-left: 0;
    margin-right: 1.4em;
}
.col-12.product-Layout.typeA > .Layout-inner > .-row > .col:nth-child(2){
    padding-left: 2.4em;
}
.col-12.product-Layout.typeB > .Layout-inner > .-row > .col:nth-child(2){
    padding-left: 2.8em;
}
.col-12.product-Layout.photo-right > .Layout-inner > .-row > .col:nth-child(1){
    padding-left: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.col-12.product-Layout.photo-right > .Layout-inner > .-row > .col:nth-child(2){
    padding-right: 2.8em;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.col-12.product-Layout.photo-right .col > .img,
.col-12.product-Layout.photo-right .col > p{
    margin-right: 0;
    margin-left: 1.4em;
}
.col-12.product-Layout.photo-right .flag{
    right: 2.8em;
}

.product-Layout .tip-img{
    color: #fff;
    position: absolute;
    left: 3%;
    top: 1.4%;
    width: 18.738%;
}
.product-Layout.typeA .tags,
.product-Layout.typeA .flag + .title{
    padding-right: 18%;
}
main .product-Layout .tags span{
    margin-bottom: 1.4em;
}
.product-Layout.typeB .tags{
    padding-right: 6.428vw;
}
.product-Layout .flag{
    position: absolute;
    right: 0;
    top: -1.642vw;
    width: 7.031vw;
}
@media print, screen and (min-width:520px) and (max-width:1365px){
    .product-Layout .flag{
        width: 4.6852vw;
        top: -0.8052vw;
    }
    .product-Layout.typeB .tags{
        padding-right: 7.0278vw;
    }
}
@media print, screen and (min-width:1366px){
    .product-Layout .flag{
        width: 64px;
        top: -10px;
    }
    .product-Layout.typeB .tags,
    .product-Layout.typeB .flag + .title{
        padding-right: 96px;
    }
}
@media print, screen and (max-width:519px){
    main .product-Layout .tags{
        margin-bottom: 0;
    }
    .product-Layout .graph{
        margin-bottom: 1.7em;
    }
    .product-Layout .data-01 ul li:last-child{
        margin-bottom: 1.8em;
    }
    .col-12.product-Layout.typeA > .Layout-inner > .-row > .col:nth-child(2),
    .col-12.product-Layout.typeB > .Layout-inner > .-row > .col:nth-child(2),
    .col-12.product-Layout.photo-right > .Layout-inner > .-row > .col:nth-child(2),
    .col-12.product-Layout.photo-right > .Layout-inner > .-row > .col:nth-child(1){
        padding-right: 0;
        padding-left: 0;
    }
    .col-12.product-Layout.photo-right .col-8{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .col-12.product-Layout.photo-right .col-4{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .col-12.product-Layout.photo-right .col > .img{
        margin-left: 0;
    }
    .col-12.product-Layout.photo-right .flag{
        right: 0;
    }
}

.product-Layout .tags + .flag + .title,
.product-Layout.typeA .tags + .flag + .title,
.product-Layout.typeB .tags + .flag + .title{
    padding-right: 0;
}
body main .product-Layout .flag + .title.no-tags{
    padding-right: 18% !important;
}
@media print, screen and (max-width:519px){
    body main .product-Layout .flag + .title.no-tags{
        padding-right: 23% !important;
    }
}
/*banner*/
.banner-product-Layout .Layout-inner > .-row{
    padding: 1em;
}
.banner-product-Layout .Layout-inner .data{
    -ms-flex-item-align: center;
    align-self: center;
}
.banner-product-Layout .data{
    padding: 0 0 0 1.8em;
    
}
[class*="-Layout"].banner-product-Layout h3{
    margin: 0 0 0.6em;
    padding-left: 0;
    padding-right: 1em;
    padding-bottom: 0;
    width: auto;
    flex: 1;
}
[class*="-Layout"].banner-product-Layout .tags{
    margin: 0 0 0.6em;
    padding-top: 0.4em;
    padding-bottom: 0;
    width: auto;
    min-width: 20%;
    max-width: 38%;
}
[class*="-Layout"].banner-product-Layout h3 a {/*基本設定。設定した高さより長くなった場合に文末以降が省略される*/
    display: inline-block;
    max-height: 3.284em;
    overflow: hidden;
    position: relative;
    text-align: justify;
    text-overflow: ellipsis;
    width:100%;
    margin:auto;
}
[class*="-Layout"].banner-product-Layout h3 a::before, [class*="-Layout"].banner-product-Layout h3 a::after {/*IE用。疑似要素に除外設定*/
  content: '...';
  line-height: 2;
  position: absolute;
  right: 0;
  top: 3em;
  -ms-wrap-flow: start;
}
[class*="-Layout"].banner-product-Layout h3 a::after {
  background: currentColor;
  color: white;
  top: auto;
}
@supports (-webkit-line-clamp: 2) {/*モダンブラウザ用*/
  [class*="-Layout"].banner-product-Layout h3 a {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
  }
  [class*="-Layout"].banner-product-Layout h3 a::before, [class*="-Layout"].banner-product-Layout h3 a::after {
    content: normal;
  }
}
.banner-product-Layout h3:before{
    display: none;
}
.banner-product-Layout .aside p{
    font-size: 87.5%;
    padding-bottom: 1em;
}
.banner-product-Layout .price-area{
    margin-bottom: 0;
    padding-bottom: 0;
}
.banner-product-Layout .photo{
    width: 23.032%;
}
.banner-product-Layout .data{
    width: 76.9%;
}
.banner-product-Layout .tip-new:before,
.banner-product-Layout .tip-new:after{
    left: 19.2%;
    top: 0em;
    right: auto;
}
.banner-product-Layout .col-8,
.banner-product-Layout .tags{
    padding-bottom: 0.6em;
}
.banner-product-Layout .tags{
    padding-top: 0.4em;
}
.banner-product-Layout .price-area{
    padding: 1.042em 0 0;
}
.banner-product-Layout .price-area p{
    margin-bottom: 0;
}

[class*="product-Layout"] .price-area .col-9{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.14em;
}
[class*="product-Layout"] .price-area .col-3{
    width: auto;
}
[class*="product-Layout"] .btn a{
    white-space: nowrap;
}
[class*="product-Layout"] .price-area .btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
[class*="product-Layout"] .price-area .btn [class*="-btn"]{
    white-space: nowrap;
    position: relative;
    padding: 0.4em 1em 0.3em;
    font-size: 90%;
}
@media print, screen and (max-width:519px){
    [class*="product-Layout"] .price-area .btn a{
        font-size: 85.714%;
    }
    .col-12.product-Layout .col > .img{
        margin-right: 0;
        text-align: center;
    }
    .col-12.product-Layout > .Layout-inner > .-row > .col:nth-child(2){
        padding-left: 0;
    }
    .graph{
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    .col-6.product-Layout .graph{
        max-width: 100%;
    }
    .graph > span{
        line-height: 1.1;
        letter-spacing: 0;
    }
    [class*="product-Layout"] .img > a{
        display: inline-block;
    }
    .product-Layout .flag{
        width: 20vw;
        top: -0.5vw;
    }
    .col-12.product-Layout .tags{
        padding-right: 20vw;
        padding-top: 0.5em;
    }
    .col-12.product-Layout.typeA > .Layout-inner > .-row > .col:nth-child(1) {
        padding-top: 0;
    }
    .product-Layout .tip-img{
        top: 0;
    }
    .banner-product-Layout .Layout-inner > .-row{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .banner-product-Layout .photo{
        width: 30%;
    }
    .banner-product-Layout .data{
        width: 70%;
        padding: 0.6em 0.8em;
    }
    .banner-product-Layout .price-area{
        margin-left: -27vw;
        border-top: none;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 84.3vw;
        padding-top: 0.8em;
    }
    .banner-product-Layout .-row h3{
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding-right: 0;
        min-height: 3.6em;
    }
    [class*="-Layout"].banner-product-Layout .tags{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    [class*="product-Layout"] .price-area .btn{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .banner-product-Layout .tip-new:before,
    .banner-product-Layout .tip-new:after{
        left: 21%;
    }
}
/*
    talk-Layout
*/
.editor-layouts [class*="-talk-Layout"] .bubble{
    padding: 2em 2.4em;
    position: relative;
    margin-bottom: 1em;
}
.editor-layouts [class*="-talk-Layout"] .face p:last-child{
    margin-bottom: 0.5em;
}
.editor-layouts [class*="-talk-Layout"].face-left .face{
    padding-right: 2.85%;
}
.editor-layouts [class*="-talk-Layout"].face-right .face{
    padding-left: 2.85%;
}
.editor-layouts [class*="-talk-Layout"].face-left .talk{
    padding-left: 6.899%;
}
.editor-layouts [class*="-talk-Layout"].face-right .talk{
    padding-right: 6.899%;
}
.editor-layouts [class*="-talk-Layout"] .bubble:before,
.editor-layouts [class*="-talk-Layout"] .bubble:after{
    content: "";
    position: absolute;
    top: 2em;
}
.editor-layouts .gry-talk-Layout.face-left .bubble:after{
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-right: 2em solid #F5F3F3;
    right: 100%;
}
.editor-layouts .gry-talk-Layout.face-right .bubble:after{
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-left: 2em solid #F5F3F3;
    left: 100%;
}
.editor-layouts .red-talk-Layout.face-left .bubble:after{
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-right: 2em solid #FBF2F6;
    right: 100%;
}
.editor-layouts .red-talk-Layout.face-right .bubble:after{
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-left: 2em solid #FBF2F6;
    left: 100%;
}
.editor-layouts [class*="-talk-Layout"].face-right .aside{
    text-align: right;
    color: inherit;
}
@media print, screen and (max-width:519px){
    .editor-layouts .gry-talk-Layout.face-left .bubble:after{
        border-top: 0.5em solid transparent;
        border-bottom: 0.5em solid transparent;
        border-right: 1em solid #F5F3F3;
    }
    .editor-layouts .gry-talk-Layout.face-right .bubble:after{
        border-top: 0.5em solid transparent;
        border-bottom: 0.5em solid transparent;
        border-left: 1em solid #F5F3F3;
    }
    .editor-layouts .red-talk-Layout.face-left .bubble:after{
        border-top: 0.5em solid transparent;
        border-bottom: 0.5em solid transparent;
        border-right: 1em solid #FBF2F6;
    }
    .editor-layouts .red-talk-Layout.face-right .bubble:after{
        border-top: 0.5em solid transparent;
        border-bottom: 0.5em solid transparent;
        border-left: 1em solid #FBF2F6;
    }
    .editor-layouts [class*="-talk-Layout"] .bubble{
        padding: 1em 1.2em;
    }
    .editor-layouts [class*="-talk-Layout"].face-left .face{
        padding-right: 5%;
        width: 35.2%;
    }
    .editor-layouts [class*="-talk-Layout"].face-right .face{
        padding-left: 5%;
        width: 35.2%;
    }
    .editor-layouts [class*="-talk-Layout"].face-left .talk{
        width: 64.8%;
        padding-left: 0;
    }
    .editor-layouts [class*="-talk-Layout"].face-right .talk{
        width: 64.8%;
        padding-right: 0;
    }
    .editor-layouts [class*="-talk-Layout"] .face .rich-area{
        font-size: 80%;
    }
}
/*
    table-Layout
*/
.editor-layouts table{
    width: 100%;
}
.editor-layouts th,
.editor-layouts td{
    min-width: 3em;
    padding: 1.1em 1.2em;
    line-height: 1.7;
}
.editor-layouts th{
    text-align: center;
    font-weight: bold;
}
.editor-layouts td.label{
    font-weight: bold;
    font-weight: bold;
}
.tbl-fix td.label{
    width: 24.3%;
}
.tbl-fix td.btn{
    width: 17.3%;
    text-align: center;
}
.tbl-fix td.btn a{
    margin-bottom: -0.2em;
    white-space: nowrap;
}
.tbl-auto{
    table-layout: fixed;
}
.editor-layouts td p:last-child{
    margin-bottom: 0;
}
@media print, screen and (max-width:519px){
    .editor-layouts .sp-flex-Layout table,
    .editor-layouts .sp-flex-Layout table tbody,
    .editor-layouts .sp-flex-Layout table thead,
    .editor-layouts .sp-flex-Layout table th,
    .editor-layouts .sp-flex-Layout table td{
        display: block;
        width: 100%;
    }
    .editor-layouts .sp-flex-Layout table tr{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .sp-flex-Layout .tbl-fix{
        margin-bottom: 0.4em;
    }
    .sp-flex-Layout .tbl-fix td.label{
        width: 100% !important;
        border-right: #E5E1E1 1px solid;
        border-bottom: #DC426A 1px solid;
    }
    .sp-flex-Layout .tbl-fix td.text{
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-bottom: none;
    }
    .tbl-fix td.btn a{
        white-space: nowrap;
        font-size: 85.714%;
    }
    .sp-flex-Layout .tbl-fix td.btn{
        width: auto !important;
        border-bottom: none;
        border-left: none;
    }
    .editor-layouts th,
    .editor-layouts td{
        padding: 0.445em 1em;
    }
    .sp-flex-Layout .tbl-fix{
        border-bottom: #E5E1E1 1px solid;
    }
}
/*
    button-Layout
*/
.button-Layout .wa{
    margin: 0.2em 1em;
}
/*
    step-Layout
*/
@media print, screen and (min-width:520px){
    .step-Layout{
        margin-bottom: 0;
    }
}
@media print, screen and (min-width:1366px){
    .step-Layout{
        margin-bottom: 0;
    }
}
.step-Layout .col{
    padding: 0.8em 1em;
}
.step-Layout .col.step{
    min-width: 12%;
    max-width: 24%;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.8em;
    padding-right: 0.8em;
    line-height: 1.4;
    font-size: 110%;
}
.step-Layout .col.img{
    width: 12.2%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.step-Layout .col.rich-area{
    width: 87.8%;
}
.step-Layout .col.label{
    min-width: 76%;
    max-width: 88%;
    flex: 1;
    line-height: 1.4;
}
.step-Layout .col.label h4{
    margin-bottom: 0;
    padding-left: 1em;
}
.step-Layout .col.img,
.step-Layout .col.rich-area{
    padding-top: 1.8em;
}
.step-Layout .col.img > div{
    display: block;
    position: relative;
    border-radius: 50%;
    margin: 0.2em auto;
}
.step-Layout .col.img > div img{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.step-Layout .col.img span{
    font-size: 71.428%;
    display: block;
}
@media print, screen and (min-width:520px){
    .step-Layout .col.img > div{
        width: 4.6852vw;
        height: 4.6852vw;
    }
}
@media print, screen and (min-width:1366px){
    .step-Layout .col.img > div{
        width: 64px;
        height: 64px;
    }
}
@media print, screen and (max-width:519px){
    .step-Layout .col {
        padding: 0.6em 0em;
    }
    .step-Layout .col.step{
    }
    .step-Layout .col.label{
    }
    .step-Layout .col.label h4{
        font-size: 100%;
    }
    .step-Layout .col.img{
        width: 14%;
        padding-top: 1em;
    }
    .step-Layout .col.img > div{
        width: 11vw;
        height: 11vw;
    }
    .step-Layout .col.rich-area{
        width: 86%;
        padding-left: 0.3em;
        padding-top: 1.5em;
    }
}
/*
    stronger-Layout
*/
.editor-layouts > .stronger-Layout{
}
.stronger-Layout > div{
    padding: 0.7em 1.5em;
    text-align: center;
}
.stronger-Layout strong{
    font-size: 142.8%;
    font-weight: bold;
    color: #fff;
}
.stronger-Layout small{
    display: block;
    text-align: center;
    margin-bottom: -0.7em;
}
@media print, screen and (max-width:519px){
    .stronger-Layout > div{
        padding: 1em;
    }
    .stronger-Layout strong{
        font-size: 128.57%;
    }
}
/*
    writer-Layout
*/
.writer-Layout .Layout-inner > div{
    padding: 2em;
    position: relative;
}
.writer-Layout h4{
    position: relative;
}
.writer-Layout .photo{
    width: 20%;
}
.writer-Layout .data{
    width: 80%;
    padding-left: 1.4em;
}
@media print, screen and (max-width:519px){
    .writer-Layout .Layout-inner > div{
        padding: 1em;
    }
    .writer-Layout h4{
        padding-left: 2em;
    }
    .writer-Layout .photo{
        width: 30%;
        font-size: 85.714%;
    }
    .writer-Layout .data{
        width: 70%;
        padding-left: 0.4em;
    }
}
/*
    attract-Layout
*/

.attract-Layout .attract{
    position: relative;
    max-height: 7em;
    overflow: hidden;
}
.attract-Layout .attract:after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    pointer-events: none;
}
.attract-Layout .btn-area{
    padding-top: 0.5em;
}

@media print, screen and (min-width:1366px){
}
@media print, screen and (min-width:520px) and (max-width:1365px){
}
@media print, screen and (max-width:519px){
}

/*rich-area*/
.rich-area img{
    max-width: 100% !important;
    height: auto !important;
}

/*tab*/
.tab-Layout .inner{
    overflow: hidden;
}
.tab-Layout .tab-item{
    position: relative;
    padding: 0 2px 0;
    margin: 0 -8px;
}
.tab-Layout [class*="js-tab"]{
    padding: 0 10px;
    position: relative;
    margin-bottom: 1.2em;
    overflow: hidden;
}
.tab-Layout [class*="js-tab"]:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    border-bottom: #615555 2px solid;
}
.tab-Layout [class*="js-tab"] label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    position: relative;
    border: #F5F3F3 2px solid;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background-color: #F5F3F3;
    padding: 0.3em 0.2em;
    cursor: pointer;
    font-weight: bold;
    height: 100%;
}
.tab-Layout [class*="js-tab"]:hover label{
    -webkit-transform: translateY(0.2em);
    transform: translateY(0.2em);
}
.tab-content{

}
.tab{
    display:none;
    padding: 0px;
}
[class*="js-tab"].is-active label{
    border: #615555 2px solid;
    border-bottom-color: #fff;
    background-color: #fff;
    pointer-events: none;
    z-index: 2;
}
[class*="js-tab"].is-active{
    pointer-events: none;
}
[class*="js-tab"].is-active:hover label{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.tab.is-show{
    display:block;
}

/*flow-Layout*/
.flow-Layout .flow{
    background: #fff;
    border-radius: 0.2em;
}
.flow-Layout .col{
    padding: 2px 2px;
    position: relative;
    left: 1px;
}
.flow-Layout .col.current{
    padding: 0px 2px;
    left: 0;
}
.flow-Layout .col > div{
    background-color: #f5f5f5;
    height: 100%;
    line-height: 1;
    padding: 1.5em 0;
    text-align: center;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.flow-Layout .col.first-child,
.flow-Layout .col.last-child{
    left: 0;
}
.flow-Layout .col.first-child > div{
    border-radius: 0.3em 0 0 0.3em;
}
.flow-Layout .col.last-child > div{
    border-radius: 0 0.3em 0.3em 0;
}
.flow-Layout .col.current > div{
    background-color: #615555;
    color: #fff;
}
.flow-Layout .col > div:before{
    content: "";
    position: absolute;
    border-top: 2em solid transparent;
    border-bottom: 2em solid transparent;
    border-left: 1.4em solid #fff;
    left: 0%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.flow-Layout .col > div:after{
    content: "";
    position: absolute;
    border-top: 2em solid transparent;
    border-bottom: 2em solid transparent;
    border-left: 1.4em solid #f5f5f5;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.flow-Layout .col.current > div:after{
    border-top: 2.15em solid transparent;
    border-bottom: 2.15em solid transparent;
    border-left: 1.4em solid #615555;
}
.flow-Layout .col.first-child > div:before{
    display: none;
}
.flow-Layout .col.last-child > div:after{
    display: none;
}
.flow-Layout .col > div span{
    max-width: 82%;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media print, screen and (max-width:519px){
    .flow-Layout .col > div:before{
        border-top: 2em solid transparent;
        border-bottom: 2em solid transparent;
        border-left: 0.6em solid #fff;
    }
    .flow-Layout .col > div:after{
        border-top: 2em solid transparent;
        border-bottom: 2em solid transparent;
        border-left: 0.6em solid #f5f5f5;
    }
    .flow-Layout .col.current > div:after{
        border-top: 2em solid transparent;
        border-bottom: 2em solid transparent;
        border-left: 0.6em solid #615555;
    }
    .flow-Layout .inner{
        margin-right: -4.057vw;
        margin-left: -4.057vw;
        overflow-x: scroll;
    }
    .flow-Layout .-row{
        margin-left: 4.057vw;
        display: block;
        white-space: nowrap;
    }
    .flow-Layout .col-4{
        display: inline-block;
        width: 38%;
        font-size: 80%;
    }
    .flow-Layout .col-4:last-child{
        width: 20%;
    }
}

/*sns-Layout*/
.sns-Layout .wa{
    margin-right: 0.3em;
}
.sns-Layout [class*="-btn"]{
    line-height: 1;
    min-width: 1px;
    padding: 0;
    border-radius: 0.3em;
    overflow: hidden;
    border: none;
}
.sns-Layout [class*="-btn"]:after{
    display: none;
}
.sns-Layout img{
    height: 25px;
}
.sns-Layout .tw-btn{
    -webkit-box-shadow: #2697E9 0 0.15em 0;
    box-shadow: #2697E9 0 0.15em 0;
}
.sns-Layout .fb-btn{
    -webkit-box-shadow: #3B5998 0 0.15em 0;
    box-shadow: #3B5998 0 0.15em 0;
}
.sns-Layout .ln-btn{
    -webkit-box-shadow: #05842B 0 0.15em 0;
    box-shadow: #05842B 0 0.15em 0;
}
.sns-Layout [class*="-btn"]:hover{
    -webkit-transform: translateY(0.15em);
    transform: translateY(0.15em);
}
.sns-Layout .tw-btn:hover{
    -webkit-box-shadow: #2697E9 0 0 0;
    box-shadow: #2697E9 0 0 0;
}
.sns-Layout .fb-btn:hover{
    -webkit-box-shadow: #3B5998 0 0 0;
    box-shadow: #3B5998 0 0 0;
}
.sns-Layout .ln-btn:hover{
    -webkit-box-shadow: #05842B 0 0 0;
    box-shadow: #05842B 0 0 0;
}
@media print, screen and (min-width:520px) and (max-width:1365px){
    .sns-Layout img{
        height: 1.8301vw;
    }
}
/*important*/
.info #important{
    background-color: #FCEEF2;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
#important .-row{
    
}
#important .head{
    line-height: 1.8;
}
#important .article{
    font-size: 85.714%;
}
#important .article .g-clr{
    font-weight: normal;
}
@media print, screen and (max-width:519px){
    #important{
        padding: 1.2em;
    }
}
@media print, screen and (min-width:520px) and (max-width:959px){
    .info section#important{
        margin-left: -4.4vw;
        margin-right: -4.4vw;
        width: auto;
        padding-left: 9.7vw;
        padding-right: 9.7vw;
    }
}
/*news-Layout*/
body.index .news-Layout{
    margin-bottom: 1.828em;
}
.block > .news-Layout{
    padding-bottom: 0;
}
.block > .news-Layout ul{
    padding-left: 0;
}
.news-Layout li{
    padding: 0.75em 1.4em;
    margin: 0;
    border-radius: 0.4em;
}
.news-Layout li:nth-child(odd){
    background-color: #F5F3F3;
}
.news-Layout li p{
    margin: 0;
}
.news-Layout li .date{
    width: 8em;
}
.news-Layout li .title{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-right: 3.1428em;
}
.news-Layout li .title{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-Layout li .title .new:before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.1428em;
    height: 1em;
    background: url(../svg/tip-new.svg) no-repeat center center;
    background-size: contain;
}
@media print, screen and (max-width:519px){
    .news-Layout li .date,
    .news-Layout li .title{
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }
    .news-Layout li .date, .news-Layout li{
        position: relative;
    }
    .news-Layout li .date, .news-Layout li .title{
        padding-right: 0;
        position: static;
    }
    .news-Layout li .date, .news-Layout li .date{
        padding-right: 3.1428em;
    }
    .news-Layout li .title .new:before{
        -webkit-transform: none;
        transform: none;
        right: 1.4em;
        top: 1.3em;
    }
}


















/*modal window*/
.c-modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

.c-modal_bg {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.c-modal_content {
    background: transparent;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.c-modal_content._lg{
    max-width: 70%;
    max-height: 90vh;
}
.c-modal_content_inner {
    position: relative;
    padding: 26px;
    text-align: center;
    max-height: 90vh;
}
.c-modal_content_inner img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 87vh;
}
.c-modal p.caption{
    color: #fff;
    text-align: left;
}
.c-modal_close {
    position: absolute;
    top: -17px;
    right: -17px;
    overflow: hidden;
    text-indent: -999%;
}
.c-modal_close:before {
    content: "";
    display: block;
    background: url(../svg/js-close-w.svg) no-repeat center center;
    background-size: contain;
    width: 32px;
    height: 32px;
}
@media print, screen and (min-width:520px) and (max-width:1365px){
    .c-modal_content_inner {
        padding: 1.8301vw;
    }
    
    .c-modal_close {
        top: -1.2445vw;
        right: -1.2445vw;
    }
    .c-modal_close:before {
        width: 2.3426vw;
        height: 2.3426vw;
    }
}
@media print, screen and (max-width:519px){
    .c-modal_content._lg{
        width: 98%;
    }
    .c-modal_content_inner {
        padding: 0;
    }
    
    .c-modal_close {
        top: -10.7vw;
        right: 0;
    }
    .c-modal_close:before {
        width: 8.7vw;
        height: 8.7vw;
    }
}




/*=====================================
    simple-Layout
=====================================*/
#simple-Layout > div{
    width: 100%;
    max-width: 840px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#simple-Layout #container{
    min-height: calc(100% - 106px);
    padding: 20px 60px 60px;
}
#simple-Layout #header{
    position: relative;
}
#simple-Layout #header .logo{
    display: inline-block;
    padding: 20px;
    margin: 0;
    width: 200px;
    height: 76px;
}
#simple-Layout #header .logo a{
    display: block;
}
#simple-Layout #header .logo a:hover{
    opacity: 0.8;
}
#simple-Layout #footer .pagetop{
    width: 60px;
    right: 50%;
    bottom: 0;
    margin-right: -683px;
    position: fixed;
    bottom: -9px;
    background: #fff;
    z-index: 9;
    padding-top: 10px;
    -webkit-transition: 0s;
    transition: 0s;
}
#simple-Layout #footer .pagetop a{
    display: block;
    width: 15.03%;
    height: 92.77px;
    margin: auto;
    -webkit-transition: 0s;
    transition: 0s;
}
#simple-Layout #footer .pagetop img{
    height: 100%;
}
#simple-Layout #container #content{
    max-width: 800px;
    margin: auto;
}
@media print, screen and (max-width:1365px){
    #simple-Layout #footer .pagetop{
        right: 0;
        margin-right: 0;
    }
}

/*
    form module
*/
.page-form .scroll-box .Layout-inner{
    padding: 0;
    overflow: hidden;
}
.page-form .scroll-box .Layout-inner .rich-area{
    padding: 1.8em 2.2em;
}
.aform > .aform-header{
    display: none;
}
.aform-content p.error{
    color: #DC426A;
    font-weight: bold;
}
::-webkit-input-placeholder{
    color: #999999;
}
:-ms-input-placeholder{
    color: #999999;
}
::-ms-input-placeholder{
    color: #999999;
}
::placeholder{
    color: #999999;
}
form input[type="text"],
form input[type="number"],
form input[type="password"],
form input[type="email"],
form input[type="tel"],
form textarea,
form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    border: none;
    background-color: #F5F3F3;
    padding: 0.7em 1em;
    line-height: 1;
    width: 100%;
    outline: none;
    border-radius: 0.3em;
}
form select{
    font-weight: bold;
    border: #DDDDDD 1px solid;
    padding-right: 2.5em;
    text-overflow: ellipsis;
}
form .selectdiv{
    position: relative;
}
form .selectdiv:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.8em;
    height: 0.8em;
    top: 50%;
    right: 1.2em;
    cursor: pointer;
    background: url(../svg/i-arr-next.svg) no-repeat center center;
    -webkit-transform: translateY(-0.4em) rotate(90deg);
    transform: translateY(-0.4em) rotate(90deg);
    background-size: contain;
    pointer-events: none;
}
input[type="checkbox"] + label{
    padding-left: 0.4em;
}
.aform-checkbox-ul li{
    list-style: none;
}
.aform-horizontal-ul li{
    display: inline-block;
    padding-right: 2em;
}
/*form table type*/
form .block td.text{
    padding-top: 0.712em;
    padding-bottom: 0.712em;
}
form .required .label div{
    padding-right: 2.8em;
    position: relative;
}
form .required .label div:after{
    content: "";
    display: block;
    position: absolute;
    width: 2.341em;
    height: 2em;
    background: url(../svg/i-required-n.svg) no-repeat center center;
    background-size: contain;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
form .err-msg{
    font-size: 85.714%;
    font-weight: bold;
    color: #DC426A;
    margin: -0.5em 0 0;
}
form .error input[type="text"],
form .error input[type="number"],
form .error input[type="password"],
form .error input[type="email"],
form .error input[type="tel"],
form .error textarea{
    background-color: #FCEEF2;
    color: #DC426A;
}
form .block td select{
    padding: 0.975em 1em;
}
/*form photo type*/
form .editor-layouts [class*="Photo-Layout"] .label{
    margin: 0;
    font-weight: bold;
}
form .editor-layouts [class*="Photo-Layout"] .Layout-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 100%;
}
form .editor-layouts [class*="Photo-Layout"] .Layout-inner > *{
   -ms-flex-negative: 0;
   flex-shrink: 0;
}
form .editor-layouts [class*="Photo-Layout"] .Layout-inner .control {
  margin-top: auto;
  margin-bottom: 0;
  text-align: center;
}
form input[type="radio"]{
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}
form input[type="radio"] + label{
    padding-left: 0.2em;
    vertical-align: 0.1em;
}
.aform-radio-ul li{
    list-style: none;
    display: inline-block;
    margin-left: 1em;
}

.aform-content form,
.aform-content span.h-adr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -32px;
}
.aform-content span.h-adr{
    width: 100%;
    margin: 0 0;
}
.aform-content [class*="dl_"],
.aform-content [class*="midashi"]{
    width: 100%;
    padding: 21px 32px;
}
.aform-content [class*="dl_"]{
    display: table;
    margin: -1px 0 0;
    padding-top: 0;
    padding-bottom: 0;
}
.aform-content [class*="dl_"] dt,
.aform-content [class*="dl_"] dd{
    display: table-cell;
    min-width: 3em;
    padding: 1.1em 1.2em;
    border: #E5E1E1 1px solid;
    vertical-align: middle;
    background-color: #fff;
}
.aform-content [class*="dl_"] dt{
    border-right: #DC426A 2px solid;
    background-color: #F5F3F3;
    width: 24.3%;
    font-weight: bold;
    position: relative;
    padding-right: 3em;
}
.aform-content [class*="dl_"] dd{
    padding-top: 0.712em;
    padding-bottom: 0.712em;
}
.aform-content [class*="midashi"] > div{
    display: block;
    position: relative;
    padding-left: 0.8em;
    margin-bottom: 0.3em;
    font-size: 142.8%;
    font-weight: bold;
}
.aform-content [class*="midashi"] > :before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    min-height: 1em;
    width: 3px;
    border-radius: 4px;
    background-color: #DC426A;
    height: calc(100% - 1.1em);
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.aform-content [class*="dl_item"]{
    width: 27.648%;
    margin-right: -32px;
    margin-top: 0;
    padding: 21px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.aform-content [class*="dl_item"] > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.aform-content [class*="dl_item"]:before{
    content: "";
    width: 100%;
    height: 0;
    padding-top: 100%;
    display: block;
    position: relative;
    border-radius: 1em;
    overflow: hidden;
    margin-bottom: 0.8em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.aform-content [class*="dl_item"] dt,
.aform-content [class*="dl_item"] dd{
    display: block;
    border: none;
    padding: 0;
    width: 100%;
    background: none;
}
.aform-content [class*="dl_item"] dd {
    margin-top: auto;
    margin-bottom: 0;
}
span.aform-validation{
    display: block;
    font-size: 75%;
    color: #888;
    font-weight: normal;
    line-height: 1.6;
}
.aform-button-area{
    padding: 3em 2em 1.5em;
    text-align: center;
    display: block;
    width: 100%;
}
.aformBtn{
    position: relative;
    display: inline-block;
    -webkit-transition: 0s;
    transition: 0s;
    margin: 0 1em;
}
.aformBtn.type-submit:after,
.aformBtn.type-next:after{
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -0.13em;
    pointer-events: none;
    -webkit-transition: 0s;
    transition: 0s;
}
.aformBtn.type-back:after{
    position: absolute;
    left: 1em;
    top: 50%;
    background-image: url(../svg/i-arr-next.svg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    margin-top: -0.13em;
    pointer-events: none;
    -webkit-transition: 0s;
    transition: 0s;
}
.pale-btn.type-prev:after{
    display: none;
}
.pale-btn.type-prev:before{
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../svg/i-arr-next.svg);
    background-size: 0.4em;
    vertical-align: -0.15em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    pointer-events: none;
    -webkit-transition: 0s;
    transition: 0s;
    display: inline-block;
    width: 1em;
    height: 1em;
}
.aformBtn.type-submit input,
.aformBtn.type-next input{
    padding-right: 2em;
    background-color: #DC426A;
    color: #fff;
    -webkit-box-shadow: 0 0.2em 0 #C6254F;
    box-shadow: 0 0.2em 0 #C6254F;
    -webkit-transform: translateY(-0.2em);
    transform: translateY(-0.2em);
    border: none;
    border-radius: 0.3em;
    margin: 0;
}
.aformBtn.type-back input{
    padding-left: 2em;
    background-color: #F5F3F3;
    color: #000;
    -webkit-box-shadow: 0 0.2em 0 #E5E1E1;
    box-shadow: 0 0.2em 0 #E5E1E1;
    -webkit-transform: translateY(-0.2em);
    transform: translateY(-0.2em);
    border: none;
    border-radius: 0.3em;
    margin: 0;
}
.aformBtn:hover input{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}
.aformBtn:hover:after{
    margin-top: 0.07em;
}
form .aform-input-example,
form label.error{
    font-size: 85.7142%;
    margin-top: -0.5em;
}
form label.error{
    font-weight: bold;
    color: #DC426A;
    line-height: 1.4;
}
form input.error{
    background-color: #FCEEF2;
}
.aform-required{
    width: 0;
    height: 0;
    text-indent: -999%;
    overflow: hidden;
    display: inline-block;
}
.aform-required:after {
    content: "";
    display: block;
    position: absolute;
    width: 2.341em;
    height: 2em;
    background: url(../svg/i-required-n.svg) no-repeat center center;
    background-size: contain;
    right: 0.6em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.aform-content .dl_check-policy{
    display: block;
    padding-top: 1em;
    margin-bottom: 2em;
}
.aform-content .dl_check-policy dt,
.aform-content .dl_check-policy dd{
    display: block;
}
.aform-content .dl_check-policy dt{
    display: none;
}
.aform-content .dl_check-policy dd{
    border: none;
    padding: 0 !important;
    margin-top: 2em;
}
.aform-content .dl_check-policy dd .bg-gray{
    padding: 2em;
    background-color: #F5F3F3;
    max-height: 24em;
    overflow: auto;
    margin-bottom: 2em;
}
.aform-content .dl_check-policy dd li{
    list-style: none;
    text-align: center;
}
.page-signup .aform-content dd li input{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    vertical-align: -0.1em;
    margin-right: 0.2em;
}
.aform-content dd li input{
    margin-right: 0.2em;
}
#aform-confirm-form dl.hidden{
    display: none;
}
.signup.page-confirm .midashi01{
}
.glass-form.page-confirm .midashi00{
    display: none;
}
#aform_confirm_msg{
    text-align: center;
    padding: 2em 0;
    width: 100%;
}
#aform-confirm-form .dl_check-policy{
    display: none;
}
.aform-content .dl_title{display:block; width: 0;height: 0;margin: 0;padding: 0;overflow: hidden;opacity: 0;}
.dl_password dd br{
    display: none;
}
.simple-Layout #aform_result .button-Layout{
    display: none !important;
}
/*フォーム別*/
.signup #aform_result h4 span{
    display: none;
}
#aform_result h4 span.is_aform_default{
    display: block;
}
.signup #aform_result h4 span.is_aform_default{
    display: none;
}
.signup #aform_result h4 span.is_aform999{
    display: block;
}
.signup #aform_result .rich-area{
    display: none;
}
.signup.loggedin #aform_result .rich-area{
    display: block;
}
.signup #aform_result .rich-area.is_aform999{
    display: block;
}
.signup.loggedin #aform_result .rich-area.is_aform999{
    display: none;
}
@media print, screen and (min-width:520px) and (max-width:1365px){
    .aform-content form{
        margin: 0 -2.3426vw;
    }
    .aform-content [class*="dl_"],
    .aform-content [class*="midashi"]{
        padding: 1.5373vw 2.3426vw;
    }
    .aform-content [class*="dl_"]{
        margin: -1px 0 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .aform-content [class*="dl_item"]{
        margin-right: -2.3426vw;
        padding: 1.5373vw 2.3426vw;
    }
    .aform-button-area{
        padding: 3em 1.5373vw 2.3426vw;
    }
    .aform-content .dl_check-policy{
        margin-bottom: 2em;
    }
}
@media print, screen and (max-width:519px){
    .aform-content form{
        margin-bottom: 4.057vw;
        margin: 0 -4.057vw;
    }
    .aform-content [class*="dl_"]{
        display: block;
        width: 100%;
        padding: 0.445em 1em;
    }
    .aform-content [class*="dl_"] dt,
    .aform-content [class*="dl_"] dd{
        display: block;
        width: 100%;
        padding: 0.445em 1em 0.445em 1em;
    }
    .aform-content [class*="dl_"],
    .aform-content [class*="midashi"]{
        padding: 5.797vw 4.057vw 5.797vw;
    }
    .aform-content [class*="dl_"]{
        padding-top: 0;
        padding-bottom: 0;
    }
    .aform-content [class*="dl_"] dt {
        border-right: #E5E1E1 1px solid;
        border-bottom: #DC426A 0.1px solid;
        word-break: break-word;
        padding-right: 3.2em;
    }
    .aform-content [class*="dl_item"]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: -4.057vw;
        width: 51.89%;
        padding: 5.797vw 4.057vw 5.797vw;
    }
    .aform-content [class*="dl_item"] dt,
    .aform-content [class*="dl_item"] dd{
        border: none;
        padding: 0;
    }
    .page-form .scroll-box .Layout-inner .rich-area{
        padding: 1.2em 1em;
    }
    .aform-content .dl_check-policy{
        margin-bottom: 2em;
    }
    .aform-button-area{
        padding: 3em 1em 1.5em;
    }
    .aformBtn{
        margin: 0 0.5em;
    }
    #aform_confirm_msg{
        padding-left: 1em;
        padding-right: 1em;
    }
    #aform_result .rich-area + .text-center{
        margin-top: 1em;
    }
    .flow-Layout .col > div span{
        max-width: 69%;
    }
}
@media print, screen and (max-width:414px){
    form input[type="text"], form input[type="number"], form input[type="password"], form input[type="email"], form input[type="tel"], form textarea, form select{
        font-size: 16px !important;
    }
}

/*組み合わせによるレイアウト調整*/
.rich-area p:last-child{
    margin-bottom: 0;
}
.text-Layout p small{
    line-height: 1.6;
}
.h-Layout + .step-Layout{
    padding-top: 0;
}
@media print, screen and (max-width:519px){
    .h3-Layout + .col{
        padding-top: 0;
    }
}