/* ==========================================================================
Base
========================================================================== */
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;min-height: 100%;overflow-x: hidden;-ms-touch-action: manipulation;touch-action: manipulation;}
html,html a{ -webkit-font-smoothing: antialiased;}
body{overflow-x: hidden;font-size: .9rem; color: #444;font-family:'ToppanBunkyuGothicPr6N-DB','游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {line-height: 1.4;}
.font-ToppanBunkyuMidashiGothicStd-ExtraBold{font-family: 'ToppanBunkyuMidashiGothicStd-ExtraBold';}
img{vertical-align: top;}
figure{z-index: 1;}
.pr{position: relative;}
.db{display: block;}
.dib{display: inline-block;}
.f-r{float: right;}
.row.no-gutters {margin-right: 0;margin-left: 0;}
  .row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"]{padding-right: 0;padding-left: 0;}
.row.twice-gutters {margin-right: -45px;margin-left: -45px;}
  .row.twice-gutters [class^="col-"],.row.twice-gutters [class*=" col-"]{padding-right: 30px;padding-left: 30px;}
.row.threeTimes-gutters {margin-right: -60px;margin-left: -60px;}
  .row.threeTimes-gutters [class^="col-"],.row.twice-gutters [class*=" col-"]{padding-right: 45px;padding-left: 45px;}
.pt-01{padding-top: .1rem;}.pt-02{padding-top: .2rem;}.pt-03{padding-top: .3rem;}.pt-04{padding-top: .4rem;}.pt-05{padding-top: .5rem;}.pt-06{padding-top: .6rem;}.pt-07{padding-top: .7rem;}.pt-08{padding-top: .8rem;}.pt-09{padding-top: .9rem;}.pt-1{padding-top: 1rem;}.pt-2{padding-top: 2rem;}.pt-3{padding-top: 3rem;}.pt-4{padding-top: 4rem;}.pt-5{padding-top: 5rem;}.pt-6{padding-top: 6rem;}
.pb-01{padding-bottom: .1rem;}.pb-02{padding-bottom: .2rem;}.pb-03{padding-bottom: .3rem;}.pb-04{padding-bottom: .4rem;}.pb-05{padding-bottom: .5rem;}.pb-06{padding-bottom: .6rem;}.pb-07{padding-bottom: .7rem;}.pb-08{padding-bottom: .8rem;}.pb-09{padding-bottom: .9rem;}.pb-1{padding-bottom: 1rem;}.pb-2{padding-bottom: 2rem;}.pb-3{padding-bottom: 3rem;}.pb-4{padding-bottom: 4rem;}.pb-5{padding-bottom: 5rem;}.pb-6{padding-bottom: 6rem;}.pb-7{padding-bottom: 7rem;}
.mt-0{margin-top: 0;}.mt-01{margin-top: .1rem;}.mt-02{margin-top: .2rem;}.mt-03{margin-top: .3rem;}.mt-04{margin-top: .4rem;}.mt-05{margin-top: .5rem;}.mt-06{margin-top: .6rem;}.mt-07{margin-top: .7rem;}.mt-08{margin-top: .8rem;}.mt-09{margin-top: .9rem;}.mt-1{margin-top: 1rem;}.mt-2{margin-top: 2rem;}.mt-3{margin-top: 3rem;}.mt-4{margin-top: 4rem;}.mt-5{margin-top: 5rem;}.mt-6{margin-top: 6rem;}.mt-7{margin-top: 7rem;}.mt-8{margin-top: 8rem;}.mt-9{margin-top: 9rem;}.mt-10{margin-top: 10rem;}.mt-18{margin-top: 1.8rem;}.mt-28{margin-top: 2.8rem}
.mb-0{margin-bottom: 0;}.mb-01{margin-bottom: .1rem;}.mb-02{margin-bottom: .2rem;}.mb-03{margin-bottom: .3rem;}.mb-04{margin-bottom: .4rem;}.mb-05{margin-bottom: .5rem;}.mb-06{margin-bottom: .6rem;}.mb-07{margin-bottom: .7rem;}.mb-08{margin-bottom: .8rem;}.mb-09{margin-bottom: .9rem;}.mb-1{margin-bottom: 1rem;}.mb-2{margin-bottom: 2rem;}.mb-3{margin-bottom: 3rem;}.mb-4{margin-bottom: 4rem;}.mb-5{margin-bottom: 5rem;}.mb-6{margin-bottom: 6rem;}.mb-7{margin-bottom: 7rem;}.mb-8{margin-bottom: 8rem;}.mb-9{margin-bottom: 9rem;}.mb-10{margin-bottom: 10rem;}
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.spBrDb br{display: none;}
.spBrDn br{display: block;}
.bf-icon::before,.af-icon::after{font-family: 'fontAwesome';}
.bf-icon::before{margin-right: .5rem;}
.af-icon::after{margin-left: .5rem;}
.af-icon.fa-chevron-down:before,.af-icon.fa-angle-double-right:before{content: "";}
.af-icon.fa-chevron-down:after {content: "\f078";}
.af-icon.fa-angle-double-right:after {content: "\f101";}
.grayscale {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
/* ==========================================================================
Typography
========================================================================== */
h1,h2,h3,h4,h5,h6{color: #000;}
h1 {display: block;font-size: 1.8rem;}
  .arrow {background: url("../img/h1-bg.svg") no-repeat scroll center bottom;color: #353535;font-size: 1.4rem;padding-bottom: 30px;}
h2 { font-size: 1.2rem; margin: 0.83em 0; }
h3 { font-size: 1.17rem; margin: 1em 0;}
h4 { font-size: 1rem; margin: 0.83em 0; }
h5 { font-size: .9rem; margin: 1.67em 0;color: #444; }
small.small,.small small{color: #555;font-size: .9rem;letter-spacing: 0;}
.red{color: red;}
abbr[title] { border-bottom: 1px dotted; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
p,pre {vertical-align: top; margin-bottom: 1rem; }
.txt-kome{margin: 1.5em 0 0;border-top:1px dashed #ccc;padding: 1.5em -0px 0;}
code,kbd,pre,samp { font-family: monospace,serif;font-size: 1rem; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }q:before,q:after { content: ''; content: none; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5rem; }
sub { bottom: -0.25rem; }
small,h2 small{color: #333;}
.fwb{font-weight: bold;}
.t-r{text-align: right;}
.t-l{text-align: left;}
.tac{text-align: center;}
.tdu{text-decoration: underline;}
.lh1-1{line-height: 1.1;}
.lh1-35{line-height: 1.35;}
/* ==========================================================================
Lists
========================================================================== */
dl,menu,ol,ul { margin: 0;padding: 0;list-style: none; }
menu{ padding: 0 0 0 40px; }
nav ul,nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
img { border: 0;-ms-interpolation-mode: bicubic;}
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Forms
========================================================================== */
form { margin: 0; }
button,input,select,textarea { font-size: 100%;margin: 0;vertical-align: baseline;vertical-align: middle; }
button,input { line-height: normal; }
input,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance:button;cursor: pointer;overflow: visible;}
button[disabled],input[disabled] { cursor: default; }
input[type="checkbox"],input[type="radio"] { box-sizing: border-box;padding: 0;height: 13px;width: 13px; }
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto;vertical-align: top; }
/* ==========================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================
Global Styles
========================================================================== */
a,a.small small{color: #000;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;word-wrap: break-word}
a:hover{text-decoration: underline;}
a:active,a:hover,a:focus { outline: 0; }
  a:hover,a:focus,.btn:hover,small.small a:hover,a.small:hover small{ color: #666; text-decoration: none; cursor: pointer; }
p {word-spacing: 1px;font-size: .95rem; line-height: 1.5; color: #000;letter-spacing: .05rem;}
.indent{text-indent: -9999px;white-space: nowrap;overflow: hidden;text-align: left;}
.btn{font-size: 1rem;padding: .71em 1em .69rem;border-radius:0;line-height: 1.5;font-weight: bold;-webkit-box-shadow: .1rem .1rem .7rem rgba(0, 0, 0, 0.2);box-shadow: .1rem .1rem .7rem rgba(0, 0, 0, 0.2);}
.btn-sm{font-size: .85rem;}
.btn-lg{font-size: 1.3rem;padding: .8em 0 1rem;}
.btn-mail{color: #000;background: rgba(255,255,255,.6);}
  .btn-mail:hover{background: rgba(255,255,255,.8);}
.btn-solid{border: .2rem solid #000;}
.btn-double{border: 4px double #000;}
.btn-wht{background: #fff;}
.btn-next{background: #000;color: #fff;border: .3rem solid #000;font-weight: bold;}
  .btn-next:hover{background: #333;color: #fff;}
.btn-outline{border: .25rem solid #0080cc;}
a.btnTxt-black{color: #000;}
  a.btnTxt-black:hover{color: #666;}
.btn-SlideR{position: relative;left: 0;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
  .btn-SlideR:hover{left: .5rem;}
a.btnHvr-un:hover{text-decoration: underline;}
.btn-fa::before,.btn-fa::after,#wnArchive-link::before{font-family: FontAwesome;}
.btn-angle-left::before{content: "\f104";margin-right: .4em}
.btn-angle-right::after{content: "\f105";margin-left: .4em}
.tdbc-blue{color: #0080cc;}
.tdbc-blueBg{background: #0080cc;}
.tdbc-blueBC{border-color: #0080cc;}
.btn-noLink{opacity: .3;}
  .btn-noLink:hover{cursor: default;color: #333;}
.btn-default{background: #f7f7f7;}
  .btn-default:hover{color: #fff;background: #0080cc;border-color:#fff; }
.box-dash{border: 1px dashed #ccc;padding: 2rem;}
.box-dbl{border: 4px double #0080cc;padding: 2rem;}
.box-dbl dd p{line-height: 1.2;}

.hvr-sweep-to-left i{margin-right: 1rem;}
.hvr-sweep-to-right i{margin-left: 1rem;}

.svg-amazon{width: 1rem;height: 1rem; position: relative;top:.2rem;display: inline;line-height: 1;}

.content-wrap {width: 100%;position: relative;overflow: hidden;-webkit-overflow-scrolling: touch;background: #fff;}
.sec-heading {font-size: 1.5rem;}
.liDic {padding-left: 1em;}
  .liDic li{list-style-type: decimal;}
.liSlash li{display: inline;}
  .liSlash li::before{content: "/";margin-left: .2rem;margin-right: .9rem;color: #666;font-size: 0.7rem;vertical-align:baseline}
    .liSlash li:first-child::before,.liSlash ul li::before{content: "";margin-left: 0;margin-right: 0}
.txt-lead{font-size: 1.1rem;}
.bbd{border-bottom: 1px dotted #999;}
.tl-lg {font-size: 2.8rem;line-height: 1.5;letter-spacing: 0;}
.tl-md{font-size: 2rem;}
.ls-0{letter-spacing: 0;}
.txt-lh{text-decoration: line-through;}


/* ==========================================================================
FUYU-JIN
========================================================================== */

#sec1,#sec2 {max-width: 1400px; margin: 0 auto;}

#sec1 {background: url('/assets/img/img1.jpg') no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; position: relative; min-height: 800px;}
  #logo {margin: 0 0 0 5%;}
  #copy {position: absolute;width: 10rem; top:300px; left:50%; margin-left:-20rem;}
  #read {text-align: center;}

#sec2 {background: url('/assets/img/img2.jpg') no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; position: relative; min-height:67rem; margin-bottom: 6rem;}
  #sec2:after {position: absolute; z-index: 1; content:""; top:-55px; left: 50%; margin-left:-79px; width: 158px; height: 158px; background: url(/assets/img/no1.png) no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; text-align: center;}
  #sec2 h3 {color: #c5241e; font-weight: bold; font-size: 1.8em; font-family:Helvetica, Arial,'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif; margin-bottom: 10px;}
  .h-title {padding-top: 140px; padding-left: 0px !important;}
  .linkbtn {margin-top:30px;}
  .linkbtn a {background-color: #00023B; padding:15px 20px; color: #FFF; font-weight: bold;}
  .linkbtn a:hover {background-color: #80BAFE; color: #fff;}
  .left-box,.right-box {background-color:rgba(255,255,255,0.8); padding:0 20px 40px; text-align: center;}

/* ==========================================================================
LOAD NAV
========================================================================== */
.scrNo{overflow-y: hidden;}

/* loading
------------------------------------------*/
#loading {position: fixed; z-index: 1000; top: 0; left: 0; background: #fff;width: 100%; min-height: 100vh;height: 100%; color: #FFF; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
  #loading.active {opacity: 0; z-index: -100;}
  #load-wrap {position: absolute; left:50%; top:50%; width: 10rem; height: 4rem; margin-top:-3rem;margin-left: -4.85rem;-moz-transition: -moz-transform 1s; -webkit-transition: -webkit-transform 1s; -o-transition: -o-transform 1s; -ms-transition: -ms-transform 1s; transition: transform 1s;}
  #load-wrap.active {-webkit-transform: scale(.6);-moz-transform: scale(.6);-o-transform: scale(.6);-ms-transform: scale(.6);transform: scale(.6);}
  #logo-m {width: 70%;display: block;margin: 0 auto;}


/* ==========================================================================
Footer
========================================================================== */
/*btn-share*/
.btn-share__item-text i{font-size: 2.5em;position: relative;top: -.12rem;color: #000;}
  .btn-share-twitter:hover i{color: #2795e9;}
    .btn-share-facebook:hover i{color: #3b5998;}
  .btn-share-Line img{width: 2.1em;}
    .btn-share-Line:hover img.grayscale:hover {-webkit-filter: grayscale(0%);filter: none;}


.copyright small{font-size: .7rem;letter-spacing: 0;line-height: 1.1;display: inline-block;}
  /*pagetop*/
  #pagetop{position:fixed;right:2rem;bottom:3rem;z-index:500;text-align: center;}
    #pagetop a{display: inline-block;color: #000;text-decoration:none;font-size:1.5rem;opacity:0.8;cursor: pointer;}
      #pagetop a:hover{color: #aaa;opacity:1;cursor: pointer;}
      #pagetop a i{cursor: pointer;}



/* ==========================================================================
Form
========================================================================== */

.box-form{padding:3rem;border: .5rem double #80bafe;}
.txt−blue{color: #80bafe;}
.txt-check{position: relative;padding-left: 1rem;line-height: 1.3;color: #666;}
  .txt-check::before{position: absolute;top:0;left:0;content:"※"}
.txt-le.txt-attent{padding-left: .5rem;font-size: .85rem;margin-top: .5rem;margin-bottom: 0;}
  .txt-attent::before{content:"※";margin-right: .3rem;}
.txt-error{display: block;margin-top: .5rem;color: red;font-weight: bold;font-size: .9rem;}

    .input−after::after{position: absolute;font-size: 1rem;right: -.2rem;bottom: -.1rem;}
    #input-age::after{content:"歳";}
    #input-income::after{content:"円";}


/* --------------------------------
steps
-------------------------------- */
.nav-steps {margin-bottom: 2.3rem;}
  .nav-steps h2{margin-top: 0;margin-bottom: 4rem;}
  .cd-multi-steps li {position: relative;text-align: center;counter-increment: steps;line-height: 1.1;}
    .cd-multi-steps li::after {position: absolute;  content: ''; background: #ccc; height: .2rem;top: -1.5rem;left: 46%;width: 100%;}
    .cd-multi-steps li:last-child::after {background: none;width: 0;}
      .cd-multi-steps li.visited::after {background-color: #333;}
    .cd-multi-steps li > div::before {position: absolute;background: #ccc;z-index: 1;top:-2.4rem;left: 50%;content: counter(steps);  height: 2rem;  width: 2rem;  line-height: 2.3;font-size: 1rem;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);}
    .cd-multi-steps li.current > div::before {background-color: #000;color: #fff;}
    .cd-multi-steps li.visited > div::before {background: #000;color: #fff;}

/* --------------------------------
field
-------------------------------- */
legend,.legend{margin-bottom:0;font-size: 1.15rem;border-bottom: none;}
  legend span,.legend span{padding-bottom: .3rem;border-bottom: 1px solid #8E9698;display: block;}
    legend span small{font-size: .7rem;}
.field {position: relative;z-index: 1;vertical-align: top;}
  .input__field{position: relative;font-size: 1.2rem;padding: .47em 1.2em .45em;min-height: 3em;border: none;border-radius: 0;-webkit-appearance: none;}
    .input__field:focus{outline: none;}
  .pageConfirm .input__field{line-height: 2.7;display: block;width: 100%;background-color: #F0F0F0;}
    .pageConfirm .input--filled .input__label-content{color: #666;}
    .input__label{-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;font-size:1rem;line-height: 1;top: 1.25em;left:1.5em;margin-bottom: 0;padding-left: .2em;padding-right: .2em;pointer-events: none;}
    .input__label-content{position: relative;display: block;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
      .input--filled .input__label-content {font-size: .8rem;position: relative;z-index: 3;color: #333;-webkit-transform: translate3d(0, -2.1em, 0);transform: translate3d(0, -2.1em, 0);}
        .input--filled .input__label::after{ content: '';height:2px;background: #f7f7f7;width: 100%;position: absolute;top:-1.25rem;left: 0;z-index: 1;}
      .input__label,.input__label-content small{color: #666;}
      .input--filled a:active,.input--filled a:focus{color: #000;}

.field > div{position: relative;margin-top:1.5rem;}
  .cd-form input,.cd-form textarea,.cd-form select{display: block;width: 100%;border: 1px solid #8E9698;background-color: #FCFCFC;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
  .cd-form input[type="text"]:focus,.cd-form input[type="remail"]:focus,.cd-form textarea:focus,.cd-form select:focus{outline: none;border-color: #333;box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);}
  .cd-form .cd-select{position: relative;}
    .cd-form .cd-select::after{content: '';position: absolute;z-index: 1;right: 16px;top: 50%;margin-top: -8px;display: block;width: 16px;height: 16px;background: url("../img/form/cd-icon-arrow.svg") no-repeat center center;pointer-events: none;}
    .cd-form select{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);cursor: pointer;padding: .745rem 1.2rem .75rem;border-radius: 0;}
      .cd-form select::-ms-expand{display: none;}
      .col-xs-6 .cd-form-list{margin-top: .8rem;}
      .cd-form .cd-form-list::after{clear: both;content: "";display: table;}
      .cd-form .cd-form-list li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .cd-form input[type=radio],.cd-form input[type=checkbox]{position: absolute;left: 0;top: 50%;margin: 0;padding: 0;opacity: 0;z-index: 2;height: 1rem;min-height: 1rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);}
    .cd-form input[type="radio"] + label,.cd-form input[type="checkbox"] + label{padding-left: 1.5rem;margin-bottom: 0;font-size: .9rem;}
    .cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -8px;width: 16px;height: 16px;}
    .cd-form input[type="radio"] + label::before,.cd-form input[type="checkbox"] + label::before{border: 1px solid #cfd9db;background: #ffffff;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);}

    .cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after{border-radius: 50%;}
    .cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after{border-radius: .25rem;}
    .cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::after{background-color: #0080cc;background-position: center center;background-repeat: no-repeat;box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);display: none;}
    .cd-form input[type="radio"] + label::after{background-image: url("../img/form/cd-icon-radio.svg");}
      .cd-form input[type="checkbox"] + label::after{background-image: url("../img/form/cd-icon-check.svg");}
      .cd-form input[type="radio"]:focus + label::before,.cd-form input[type="checkbox"]:focus + label::before{box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);}
      .cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::after{display: block;}
    .cd-form input[type="radio"]:checked + label::before,.cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::before,.cd-form input[type="checkbox"]:checked + label::after{
      -webkit-animation: cd-bounce 0.3s;
      -moz-animation: cd-bounce 0.3s;
      -ms-animation: cd-bounce 0.3s;
      animation: cd-bounce 0.3s;
        }
    .cd-form textarea{min-height: 4rem;resize: vertical;overflow: auto;}
    .cd-form #taComment{min-height: 12rem;}
    .cd-form input[type="submit"]{border: none;background: #0080cc;border-radius: .25rem;padding: 16px 20px;color: #ffffff;font-weight: bold;float: right;cursor: pointer;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
      .no-touch .cd-form input[type="submit"]:hover{background: #42a2e1;}
      .cd-form input[type="submit"]:focus{outline: none;background: #2b3e51;}
      .cd-form input[type="submit"]:active{
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);}
      /*.cd-form [required]{background: #fff url("../img/form/cd-required.svg") no-repeat top right;}*/
      @-webkit-keyframes cd-bounce{
        0%, 100%{  -webkit-transform: scale(1);}
        50%{  -webkit-transform: scale(0.8);}
      }
      @-moz-keyframes cd-bounce{
        0%, 100%{  -moz-transform: scale(1);}
        50%{  -moz-transform: scale(0.8);}
      }
      @keyframes cd-bounce{
        0%, 100%{  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);}
        50%{  -webkit-transform: scale(0.8);  -moz-transform: scale(0.8);  -ms-transform: scale(0.8);  -o-transform: scale(0.8);  transform: scale(0.8);}
      }
    .field-error .input__field{border-color: #e94b35 !important;background: #FFE7E4 !important;}
    .field-error .input__label-content{color: #e94b35;}
    .box-backBtn{margin-top: 3rem;}
      .box-backBtn .btn-buy{font-size: .85rem;}

    .cc-cards{position: relative;top: -1rem;margin-bottom: -2rem;padding-left: 6%;}

    input[disabled],select[disabled]{opacity: .4;}
    #input-cardName{text-transform: uppercase;}




/* ==========================================================================
Responsive
========================================================================== */
/* iPhone 320px */
@media only screen and (min-width:320px){
  html{font-size: 84%;}
}
/* Android 360px × 1.125 */
@media only screen and (min-width:360px){
  html{font-size: 94.5%;}
}
/* iPhone6 375px × 117.1875 */
@media only screen and (min-width:375px){
  html{font-size: 98.4%;}
}
/* iPhone6 plus 414px × 129.375 */
@media only screen and (min-width:414px){
  html{font-size: 108.67%;}
}
/* XS only */
@media(max-width:736px){
.spBrDb br{display: block;}
.spBrDn br{display: none;}
  .mt-xs-3{margin-top: 3rem;}
.col-xs-12 + .col-xs-12{margin-top: 1rem;}

  /*pageForm*/
  .pageForm .box-form h2{font-size: 1.18rem;letter-spacing: 0;}
  .tl-lg{font-size: 2.1rem;}
  .pageDocs h4{font-weight: bold;}

  .box-form{border-width: .5rem;}

.box-dbl{padding: 2rem 1rem 2rem 0;}
  .box-dbl h5{font-weight: bold;letter-spacing: 0;}
  .box-dbl .pull-right{text-align: left;float: left !important;margin-bottom: .5rem;}

    .input−after::after{right: -.8rem;}


#lead{padding-left: 1.2rem;padding-right: .9rem;letter-spacing: 0;}
  #lead h2{letter-spacing: -.05rem;line-height: 1.2;display: block;}
#main .box-form{border-right: none;border-left: none;}
    /*form*/
    .input__field{font-size:16px;min-height: 3rem;}
    .input__label,.cd-form select,.cart-products .cd-form select{font-size: 16px;letter-spacing: -1px;}
    .input__label{left: 1.5rem;}
    .cd-form input[type="radio"] + label, .cd-form input[type="checkbox"] + label{padding-left: 1.4rem;}
    .cc-cards{font-size: 1.5rem;}
    .cd-form input[type="radio"] + label, .cd-form input[type="checkbox"] + label{font-size: 15px;letter-spacing: -1px;}
    .cart-products .box-giftPaper .input__label {font-size: 16px;left: 1.4rem;}

    /*form - confirm*/
      .pageForm.pageConfirm .cart-products li h3{line-height: 1.5;margin-top: 0;font-size: 1rem;}
        .pageConfirm .cart-products h3 span{display: inline-block;}
          .pageConfirm .cart-products h3 span::before{margin-left: .65rem;}
    .pageConfirm .input__field.pay-confirm {line-height: 1.5;padding-bottom: 1.1rem;padding-top: .9rem;}
        .pay-confirm span{display: block;}
        .pageConfirm .input__field.box-terms{font-size: 1rem;}
        .pageConfirm .btn-buyNext{font-size: 1.5rem;}
        .pageForm.pageConfirm .cart-products p.price{font-size: 1.4rem;margin-top: 1rem;}

    .pageForm .box-form h1{font-size: 2rem;margin-top: 5rem;line-height: 1.3;letter-spacing: 0;}
    .index.pageForm .box-form h1{margin-top: 0rem;}
      .pageConfirm .nav-customer .btn-buyNext{font-size: 1.1rem;}
      .pageForm .cart-products.purchase-history{padding-right: 0;padding-left: 0;}
      .purchase-historyList h4{font-size: 1.2rem;letter-spacing: -.05rem;}
      .col-xs-12.f-r + .col-xs-8{margin-top: 4rem;}
        .col-xs-6 .cd-form-list{padding-right: 1rem;padding-left: 1rem;}

  #img-book{left: -3.7rem;}
  #tl-look{left: .7rem;}
  /* FUYU-JIN */
  #sec1,#sec2 {min-height:40rem;}
  #copy {position: relative; top: auto; left: auto; margin:0 20px; padding: 60px 0 80px;width: 21rem;}
  #logo{margin-left: 7.5rem;width: 18rem;}
    #logo img {width: 50%;}
    #copy img, #read img,.h-title img,#linkbtn img {width: 100%;}
  #read {margin:0 20px; padding:60px 0 10px;}
  #sec2 {height: 66rem;margin-bottom: 0;background: url('/assets/img/img2.jpg') no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain;}
  #sec2:after {position: absolute; z-index: 1; content:""; top:-55px; left: 50%; margin-left:-79px; width: 158px; height: 158px; background: url(/assets/img/no1.png) no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; text-align: center;}
    #sec2 h3 {margin-top:0px; font-size: 1.5rem;}
  .left-box,.right-box {padding-top:20px;border: 1px solid #ccc;}
  .h-title {padding-top: 16rem;margin-bottom: 2.4rem;}


}


/* SP SM common */
@media(max-width:768px){
  .input__label{font-weight: normal;top:1rem;}
  .input--filled .input__label::after {top: -1rem;}
  .container,.container-fluid,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-right: .5rem;padding-left: .5rem;}
  .row{margin-right: -.5rem;margin-left: -.5rem;}
  .box-form{padding:1.5rem 1.5rem 2rem;}

}

/* SP  */
@media(max-width:420px){
  /* FUYU-JIN */
  #sec2:after {position: absolute; z-index: 1; content:""; top:-27px; left: 50%; margin-left:-40px; width: 79px; height: 79px;}
  #read {padding:.2rem 0;}
}

/* iPad portrait */
@media(min-width:750px) and (max-width:950px) and (orientation:portrait){
#logo img{width: 10rem;}
.input−after::after {right: .8rem;}
}
/* sm */
@media (min-width: 768px){
  html{font-size: 90%;}
  .mt-sm-2{margin-top: 2rem;}
  .mt-sm-5{margin-top: 5rem;}
  .mb-sm-1{margin-bottom: 1rem;}
  .mb-sm-2{margin-bottom: 2rem;}
  .mb-sm-5{margin-bottom: 5rem;}
  #tl-look{left: 2rem;}
  #img-book{margin-top: -.5rem;}
  .pl-sm-1{padding-left: 1rem;}
    #sec1 {min-height: 56rem;}
}
/* md */
@media(min-width:992px){
  html{font-size: 90%;}
  #img-book{margin-top: -.3rem;left: -3.3rem;}
  #tl-look{left: 1rem;}
}
/* xGA iPad only*/
@media(min-width:769px) and (max-width:1024px){

}
/* SP landscape */
@media only screen and (max-width : 800px) and (orientation : landscape) {
  html{font-size: 105%;}
}
@media(min-width:1100px) {
  html{font-size: 95%;}
  #tl-look{left: 2.4rem;}
  #img-book {margin-top:0;left: -1.9rem;}
}
@media(min-width:1600px){
  /*col-xlg*/
  .col-xlg-1,.col-xlg-10,.col-xlg-11,.col-xlg-12,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9{float: left;}.col-xlg-12{width: 100%;}.col-xlg-11{width: 91.66666667%;}.col-xlg-10{width: 83.33333333%;}.col-xlg-9{width: 75%;}.col-xlg-8{width: 66.66666667%;}.col-xlg-7{width: 58.33333333%;}.col-xlg-6{width: 50%;}.col-xlg-5{width: 41.66666667%;}.col-xlg-4{width: 33.33333333%;}.col-xlg-3{width: 25%;}.col-xlg-2{width: 16.66666667%;}.col-xlg-1{width: 8.33333333%;}.col-xlg-pull-12{right: 100%;}.col-xlg-pull-11{right: 91.66666667%;}.col-xlg-pull-10{right: 83.33333333%;}.col-xlg-pull-9{right: 75%;}.col-xlg-pull-8{right: 66.66666667%;}.col-xlg-pull-7{right: 58.33333333%;}.col-xlg-pull-6{right: 50%;}.col-xlg-pull-5{right: 41.66666667%;}.col-xlg-pull-4{right: 33.33333333%;}.col-xlg-pull-3{right: 25%;}.col-xlg-pull-2{right: 16.66666667%;}.col-xlg-pull-1{right: 8.33333333%;}.col-xlg-pull-0{right: auto;}.col-xlg-push-12{left: 100%;}.col-xlg-push-11{left: 91.66666667%;}.col-xlg-push-10{left: 83.33333333%;}.col-xlg-push-9{left: 75%;}.col-xlg-push-8{left: 66.66666667%;}.col-xlg-push-7{left: 58.33333333%;}.col-xlg-push-6{left: 50%;}.col-xlg-push-5{left: 41.66666667%;}.col-xlg-push-4{left: 33.33333333%;}.col-xlg-push-3{left: 25%;}.col-xlg-push-2{left: 16.66666667%;}.col-xlg-push-1{left: 8.33333333%;}.col-xlg-push-0{left: auto;}.col-xlg-offset-12{margin-left: 100%;}.col-xlg-offset-11{margin-left: 91.66666667%;}.col-xlg-offset-10{margin-left: 83.33333333%;}.col-xlg-offset-9{margin-left: 75%;}.col-xlg-offset-8{margin-left: 66.66666667%;}.col-xlg-offset-7{margin-left: 58.33333333%;}.col-xlg-offset-6{margin-left: 50%;}.col-xlg-offset-5{margin-left: 41.66666667%;}.col-xlg-offset-4{margin-left: 33.33333333%;}.col-xlg-offset-3{margin-left: 25%;}.col-xlg-offset-2{margin-left: 16.66666667%;}.col-xlg-offset-1{margin-left: 8.33333333%;}.col-xlg-offset-0{margin-left: 0;}
}
@media(min-width:1700px){
}
@media(min-width:1800px){
  /*col-xxlg*/
  .col-xxlg-1,.col-xxlg-10,.col-xxlg-11,.col-xxlg-12,.col-xxlg-2,.col-xxlg-3,.col-xxlg-4,.col-xxlg-5,.col-xxlg-6,.col-xxlg-7,.col-xxlg-8,.col-xxlg-9{float: left;}.col-xxlg-12{width: 100%;}.col-xxlg-11{width: 91.66666667%;}.col-xxlg-10{width: 83.33333333%;}.col-xxlg-9{width: 75%;}.col-xxlg-8{width: 66.66666667%;}.col-xxlg-7{width: 58.33333333%;}.col-xxlg-6{width: 50%;}.col-xxlg-5{width: 41.66666667%;}.col-xxlg-4{width: 33.33333333%;}.col-xxlg-3{width: 25%;}.col-xxlg-2{width: 16.66666667%;}.col-xxlg-1{width: 8.33333333%;}.col-xxlg-pull-12{right: 100%;}.col-xxlg-pull-11{right: 91.66666667%;}.col-xxlg-pull-10{right: 83.33333333%;}.col-xxlg-pull-9{right: 75%;}.col-xxlg-pull-8{right: 66.66666667%;}.col-xxlg-pull-7{right: 58.33333333%;}.col-xxlg-pull-6{right: 50%;}.col-xxlg-pull-5{right: 41.66666667%;}.col-xxlg-pull-4{right: 33.33333333%;}.col-xxlg-pull-3{right: 25%;}.col-xxlg-pull-2{right: 16.66666667%;}.col-xxlg-pull-1{right: 8.33333333%;}.col-xxlg-pull-0{right: auto;}.col-xxlg-push-12{left: 100%;}.col-xxlg-push-11{left: 91.66666667%;}.col-xxlg-push-10{left: 83.33333333%;}.col-xxlg-push-9{left: 75%;}.col-xxlg-push-8{left: 66.66666667%;}.col-xxlg-push-7{left: 58.33333333%;}.col-xxlg-push-6{left: 50%;}.col-xxlg-push-5{left: 41.66666667%;}.col-xxlg-push-4{left: 33.33333333%;}.col-xxlg-push-3{left: 25%;}.col-xxlg-push-2{left: 16.66666667%;}.col-xxlg-push-1{left: 8.33333333%;}.col-xxlg-push-0{left: auto;}.col-xxlg-offset-12{margin-left: 100%;}.col-xxlg-offset-11{margin-left: 91.66666667%;}.col-xxlg-offset-10{margin-left: 83.33333333%;}.col-xxlg-offset-9{margin-left: 75%;}.col-xxlg-offset-8{margin-left: 66.66666667%;}.col-xxlg-offset-7{margin-left: 58.33333333%;}.col-xxlg-offset-6{margin-left: 50%;}.col-xxlg-offset-5{margin-left: 41.66666667%;}.col-xxlg-offset-4{margin-left: 33.33333333%;}.col-xxlg-offset-3{margin-left: 25%;}.col-xxlg-offset-2{margin-left: 16.66666667%;}.col-xxlg-offset-1{margin-left: 8.33333333%;}.col-xxlg-offset-0{margin-left: 0;}
}