@charset "UTF-8";
/* common ----------------------------------------------------------------- */
html{
  font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body {
  /*background-color: #262F57;*/
  /*background-color: #0C101D;*/
  background-color: #25315B;
  font-size:1.6rem;line-height: 1;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  body{background-color: #181E36;}
}
a { text-decoration:underline; color:#ffb1ff;}
a:link {
  text-decoration:underline;
  color:#ffb1ff;
}
a:visited {
  text-decoration:underline;
  color:#ffb1ff;
}
a:hover {
  text-decoration:none;
  color:#ffb1ff;
}

.mincho{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}

/* common ----------------------------------------------------------------- */
*{box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  letter-spacing: -0.01px;

}
@media screen and (max-width: 899px){
  a {-webkit-tap-highlight-color:rgba(0,0,0,0.2);}
  * {-webkit-touch-callout:none;}
  img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
  }
  html{overflow-x:hidden;}
  body{  width: 100%;}

  a { color:#ffb1ff;}
  a:link { color:#ffb1ff;}
  a:visited { color: #ffb1ff;}
  a:hover { text-decoration: none;color:#ffb1ff;}

}



/*===============================*/

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix { min-height:1px; }
* html .clearfix {
  height:1px;
/*\*//*/
height:auto;
overflow:hidden;
/**/
}
hr{height: 0;margin: 0;padding: 0;border: 0;}

/*================*/
/*display switch*/
/*================*/
@media screen and (min-width: 900px) {.tb,.lp,.sp,.nepc{display: none;}}
@media screen and (min-width: 640px) and (max-width: 899px) {.pc,.lp,.sp,.netb{display: none;}}
@media screen and (min-width: 480px) and (max-width: 639px) {.pc,.tb,.sp,.nelp{display: none;}}
@media screen and (max-width: 479px) {.pc,.tb,.lp,.nesp{display: none;}}
@media screen and (min-width: 640px) {.smp{display: none;}}
@media screen and (max-width: 639px) {.pct{display: none;}}


/*================*/
/*br display switch*/
/*================*/
span.br:before,
span.brnepc:before,
span.brsmp:before,
span.brpct:before,
span.brpc:before,
span.brtb:before,
span.brlp:before,
span.brsp:before{content:'\A';white-space: pre;}

@media screen and (min-width: 900px) {span.brnepc,span.brtb,span.brlp,span.brsp{display: none;}}
@media screen and (min-width: 640px) and (max-width: 899px) {span.brpc,span.brlp,span.brsp{display: none;}}
@media screen and (min-width: 480px) and (max-width: 639px) {span.brpc,span.brtb,span.brsp{display: none;}}
@media screen and (max-width: 479px) {span.brpc,span.brtb,span.brlp{display: none;}}
@media screen and (min-width: 640px) {span.brsmp{display: none;}}
@media screen and (max-width: 639px) {span.brpct{display: none;}}

@media screen and (min-width: 640px) {
  img[src*="_smp"] {display: none;}
}
@media screen and (max-width: 639px) {
  img[src*="_pct"] {display: none;}
}


.noDisp { display:none; }
.hide{ visibility:hidden; }


/*====================*/
/*.prices*/
/*====================*/
.price,
.premPrice,
.freePrice{
  font-weight: bold;
  font-size: 1.5rem;
  text-align: right;
  /*text-shadow: 1px 1px 1px #fff;*/
}

.price{color: #fff;}
.premPrice{
  /*color: #D83400;*/
  color: #F2FF05;;
}
.premPrice{}
.freePrice,
.freePrice{
  color: #D83400;
  font-size: 1.6rem;
}
#catMenu .price{}
#catMenu .premPrice{}

#newMenu .premPrice{
  color: #E40127;
}
#newMenu .price{
  color: #000;
}

.deco{position: absolute;}

h3 a{display: block;}

#spFreeMenu .tarotBox p,
h3 a,
p.cap
{  text-align:justify;
  text-justify:inter-ideograph;
}

/*====================*/
/*body_adjust*/
/*====================*/
#body_bg {
  height:100%;
  margin: 0 auto;
  text-align:left;
  color: #fff;
}

#contentsOuter{
  margin: 0 auto;
  -webkit-background-size: contain;
  background-size: contain;
}






@media screen and (min-width: 640px) { /* 640px以上（pct） */

}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  #wrapper{
    margin: auto;
    position: relative;
    background-image:
    url(../img/header_bg.jpg),
    url(../img/wrapper_B.jpg),
    url(../img/wrapper_LR.jpg);
    /*linear-gradient(to bottom, #1D3772 0%,#1D3772 50%,#262f57 100%);*/
    background-repeat:
    no-repeat,
    no-repeat,
    repeat-y;
    background-position:
    center top,
    center bottom,
    center top;
    padding-bottom: 110px;
  }
  .top #wrapper{
    background-image:
    url(../img/topHeader_title.jpg),
    url(../img/wrapper_B.jpg),
    url(../img/wrapper_LR.jpg);
    /*linear-gradient(to bottom, #25315B 0%,#25315B 20%,#1D3772 50%,#262f57 100%);*/
  }
  #container{
    max-width: 950px;
    padding: 0 50px;
    margin: 0 auto;
  }
  #pageBottom,
  #contents,
  #contentsOuter{
    max-width: 950px;
  }
  #pageBottom{margin: 0 auto;}
  #contentsOuter{
    -webkit-background-size: auto;
    background-size: auto;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
  #wrapper{
    /*background-size: 167%,106.3%,100%;*/
  }
  #container{
    /*padding: 0 8.8%;*/
    /*background-color: #191D36;*/

  }
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}

/*================*/
/*.#header*/
/*================*/
#header {
  margin: 0 auto;
  position: relative;
}
#header h1{
  position: relative;
  /*z-index: 300;*/
}
#header h1 a{
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  #header h1 a{
    height: 305px;
    text-indent: -9999px;
  }
  #header {
    width: 900px;
    height: 305px;
    margin-bottom: -15px;
  }
  .top #header{
    height: 369px;
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}

/*================*/
/*.headerNavi*/
/*================*/

.headerNavi{
  position: relative;
  bottom: 0;
  z-index: 150;
  display: block;
  text-align: center;
  max-width: 950px;
  margin: 0 auto;
}
.headerNavi ul{
  width: 100%;
  max-width: 800px;
  display: table;
  margin: 0 auto;
}
.headerNavi li{
  display: table-cell;
  text-align: center;
  width: 270px;
}
.headerNavi li a{display: block;}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .headerNavi ul{
    border-collapse: separate;
    border-spacing: 66px 0px;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .headerNavi{
    background: url(../img/gnavi_bg.png) center top no-repeat;
    margin-top: -15px;
  }

}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  /*.headerNavi{margin-top: -15px; }*/
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .top .headerNavi{margin-top: -15px; }
  .headerNavi{margin-top: -5px; }
}
@media screen and (max-width: 398px){ /* 398px以下(sp) */

}

/* breadList ----------------------------------------------------------------- */
ol#breadList{
  position: relative;
  color:#fff;
  padding:25px 10px;
  margin: 0 auto;
  font-size:1.4rem;
  line-height: 1.6;
  clear: both;
  z-index: 10000;
}
ol#breadList li{
  display: inline;
  opacity:1;
}
ol#breadList li a{
  color:#fff;
  font-weight:bold;
}
ol#breadList li a:link{
 color:#fff;
}
ol#breadList li a:active,
ol#breadList li a:hover{
 color:#ff9;
}
ol#breadList li::after{
  content: " > ";
  padding:0 3px 0 5px;
}
ol#breadList li:last-child:after{
  display: none;
}


@media screen and (min-width: 640px) { /* 640px以上（pct） */
  ol#breadList{max-width: 800px;}
  .res ol#breadList,
  .frs ol#breadList,
  .inp ol#breadList{background: none;}
}

@media screen and (max-width: 899px){
  ol#breadList {
    padding:15px 10px;
  }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


/* menuTitle ----------------------------------------------------------------- */
.menuTitle{
  margin: 0 auto 20px;
}
.res .recoMenu .menuTitle ,
.exp .menuTitle ,
.top .menuTitle {
  padding: 8px 33px 0;
  margin: 0 auto;
}
.top .catMenus .menuTitle {
  padding: 0;
}

.menuTitle .inner{
  display: table;
  padding: 15px 15px 15px 0;
}
.title .inner{
  display: table;
  margin: -70px 0;
}

.title h4,
.menuTitle h3,
.menuTitle h2{
  color: #111;
  font-size: 3.1rem;
  line-height: 1.4;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  display: table-cell;
  vertical-align: middle;
  /*padding: 0 3%;*/
}
.title h4{
  color: #fff;
  text-shadow:
  0 0 1px #000,
  0 0 2px #000,
  0 0 3px #000,
  0 0 4px #000,
  0 0 5px #000,
  0 0 6px #000,
  0 0 7px #000,
  0 0 8px #000,
  0 0 9px #000,
  0 0 10px #000;
  /*min-height: 230px;*/
}

.res .recoMenu .on .menuTitle,
.exp .on .menuTitle,
.top .on .menuTitle,
.top .menuTitle.on{
  border-color: #36C1FC;
  box-shadow: 800px 0px 50px 0px rgba(43, 170, 223, 0.7) inset;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
/*.res .recoMenu .menuTitle h3 a,*/
.exp .menuTitle h3 a,
.top .menuTitle h3 a{
  color: #00228C;
  text-shadow: 0px 0px 5px #fff;
}
.recoMenu .menuTitle h3 a{
  color: #BFEFFF;
  text-shadow: 0px 0px 5px #000;
}
.recoMenu .menuTitle h3 a:hover,
.exp .menuTitle h3 a:hover,
.top .menuTitle h3 a:hover{
  color: #ffff00;
  text-shadow: 0px 0px 5px #000;
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
  .title h4{padding: 35px 10px; }
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .title h4{padding: 50px 10px; }
  #commonBox .title h4{padding: 0px 10px; }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .res .recoMenu .menuTitle,
  .exp .menuTitle,
  .top .menuTitle {padding: 8px 2% 0;}
  .title .inner{
    margin: -60px 0;
  }
  .title h4,
  .menuTitle h3,
  .menuTitle h2{
    font-size: 2.6rem;
  }
  .title h4{padding: 30px 10px; }
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .menuTitle .inner{
    padding: 5px 5px 5px 0;
  }
  .title .inner{
    margin: -50px 0;
  }
  .title h4{padding: 20px 10px; }
  /*#commonBox .title .inner h4{padding: 30px 10px; }*/

  .res .recoMenu .menuTitle h3,
  .exp .menuTitle h3,
  .top .menuTitle h3,
  .menuTitle h2{
    /*font-size: 4.5vw;*/
    /*padding: 4% 15px 15px 0;*/
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .res .recoMenu .on .menuTitle,
  .exp .on .menuTitle,
  .top .on .menuTitle,
  .top .menuTitle.on{
    box-shadow: 470px 0px 50px 0px rgba(43, 170, 223, 0.7) inset;
  }
  .title .inner{
    margin: -70px 0;
  }
  .res.freeSp .title .inner{
    margin: -50px 0;
  }
  .title h4,
  .menuTitle h3,
  .menuTitle h2{
    font-size: 2rem;
  }
  .title h4{padding: 20px 0px; }
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
  .title h4,
  .res .recoMenu .menuTitle h3,
  .exp .menuTitle h3,
  .top .menuTitle h3,
  .menuTitle h2{
    /*font-size: 1.72rem;*/
    font-size: 1.9rem;
  }
  .title h4{padding: 10px 5px; }
  #commonBox .title .inner{margin: -80px -5px -80px -10px;}
  #commonBox .title h4{padding: 0px 0px; }
}


/* icon ----------------------------------------------------------------- */
.icon{
  text-indent:-9999px;
  width: 130px;height: 130px;
  /*position: relative;*/
  /*z-index: 1000;*/
  background-repeat: no-repeat;
  background-position: center center;
  display: table-cell;
  vertical-align: middle;
  -webkit-background-size: contain !important;
  background-size: contain !important;
}


.iconCat1  {background-image: url(../img/parts/iconCat01.png);}  /*想い*/
.iconCat2  {background-image: url(../img/parts/iconCat02.png);}  /*本音*/
.iconCat3  {background-image: url(../img/parts/iconCat03.png);}  /*あの人の気持ち*/
.iconCat4  {background-image: url(../img/parts/iconCat04.png);}  /*苦しい恋*/
.iconCat5  {background-image: url(../img/parts/iconCat05.png);}  /*復縁*/
.iconCat6  {background-image: url(../img/parts/iconCat06.png);}  /*不倫*/
.iconCat7  {background-image: url(../img/parts/iconCat07.png);}  /*宿縁*/
.iconCat8  {background-image: url(../img/parts/iconCat08.png);}  /*官能*/
.iconCat9  {background-image: url(../img/parts/iconCat09.png);}  /*恋の行方*/
.iconCat10 {background-image: url(../img/parts/iconCat10.png);}  /*絆*/
.iconCat11 {background-image: url(../img/parts/iconCat11.png);}  /*結婚*/
.iconCat12 {background-image: url(../img/parts/iconCat12.png);}  /*そばにある恋*/
.iconCat13 {background-image: url(../img/parts/iconCat13.png);}  /*仕事*/
.iconCat14 {background-image: url(../img/parts/iconCat14.png);}  /*自己肯定*/
.iconCat15 {background-image: url(../img/parts/iconCat15.png);}  /*人生*/
.iconCat16 {background-image: url(../img/parts/iconCat16.png);}  /*人生SP*/
.iconCat17 {background-image: url(../img/parts/iconCat17.png);}  /*年運*/
.iconCat18 {background-image: url(../img/parts/iconCat18.png);}  /*下半期運*/
.iconCat19 {background-image: url(../img/parts/iconCat19.png);}  /*無料恋愛*/
.iconCat20 {background-image: url(../img/parts/iconCat20.png);}  /*無料結婚*/
.iconCat21 {background-image: url(../img/parts/iconCat21.png);}  /*無料人生*/






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

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  #catMenu .icon{
    width: 110px !important;
    height: 110px !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
  }

}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .icon{
    width: 90px !important;
    height: 90px !important;
    -webkit-background-size: 90px !important;
    background-size: 90px !important;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
  .menuTitle .icon{margin: 3% 3px 4% 0;}
}

/* inpOuter ----------------------------------------------------------------- */
.menuLead{
  font-size: 1.8rem;
  color: #fff;
  margin: 0 100px 20px;
  padding: 20px 0;
  line-height: 1.5;
}

@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .menuLead{margin: 0 2%;}
}


/*================*/
/*.submit btn*/
/*================*/
a.btn{
  display: block;
  max-width: 446px;
  margin: 0 auto;
  height: 100%;
}
.submit{
  display: block;
  margin: 10px auto 20px;
  text-align: center;
}
#capsuleAnime2 .submit{
  padding: 0 0 10px;
}
.res.freeSp #extraMenu1 .submit span,
#capsuleAnime2 .submit span{
  display: block;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #fff;
  text-shadow:
  0 0 1px #000,
  0 0 2px #000,
  0 0 3px #000,
  0 0 4px #000,
  0 0 5px #000,
  0 0 6px #000,
  0 0 7px #000,
  0 0 8px #000,
  0 0 9px #000,
  0 0 10px #000;
  text-indent: 0;
  padding: 0 5%;

}
#capsuleAnime2 .submit span{
}
.submit input{
  height: auto;
  max-height: 158px;
  width: 100%;
  max-width: 344px;
  cursor: pointer;
  margin: 0 auto;
}
#capsuleAnime2 .submit input{
  display: block;
}

/*================*/
/*.sign*/
/*================*/
.tellerSign{
  background: url(../img/sign.png) center 0 no-repeat;
  width: 100%;
  height: 121px;
}

/*================*/
/*.catch*/
/*================*/
.catch{text-align: center; }

/*=================================================*/
/*lines*/
/*=================================================*/
.line1{
  display: block;
  height:4px;
  border-radius: 1px;
  margin: 0 auto;
  background: url(../img/line01.png) 0 0 repeat-x;
  max-width: 800px;
}
.line2{
  display: block;
  background: rgb(53,44,32);
  background: -moz-linear-gradient(left, rgba(53,44,32,1) 0%, rgba(154,133,94,1) 50%, rgba(53,44,32,1) 100%);
  background: -webkit-linear-gradient(left, rgba(53,44,32,1) 0%,rgba(154,133,94,1) 50%,rgba(53,44,32,1) 100%);
  background: linear-gradient(to right, rgba(53,44,32,1) 0%,rgba(154,133,94,1) 50%,rgba(53,44,32,1) 100%);
  max-width: 800px;
  height: 4px;
  margin: 0 auto;
}

.line3{
  display: block;
  background: url(../img/frm5b_B.jpg) center center repeat-x;
  width: 100%;
  height: 19px;
}
.line4{
  display: block;
  background: url(../img/line4.jpg) center center repeat-x;
  width: 100%;
  height: 1px;
}
.line5{
  display: block;
  background: url(../img/frm4_TB.jpg) center center repeat-x;
  width: 100%;
  height: 5px;
}
@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}

/*================*/
/*.bg*/
/*================*/
/*.bg01{
  background-repeat: repeat;
  background-position: 0 0;
}
.bg01.a{background-image: url(../img/bg_ptn6a.jpg); }
.bg01.b{background-image: url(../img/bg_ptn6b.jpg); }
.bg01.c{background-image: url(../img/bg_ptn6c.jpg); }
.bg01.d{background-image: url(../img/bg_ptn6d.jpg); }
.bg01.e{background-image: url(../img/bg_ptn6e.jpg); }
.bg01.f{background-image: url(../img/bg_ptn6f.jpg); }

.bg02{
  background-image: url(../img/bg_ptn8_T.jpg),url(../img/bg_ptn8_B.jpg),url(../img/bg_ptn8_M.jpg);
  background-repeat:no-repeat,no-repeat,repeat-y;
  background-position:center top,center bottom,center top;
}
.bg02b{
  background-image: url(../img/bg_ptn8_B.png);
  background-repeat:repeat-y;
  background-position:center bottom;
}
.bg03{
  background: url(../img/bg_ptn7.jpg) center -150px no-repeat;
  max-width:800px;
  margin: 0 auto;
}
.bg03.a{background-position: center -230px; }
.bg03.b{background-position: center -470px; }
.bg03.c{background-position: center -650px; }

.bg04{
  background-repeat: repeat-y;
  background-position: center 0;
}
.bg04.a{background-image: url(../img/bg_ptn10a.jpg); }
.bg04.b{background-image: url(../img/bg_ptn10b.jpg); }
.bg05{background: url(../img/bg_ptn9.png) center -80px no-repeat;}
*/

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .bg05{
    -webkit-background-size: 50%;
    background-size: 50%;
    background-position: center -70px;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}

/*================*/
/*.frm*/
/*================*/
.frm1{
  position: relative;
  background-image:
  url(../img/frm1_TL.png),
  url(../img/frm1_TR.png),
  url(../img/frm1_BL.png),
  url(../img/frm1_BR.png),
  url(../img/frm1_T.png),
  url(../img/frm1_B.png),
  url(../img/frm1_L.png),
  url(../img/frm1_R.png),
  linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(140,188,255,0.3) 100%),
  url(../img/bg_ptn01.png);
  background-position:
  left top,
  right top,
  left bottom,
  right bottom,
  center top,
  center bottom,
  left top,
  right top,
  center top,
  0 0;
  background-repeat:
  no-repeat,
  no-repeat,
  no-repeat,
  no-repeat,
  repeat-x,
  repeat-x,
  repeat-y,
  repeat-y,
  repeat,
  repeat;
  max-width: 808px;
  /*min-height: 260px;*/

  margin: 0 auto 20px;
  font-size: 1.3rem;
  box-shadow:0 0 10px 20px rgba(100, 0, 0, 0.1) inset;
}
.frm1::after,
.frm1::before{
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 100;
}
.frm1::before{
  width: 129px;
  height: 114px;
  top: -15px;
  background-image: url(../img/deco1_TL.png);
}
.frm1::after{
  width: 232px;
  height: 136px;
  bottom: -20px;
  background-image: url(../img/deco1_BR.png);
}
body:not(.top) .frm1::before{
  left: -10px;
}
body:not(.top) .frm1::after{
  right: -12px;
}
.top .frm1::before{
  right: -10px;
  transform: rotateY(180deg);
}
.top .frm1::after{
  left: -12px;
  transform: rotateY(180deg);
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .frm1{
    padding: 48px 49px;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
  .frm1::after{
    bottom: -40px;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .frm1{
    background-size: 30px,30px,30px,30px,100% 28px,100% 28px,30px,30px,auto,auto;
    padding: 29px;
  }
  .top .frm1::after,
  body:not(.top) .frm1::after{
    width: 215px;
    right: 0;
  }
  .top .frm1::before{
    right: 0;
    top: -35px;
  }
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .frm1{
  }
  .frm1::after,
  .frm1::before{
    background-size: 100%;
  }
  .frm1::before{
    width: 83px;
    height: 63px;
    top: -5px;
  }
  .top .frm1::after,
  body:not(.top) .frm1::after{
    width: 100px;
    height: 60px;
    bottom: -11px;
  }
  body:not(.top) .frm1::before{
    left: -5px;
  }
  body:not(.top) .frm1::after{
    right: 0px;
  }
  .top .frm1::after{
    left: -5px;
  }
  .top .frm1::before{
    right: 0;
    top: -25px;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .frm1{
    background-size: 15px,15px,15px,15px,100% 14px,100% 15px,15px,15px,auto,auto;
    padding: 15px 14px 20px;
  }
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}


.frm2{
  position: relative;
  background-image:
  url(../img/frm2_T.jpg),
  url(../img/frm2_B.jpg),
  url(../img/frm2_L.jpg),
  url(../img/frm2_R.jpg),
  linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(140,188,255,0.3) 100%),
  url(../img/bg_ptn01.png);
  background-repeat:
  repeat-x,
  repeat-x,
  repeat-y,
  repeat-y,
  repeat,
  repeat;
  background-position:
  center top,
  center bottom,
  left top,
  right top,
  center top,
  center top;

  margin: 0 auto;
  padding: 12px;
  box-shadow: 0 0 5px 0px #000;
}
.frm2.a{
  box-shadow:0 0 10px 20px rgba(100, 0, 0, 0.1) inset;
}
.frm2.b{
  padding: 4px;
}
.frm2 .inner{
  box-shadow: 0 0 5px 5px #777 inset;
  padding: 3%;
}
.frm2.b .inner{
  box-shadow: 0 0 0px 5px #aaaaaaaa;
  background-image:
  linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(140,188,255,0.3) 100%),
  url(../img/bg_ptn01.png);
  background-repeat:
  repeat;
  background-position:
  center top;



}

.frm8::after,
.frm8::before,
.frm2::after,
.frm2::before{
  content: '';
  display: block;
  position: absolute;
  z-index: 100;
  background-repeat: no-repeat;
}
.frm8::before,
.frm2::before{
  width: 126px;
  height: 116px;
  top: -11px;
  left: -2px;
  background-image: url(../img/deco2_TL.png);
}
.frm8::before{
  top: -13px;
  left: -4px;
}
.frm8::after,
.frm2::after{
  width: 232px;
  height: 136px;
  bottom: -19px;
  right: -12px;
  background-image: url(../img/deco2_BR.png);
}
.frm8::after{
  right: -15px;
  bottom: -23px;
}
.frm2.b::after,
.frm2.b::before{display: none;}
@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .frm2 .inner{
    padding: 30px;

  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .frm8::after,
  .frm2::after{
    width: 221px;
    right: 0px;
  }
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .frm8::after,
  .frm8::before,
  .frm2::after,
  .frm2::before{
    background-size: 100%;
  }
  .frm8::before,
  .frm2::before{
    width: 83px;
    height: 63px;
    top: -7px;
    left: -1px;
  }
  .frm8::after,
  .frm2::after{
    width: 122px;
    height: 72px;
    bottom: -11px;
    right: 0px;
    background-position: 5px 0;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}

.frm3{
  position: relative;
  background-image:
  url(../img/frm3_TL.png),
  url(../img/frm3_TR.png),
  url(../img/frm3_BL.png),
  url(../img/frm3_BR.png);
  background-repeat:
  no-repeat,
  no-repeat,
  no-repeat,
  no-repeat;
  background-position:
  left top,
  right top,
  left bottom,
  right bottom;
  padding: 16px;
  border: 2px solid #8BAABA;
}
.frm3.b{
  background-image:
  url(../img/frm3b_TL.png),
  url(../img/frm3b_TR.png),
  url(../img/frm3b_BL.png),
  url(../img/frm3b_BR.png);
  border: 4px double #B99696;
}
.frm3.c{
  background-image:
  url(../img/frm3c_TL.png),
  url(../img/frm3c_TR.png),
  url(../img/frm3c_BL.png),
  url(../img/frm3c_BR.png);
  border: 4px double #94B3D1;
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}




.frm4{
  position: relative;
  max-width: 808px;
  margin: 0 auto;
  background-image:
  url(../img/frm4_TL.png),
  url(../img/frm4_TR.png),
  url(../img/frm4_BL.png),
  url(../img/frm4_BR.png),
  url(../img/frm4_T.png),
  url(../img/frm4_B.png),
  url(../img/frm4_L.png),
  url(../img/frm4_R.png),
  linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(15,19,255,0.2) 25%,rgba(15,19,255,0.1) 50%,rgba(15,19,255,0.2) 75%,rgba(0,0,0,0.1) 100%),
  url(../img/bg_ptn02.png);

  background-repeat:
  no-repeat,
  no-repeat,
  no-repeat,
  no-repeat,
  repeat-x,
  repeat-x,
  repeat-y,
  repeat-y,
  repeat,
  repeat;
  background-position:
  left top,
  right top,
  left bottom,
  right bottom,
  center top,
  center bottom,
  left top,
  right top,
  0 0,
  0 0;
  padding: 40px;
}
.frm4.a{
  box-shadow:0 0 10px 20px rgba(100, 0, 0, 0.1) inset;
}
.frm4.b::after,
.frm4.b::before{
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/deco5.png);
  width: 129px;
  height: 114px;
  top: -15px;
  z-index: 100;
}
.frm4.b::before{
  left: -5px;
}
.frm4.b::after{
  right: -5px;
  transform: rotateY(180deg);
}
@media screen and (min-width: 640px) { /* 640px以上（pct） */
  .frm4{
    /*padding: 1px 20px 30px;*/
  }
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .frm4.b::before,
  .frm4.b::after{
    right: 0px;
  }
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .frm4{
    background-size: 10px,10px,10px,10px,10% 10px,10% 10px,10px 100px,10px 100px,auto,auto;
    padding: 10px;
  }
  .frm4.b::before,
  .frm4.b::after{
    background-size: 100%;
    width: 85px;
  }

}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}


.frm5{
  margin: 40px auto;
  max-width: 770px;
  position: relative;
  background-image:
  url(../img/frm5_TL.png),
  url(../img/frm5_TR.png),
  url(../img/frm5_BL.png),
  url(../img/frm5_BR.png),
  url(../img/frm5_L.png),
  url(../img/frm5_R.png),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
  background-repeat:
  no-repeat,
  no-repeat,
  no-repeat,
  no-repeat,
  repeat-y,
  repeat-y,
  repeat,
  repeat;
  background-position:
  left top,
  right top,
  left bottom,
  right bottom,
  left top,
  right top,
  center center,
  center center;
  padding: 26px 32px;
}
.frm5.a{
  background-image:
  url(../img/frm5_TL.png),
  url(../img/frm5_TR.png),
  url(../img/frm5_BL.png),
  url(../img/frm5_BR.png),
  url(../img/frm5_L.png),
  url(../img/frm5_R.png),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
}
.frm5.b{
  background-image:
  url(../img/frm5_TL.png),
  url(../img/frm5_TR.png),
  url(../img/frm5_BL.png),
  url(../img/frm5_BR.png),
  url(../img/frm5_L.png),
  url(../img/frm5_R.png),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgba(213,21,60,1) 0%,rgba(213,21,100,1) 20%,rgba(255,100,220,1) 50%,rgba(213,21,100,1) 80%,rgba(213,21,100,0.8) 100%);
}
.frm5.c{
  background-image:
  url(../img/frm5_TL.png),
  url(../img/frm5_TR.png),
  url(../img/frm5_BL.png),
  url(../img/frm5_BR.png),
  url(../img/frm5_L.png),
  url(../img/frm5_R.png),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(122,225,27,0.8) 15%,rgba(122,225,27,1) 19%,rgba(122,225,27,1) 20%,rgba(111,255,69,1) 50%,rgba(122,225,27,1) 80%,rgba(122,225,27,1) 81%,rgba(122,225,27,0.8) 85%,rgba(30,87,153,0) 100%);
}
.frm5::after,
.frm5::before{
  content: '';
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-image: url(../img/deco3_T.png);
  width: 257px;
  height: 44px;
}
.frm5::before{
  top: -53px;
  margin: 0 auto -40px;
}
.frm5::after{
  bottom: -53px;
  margin: -40px auto 0;
  transform: rotate(180deg);
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .frm5{
    background-size: 35%,35%,35%,35%,35%,35%,auto,100%;
    padding: 18px 17px;
  }
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .frm5::after,
  .frm5::before{
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 40%;
  }
  .frm5::before{
    top: -42px;
    margin: 0 auto 10px;
  }
  .frm5::after{
    bottom: -42px;
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .frm5::after,
  .frm5::before{
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 150px;
    height: 30px;
  }
  .frm5::before{
    top: -37px;
    margin: 0 auto 25px;
  }
  .frm5::after{
    bottom: -37px;
    margin: 25px auto 0;
  }
  .frm5{
/*    -webkit-background-size: 144px;
    background-size: 100px;
    padding: 5px 20px 40px 20px;
  */  }
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}



.frm6{
  position: relative;
  background-repeat:
  repeat,
  repeat;
  background-position:
  center center,
  center center;
}
.frm6.a{
  background-image:
  url(../img/bg_ptn05.png),
  linear-gradient(to bottom, rgba(68,46,72,1) 0%,rgba(68,46,72,1) 50%,rgba(0,0,0,0.3) 100%);
}
.frm6.b{
  background-image:
  url(../img/bg_ptn05.png),
  linear-gradient(to bottom, rgba(35,59,82,1) 0%,rgba(35,59,82,1) 50%,rgba(0,0,0,0.3) 100%);
}
.frm6::after,
.frm6::before{
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  margin: 0 auto;
  box-shadow: 0 0 10px 0px #000;
  background: linear-gradient(to right, rgba(147,93,130,0.1) 0%,rgba(147,93,130,0.7) 35%,rgba(147,93,130,0.7) 75%,rgba(147,93,130,0.1) 100%);
}
.frm6::before{margin-bottom: 21px;}
.frm6::after{margin-top: 21px;}
}
.frm6.a::after,
.frm6.a::before{
}
.frm6.b::after,
.frm6.b::before{
  background: linear-gradient(to right, rgba(89,136,183,0.1) 0%,rgba(89,136,183,0.7) 35%,rgba(89,136,183,0.7) 75%,rgba(89,136,183,0.1) 100%);
}
.frm6::after{
  height: 2px;
}
.frm6 .deco{
  position: absolute;
  display: block;
  z-index: 10;
  width: 100%;
  height: 62px;
  top: -31px;
  background: url(../img/deco4a.png) center 0 no-repeat;

}
.frm6.b .deco{
  background: url(../img/deco4b.png) center 0 no-repeat;
}




@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}

.frm7{
  margin: 0 auto;
  max-width: 720px;
  position: relative;
  background-image:
  url(../img/frm7_LR.jpg),
  url(../img/frm7_LR.jpg),
  url(../img/frm7_T.jpg),
  url(../img/bg_ptn08.png),
  linear-gradient(to right, rgba(0,9,56,0.95) 15%,rgba(254,212,92,0.5) 40%,rgba(254,212,92,0.5) 50%,rgba(0,9,56,0.95) 85%),
  url(../img/bg_ptn07.png);
  background-repeat:
  repeat-y,
  repeat-y,
  no-repeat,
  no-repeat,
  repeat,
  repeat;
  background-position:
  left top,
  right top,
  center top,
  center top,
  center center,
  center center;
  padding: 50px 8px 30px;
}
@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}

.frm8{
  margin: 0 auto;
  max-width: 700px;
  position: relative;
  border: 4px solid #DEAF21;
  box-shadow: 0 0 5px 0 #000;
  background-image:
  url(../img/frm8_T.jpg),
  linear-gradient(to bottom, rgba(222,230,249,0.1) 40%,rgba(192,200,219,0.8) 100%),
  url(../img/bg_ptn01.png);
  background-repeat:
  no-repeat,
  repeat,
  repeat;
  background-position:
  center top,
  0 0,
  0 0;
  padding: 56px 0px 20px;
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}

.frm9{
  margin: 40px auto;
  padding: 35px 0;
  max-width: 700px;
  position: relative;
  background-image:
  url(../img/frm9_T.png),
  url(../img/frm9_B.png);
  background-repeat:
  repeat-x,
  repeat-x;
  background-position:
  center top,
  center bottom;
}


@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}


.frm10{
  position: relative;
  max-width:730px;
  margin: 0 auto;
  background-image: url(../img/bg_ptn06.jpg);
  background-position: right top;
  background-repeat: no-repeat;
}
.frm10.a{
  background-image: url(../img/bg_ptn06.jpg);
}
.frm10.b{
  background-image: url(../img/bg_ptn06b.jpg);
}
.frm10::after,
.frm10::before{
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  margin: 0 auto;
  box-shadow: 0 0 10px 0px #000;
  background: linear-gradient(to right, rgba(24,30,54,0.6) 0%,rgba(232,235,242,0.8) 35%,rgba(232,235,242,0.8) 75%,rgba(24,30,54,0.6) 100%);
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .frm10{margin: 0 20px;}
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}

.frm11{
  position: relative;
  max-width:700px;
  margin: 0 auto;
  background-image: linear-gradient(to right, #00000033 0%,#121629cc 35%,#121629cc 75%,#00000033 100%);
  background-position: right top;
  background-repeat: no-repeat;
}
.frm11.a{
  background-image: url(../img/bg_ptn10b.jpg);
  background-position: center top;
}
.frm11::after,
.frm11::before{
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  margin: 20px auto;
  box-shadow: 0 0 10px 0px #000;
  background: linear-gradient(to right, rgba(24,30,54,0.6) 0%,rgba(232,235,242,0.8) 35%,rgba(232,235,242,0.8) 75%,rgba(24,30,54,0.6) 100%);
}
.frm11::before{margin-top: 0; }
.frm11::after{margin-bottom: 0; }
.frm11.a::after,
.frm11.a::before{
  background: linear-gradient(to right, #B8996700 0%,#B89967 35%,#B89967 75%,#B8996700 100%);

}



.frm12{
  margin: 40px auto;
  max-width: 770px;
  position: relative;
  background-image:
  url(../img/frm12_T.jpg),
  url(../img/frm12_B.jpg),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgb(255, 10, 115) 0%,rgb(224, 100, 96) 20%,rgb(153, 182, 3) 50%,rgb(203, 160, 15) 80%,rgb(167, 255, 13) 100%);
  background-repeat:
  repeat-x,
  repeat-x,
  repeat,
  repeat;
  background-position:
  center top,
  center bottom,
  0,0;
  padding: 26px 32px;
}
.frm12.a{
  background-image:
  url(../img/frm12_T.jpg),
  url(../img/frm12_B.jpg),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgba(1,75,104,1) 0%,rgba(1,75,104,1) 20%,rgba(1,75,104,1) 50%,rgba(1,75,104,1) 80%,rgba(1,75,104,1) 100%);
}
.frm12.b{
  background-image:
  url(../img/frm12_T.jpg),
  url(../img/frm12_B.jpg),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgba(1,19,111,1) 0%,rgba(1,19,111,1) 20%,rgba(1,19,111,1) 50%,rgba(1,19,111,1) 80%,rgba(1,19,111,1) 100%);
}
.frm12.c{
  background-image:
  url(../img/frm12_T.jpg),
  url(../img/frm12_B.jpg),
  url(../img/bg_ptn04.png),
  linear-gradient(to right, rgba(63,99,0,1) 0%,rgba(63,99,0,1) 20%,rgba(63,99,0,1) 50%,rgba(63,99,0,1) 80%,rgba(63,99,0,1) 100%);
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
}




/*================*/
/*menutitle setting*/
/*================*/
#spMenu h2,
#spFreeMenu h2,
#freeMenu h2,
#pickupMenu h2{  padding: 20px 0;}


#spMenu .title h3,
#spFreeMenu .title h3,
#newFreeMenu .title h3,
#newMenu .title h3,
#freeMenu .title h3,
#pickupMenu .title h3{
 padding: 15px 0 10px;
 font-size: 2.7rem;
 line-height: 1.5;
 letter-spacing: -1px;
}
#spMenu .title h3 a,
#spFreeMenu .title h3 a,
#newFreeMenu .title h3 a,
#newMenu .title h3 a,
#freeMenu .title h3 a,
#pickupMenu .title h3 a{
 display: block;
 position: relative;
 z-index: 10;
 color: #00228C;
}
#spMenu .title h3 a:hover,
#spFreeMenu .title h3 a:hover,
#newFreeMenu .title h3 a:hover,
#newMenu .title h3 a:hover,
#freeMenu .title h3 a:hover,
#pickupMenu .title h3 a:hover{  text-shadow: 0px 0px 2px #eef;}

#spMenu .on .menuTitle h3 a,
#spFreeMenu .on .menuTitle h3 a,
#spMenu .menuTitle h3 a:hover{color: #fff;}
#spFreeMenu .menuTitle h3 a:hover{color: #fff;}

.recoMenu .cap,
#spMenu .cap,
#spFreeMenu .cap,
#newFreeMenu .cap,
#newMenu .cap,
#freeMenu .cap,
#pickupMenu .cap{
  margin: 0 0 10px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #181E33;
}
.recoMenu .cap{color: #fff; }

#spMenu .packNotice,
#spFreeMenu .packNotice,
#newFreeMenu .packNotice,
#newMenu .packNotice,
#freeMenu .packNotice,
#pickupMenu .packNotice{
  font-weight: bold;
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
  #newFreeMenu h2,
  #newMenu h2{
    margin: 0 auto -33px;
  }
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  #spMenu h2,
  #spFreeMenu h2,
  #newFreeMenu h2,
  #newMenu h2,
  #freeMenu h2,
  #pickupMenu h2{  padding: 20px 1%;}

  #newFreeMenu h2,
  #newMenu h2{margin: -120px auto -50px; }

  #spMenu .title .icon,
  #spFreeMenu .title .icon,
  #newFreeMenu .title .icon,
  #newMenu .title .icon,
  #freeMenu .title .icon,
  #pickupMenu .title .icon{margin-right: 10px;}


  #spMenu .title h3,
  #spFreeMenu .title h3,
  #newFreeMenu .title h3,
  #newMenu .title h3,
  #freeMenu .title h3,
  #pickupMenu .title h3{
    padding: 10px 15px 10px 0;
    font-size: 2.8rem;
  }
  #spMenu .title h3 a,
  #spFreeMenu .title h3 a,
  #newFreeMenu .title h3 a,
  #newMenu .title h3 a,
  #freeMenu .title h3 a,
  #pickupMenu .title h3 a{}

  #spMenu .cap,
  #spFreeMenu .cap,
  #newFreeMenu .cap,
  #newMenu .cap,
  #freeMenu .cap,
  #pickupMenu .cap{
    margin: 20px 33px;
    font-size: 2.0rem;
  }
  #spMenu .packNotice,
  #spFreeMenu .packNotice,
  #newFreeMenu .packNotice,
  #newMenu .packNotice,
  #freeMenu .packNotice,
  #pickupMenu .packNotice{
    margin-left: 125px;
    margin-bottom: 10px;
    font-weight: bold;
  }
}
@media screen and (min-width: 550px) and (max-width: 639px) { /* 480px - 639px(lp) */
  #spMenu .title .icon,
  #spFreeMenu .title .icon,
  #newFreeMenu .title .icon,
  #newMenu .title .icon,
  #freeMenu .title .icon,
  #pickupMenu .title .icon{margin: 15px 0 0 0;}
}
@media screen and (min-width: 480px) and (max-width: 549px) { /* 480px - 550px(lp) */
  #spMenu .title .icon,
  #spFreeMenu .title .icon,
  #newFreeMenu .title .icon,
  #newMenu .title .icon,
  #freeMenu .title .icon,
  #pickupMenu .title .icon{margin: 15px 0 0 -10px;}
  #newFreeMenu .title h3,
  #newMenu .title h3,
  #freeMenu .title h3,
  #pickupMenu .title h3{
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  #spMenu .cap,
  #spFreeMenu .cap,
  #newFreeMenu .cap,
  #newMenu .cap,
  #freeMenu .cap,
  #pickupMenu .cap{
    margin: 20px 3%;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  #spMenu .title .icon,
  #spFreeMenu .title .icon,
  #newFreeMenu .title .icon,
  #newMenu .title .icon,
  #freeMenu .title .icon,
  #pickupMenu .title .icon{margin: 15px 5px 15px -10px;}
  #newFreeMenu .title h3,
  #newMenu .title h3,
  #freeMenu .title h3,
  #pickupMenu .title h3{
    font-size: 2.3rem;
  }

  /*#spMenu .frmInner,*/
  /*#spFreeMenu .frmInner,*/
  /*#newFreeMenu .frmInner,*/
  /*#pickupMenu .frmInner,*/
  #newMenu .frmInner .icon,
  #newFreeMenu .frmInner .icon{margin-left: 10px;}
  #newMenu .frmInner h3,
  #newFreeMenu .frmInner h3{margin-right: 10px;}
  #newMenu .frmInner p,
  #newFreeMenu .frmInner p{}
  #freeMenu .frmInner p{padding: 8px 2%;}
  #spMenu .inner .inner{cursor: pointer;}
}
@media screen and (max-width: 375px){ /* 375px以下(sp) */
  #spMenu .title,
  #spFreeMenu .title,
  #newFreeMenu .title,
  #newMenu .title,
  #freeMenu .title,
  #pickupMenu .title{padding: 10px 3% 10px 0;}
  #newFreeMenu .title h3,
  #newMenu .title h3,
  #freeMenu .title h3,
  #pickupMenu .title h3{
    font-size: 1.7rem;
  }
}

/*================*/
/*#topRecoMenu*/
/*================*/
.top #topRecoMenu .price,
.top #topRecoMenu .premPrice{
  display: none;
}




@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(lp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}


/*================*/
/*#spFreeMenu*/
/*================*/
#spFreeMenu{background-color: #000;}

#spFreeMenu .recoMenu:before,
#spFreeMenu .tarotBox:before{
  content: '';
  display: block;
  background: rgb(53,44,32);
  background: -moz-linear-gradient(left, rgba(53,44,32,1) 0%, rgba(154,133,94,1) 50%, rgba(53,44,32,1) 100%);
  background: -webkit-linear-gradient(left, rgba(53,44,32,1) 0%,rgba(154,133,94,1) 50%,rgba(53,44,32,1) 100%);
  background: linear-gradient(to right, rgba(53,44,32,1) 0%,rgba(154,133,94,1) 50%,rgba(53,44,32,1) 100%);
  max-width: 800px;
  height: 2px;
  margin: 0 auto;

}
#spFreeMenu h2:first-of-type img{
  width: 100%;
  margin: -40px auto;

}
#spFreeMenu h4{margin-top: 16px;}


/*================*/
/*#freeMenu*/
/*.imgMenuLinks*/
/*================*/
.imgMenuLinks{
  text-align: center;
  margin: 0 auto;
  padding-top: 30px;
  max-width:808px;
}
#freeMenu{
}
.imgMenuLinks h3{
  display: inline-block;
}

.imgMenuLinks a.on img{opacity: 0.8; }
.imgMenuLinks h3:nth-of-type(1) a.on{background-color: #ff0; box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);}
.imgMenuLinks h3:nth-of-type(2) a.on{background-color: #f0f; box-shadow: 0 0 5px 5px rgba(255,255,255,0.3);}

.imgMenuLinks h3 a img{width: 100%;}



@media screen and (min-width: 640px) { /* 640px以上（pct） */
  .imgMenuLinks h3{
    width: 48%;
  }
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .imgMenuLinks h3{
    margin: 0;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
  .imgMenuLinks h3{
    margin: 0 1px;
    padding: 0 3px;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .imgMenuLinks{
    padding-top: 10px;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .imgMenuLinks{text-align: center;}
  .imgMenuLinks h3{
    margin: 5px 3px 10px;
  }
}

/*================*/
/*inp*/
/*#inpNotice4Frs*/
/*================*/
#inpNotice4Frs{
  text-align:center;
  margin:15px 0 0;
  letter-spacing:1px;
  color:#ddd;
  font-size: 1.6rem;
}
#inpNotice4Frs span{
  font-weight:bold;
  color:#ff0;
  font-size: 1.7rem;
}

@media screen and (max-width: 899px){
  #inpNotice4Frs{font-size:1.3rem;}
  #inpNotice4Frs span{font-size:1.4rem;}
}

/*================*/
/*#inpCatch*/
/*================*/
#inpCatch{
  position: relative;
}
#inpCatch .btn{
  position: relative;
  display: inline-block;
  margin: 0 auto 20px;
}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  #inpCatch > img{margin-bottom: -5%; }
}
@media screen and (max-width: 639px){ /* 639px以下(lp) */
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}


/*================*/
/*.inpKoumoku*/
/*================*/
.inpKoumoku {max-width: 820px}
.inpKoumoku h3 {text-align: center;}

.inpKoumoku ol{
  font-size: 2rem;
  margin: 10px auto 0;
  padding-bottom: 10px;
  width: 100%;
  /*width: 90%;*/
  max-width: 635px;
}
.inpKoumoku ol li{
  color: #54453F;
  font-size: 2.0rem;
  line-height: 1.3;
  /*text-shadow*/: 1px 1px 1px #aaa;
  padding: 2px 2% 2px;
  margin: 0;
}
.inpKoumoku ol li{
  background-image: url(../img/mark1.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
  /*margin: 0 1%;*/
}

.inpKoumoku ol li span{
  display: inline-block;
  vertical-align: middle;
  padding: 5px 5px 5px 46px;
  margin-right: 2.0rem;
  z-index: 1000;
  position: relative;
}
.inpKoumoku .packNotice {
  margin-left:116px;
  padding-bottom: 40px;
}


@media screen and (min-width: 640px) { /* 640px以上（pct） */
  .inpKoumoku ol{
    padding-bottom: 30px;
    /*width: 80%;*/
  }
  .inpKoumoku ol li{
    padding: 2px 2px 2px 2px;
  }
  .inpKoumoku .packNotice{
    margin: 0 auto;
  }
  .inpKoumoku .packNotice .line1{width: 80%;}
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  /*.inp .inpKoumoku {width: 800px;}*/
  .inp .inpKoumoku .line1{width: 80%;}
  /*.inpKoumoku ol {width: 600px; }*/
  .free .inpKoumoku{
    min-height: 262px;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
  .inpKoumoku .packNotice{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .inpKoumoku .box1{margin: -60px auto -20px; }
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .inpKoumoku ol li span{padding: 5px 5px 5px 32px; }
}
@media screen and (max-width: 639px){ /* 639px以下(lp) */
  .inpKoumoku ol li{
    padding: 2px;
  }

  .inpKoumoku .packNotice{
    margin: 0px auto;
    width: auto;
    padding: 0 2rem 20px 15px;
  }
  .inpKoumoku ol li{
    -webkit-background-size: 30px;
    background-size: 30px;
  }
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .inpKoumoku ol li{
    font-size: 1.5rem;
    padding: 2px;
  }
  .inpKoumoku ol li{
    padding: 2px;
  }
  .inpKoumoku ol li span{
    margin-right: 1rem;
  }
}


/*================*/
/*#inpForm*/
/*================*/
#inpForm{
  max-width: 820px;
  margin: 0 auto;
}
#inpForm h4{text-align: center; }

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  /*#inpForm h4{margin: 0 auto 15px; }*/
  #inpForm{padding: 80px 40px 40px;}
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
}
@media screen and (max-width: 639px){ /* 639px以下(lp) */
  /*#inpForm .inner{padding: 1%;}*/
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
}

#hide4flash{position: relative;z-index: 100; }



fieldset {
  margin:10px auto 30px;
  border:none;
  position:relative;
  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
fieldset > div{
  margin:5px auto;
  /*box-shadow: 0px -20px 35px -20px rgba(255, 205, 195, 0.25) inset;*/
  /*border-radius: 3px;*/
}
fieldset.forY > div{
}

fieldset label{
  display:inline-block;
  color:#000;
  font-weight:bold;
  font-size:1.5rem;
  vertical-align:middle;
  margin:0 10px 0 5px;

}
fieldset label.nameNotice{
  margin:0;
}
fieldset .line{
  margin: 4px 0;
}

.formGroupName,
.formGroupDate,
.formGroupTime,
.formGroupPlace,
.formGroupSex{
  position: relative;
  color: #E5E0D7;
  /*text-shadow: 1px 1px 1px #000;*/
  padding: 20px 25px;

}
.formLabel{
  display:inline-block;
  width:95px;height: 24px;
  position:relative;
  top:2px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: right;
}

fieldset input[type=text]{width: 206px;}

fieldset .m_year,
fieldset .m_month,
fieldset .m_day,
fieldset .year,
fieldset .month,
fieldset .day,
fieldset .hour,
fieldset .min{vertical-align:middle;}

fieldset .notice,
fieldset .min,
fieldset .hour,
fieldset .year,
fieldset .month,
fieldset .day{font-weight: bold;}

fieldset input[type=text],
fieldset select{height: 30px;}

fieldset .m_year{width: 70px;}
fieldset .m_month,
fieldset .m_day{width: 55px;}



fieldset .notice,
fieldset .formLabel,
fieldset div div{
  position:relative;
  height:24px;
  display:inline-block;
  color: #fff;
}


fieldset .min,
fieldset .hour,
fieldset .day,
fieldset .month,
fieldset .year{
  width:23px;margin: 0 10px 0 5px;
  font-size: 1.6rem;
  position: relative;
  top: 4px;
}
fieldset .day{width: 15px;margin-right: 0;}


fieldset .notice{
  width: auto;
  top: 1px;
  color: #ff0;
  text-shadow: none;
  font-weight: normal;
  text-align: right;
  /*font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;*/
}



@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .formLabel{
    margin-right: 60px;
  }
  fieldset > div{
    margin:5px 50px;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .formGroupName,
  .formGroupDate,
  .formGroupTime,
  .formGroupPlace,
  .formGroupSex{
    padding: 20px 5px;
  }
  fieldset{
    margin:30px auto;
    width: 94%;
  }
  .formLabel{
    width: 4.5em;
    vertical-align: text-top;
    position: static;
    top: 0;
    font-weight: normal;
    margin-right: 40px;
  }
  fieldset input[type=text]{width: 12em;}
  fieldset .notice{
    margin-bottom:0;
    text-align: right;
  }
  fieldset .min,
  fieldset .hour,
  fieldset .day,
  fieldset .month,
  fieldset .year{width: auto;margin: 0;}
}
@media screen and (max-width: 639px){ /* 639px以下(lp) */
  .formGroupName,
  .formGroupDate,
  .formGroupTime,
  .formGroupPlace,
  .formGroupSex{
    padding: 10px;
  }
  fieldset{
    margin:10px auto;
    /*width: 420px;*/
    width: 90%;
  }
  fieldset .formLabel{
    display: block;
    text-align: left;
    line-height: 1;
  }

  fieldset #iSex,
  fieldset #ySex,
  fieldset #iName,
  fieldset #yName,
  fieldset #iPlace,
  fieldset #yPlace,
  fieldset .m_year,
  fieldset .m_month,
  fieldset .m_day{
    /*height: auto;*/
    padding: 5px 10px;
  }

  fieldset input[type=text]{width: 179px;}

  fieldset .notice{
    display: inline-block;
    text-align: left;
    top: 10px;
  }

}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .formGroupName,
  .formGroupDate,
  .formGroupTime,
  .formGroupPlace,
  .formGroupSex{
    padding: 5px 0px 15px 0px;
  }
  fieldset{width: auto;}
  .formLabel{margin: 5px 0 0 0;}
}
@media screen and (max-width: 400px){ /* 400px以下(sp) */
}



fieldset .inputText{height: 30px;padding: 0 5px;}

fieldset .cookieNotice,
fieldset .nameNotice{width:210px;}

p.inpNoticeName,
p.inpNoticeSex{
  margin:15px 0;
  text-align:left;
  line-height:150%;
}


@media screen and (max-width: 479px){ /* 479px以下 */
  .btnBox{margin-left: -4px;}
}


fieldset #cookieBox input{height: auto;}

fieldset #cookieBox{
  text-align:center;
  color:#E5EAE4;
}
fieldset #cookieBox p{
  width: 217px;
  height: 16px;
  margin:0 auto;
  text-align:center;
}
fieldset #cookieBox table{
  width:300px;
  height:50px;
  margin:0 auto 30px;
}

fieldset #iYear,
fieldset #yYear,
fieldset #iMonth,
fieldset #yMonth,
fieldset #iDay,
fieldset #yDay,
fieldset #iHour,
fieldset #yHour,
fieldset #iMin,
fieldset #yMin,
fieldset #iPlace,
fieldset #yPlace,
fieldset #iLocation,
fieldset #yLocation,
fieldset #iSex,
fieldset #ySex{
  vertical-align:middle; /* if img text-top */
}


fieldset .m_year,
fieldset #iMonth,
fieldset #yMonth,
fieldset #iDay,
fieldset #yDay{
  width:65px;
}
fieldset #iSex,
fieldset #ySex,
fieldset #iPlace,
fieldset #yPlace{
  width:110px;
}

fieldset input[type=text],
fieldset select{
  font-size: 1.4rem;
}

@media screen and (max-width: 899px){
  fieldset .cookieNotice,
  fieldset .nameNotice{
    width:auto;
  }
  fieldset .m_year{width: 75px;}
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}
@media screen and (max-width: 415px){ /* 415px以下(sp_s) */
  fieldset{width: 90%;}
  fieldset .formLabel{
    width: 100%;
    margin-bottom: 5px;
  }
  fieldset #yPlace,
  fieldset #iPlace,
  fieldset #ySex,
  fieldset #iSex,
  fieldset #yName,
  fieldset #iName{
    width: 100%;
  }
  fieldset #yYear,
  fieldset #iYear{
    width: 86%;
  }
  fieldset #yMin,
  fieldset #iMin,
  fieldset #yHour,
  fieldset #iHour,
  fieldset #yMonth,
  fieldset #iMonth,
  fieldset #yDay,
  fieldset #iDay{
    width: 39.2%;
  }

  fieldset .month,
  fieldset .day,
  fieldset #yMonth,
  fieldset #iMonth,
  fieldset #yDay,
  fieldset #iDay{
    margin-top: 16px;
  }
  fieldset .notice{
    text-align: right;
    display: block;
  }
}
@media screen and (max-width: 376px){ /* 376px以下(sp_s) */
  fieldset #yMin,
  fieldset #iMin,
  fieldset #yHour,
  fieldset #iHour,
  fieldset #yMonth,
  fieldset #iMonth,
  fieldset #yDay,
  fieldset #iDay{
    width: 38.8%;
  }
}
@media screen and (max-width: 360px){ /* 360px以下(sp_s) */
  fieldset #yMin,
  fieldset #iMin,
  fieldset #yHour,
  fieldset #iHour,
  fieldset #yMonth,
  fieldset #iMonth,
  fieldset #yDay,
  fieldset #iDay{
    width: 37.5%;
  }
}
@media screen and (max-width: 330px){ /* 330px以下(sp_s) */
  fieldset #yMin,
  fieldset #iMin,
  fieldset #yHour,
  fieldset #iHour,
  fieldset #yMonth,
  fieldset #iMonth,
  fieldset #yDay,
  fieldset #iDay{
    width: 38%;
  }

}


/*================*/
/*.recoMenu*/
/*================*/
.recoMenu{
  position: relative;
  margin: 0 auto 20px;
  font-size: 1.4rem;
  line-height: 1.4;
  max-width: 808px;
}
.recoMenu h2{
  text-align: center;
  position: relative;
  z-index: 100;
  margin: 0 auto;
}

.recoMenu .box{
  margin-top: -8px;
}
.recoMenu .box li{
  margin: 0;
  position: relative;
  z-index: 10;
}
.recoMenu .box li > div.frm12{
  margin: 5px auto;
  text-align: center;
  padding: 26px 10px;
}


.recoMenu .box li.on{
  border-color: #36C1FC;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.recoMenu li .icon{margin:0px 5px;}
.top .recoMenu li:nth-of-type(1) .icon{background: url(../img/top_recoMenu_icon1.png) 0 0 no-repeat;}
.top .recoMenu li:nth-of-type(2) .icon{background: url(../img/top_recoMenu_icon2.png) 0 0 no-repeat;}
.top .recoMenu li:nth-of-type(3) .icon{background: url(../img/top_recoMenu_icon3.png) 0 0 no-repeat;}


.recoMenu li h3 a{
  /*font-size: 3.0rem;*/
  /*line-height: 1.4;*/
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.recoMenu li.on h3 a,
.recoMenu li h3 a:hover{
  /*color: #FFFFFF !important;*/
  /*text-shadow: 1px 1px 2px rgb(0, 0, 0);*/
}

.recoMenu .box li span{
  display: block;
  text-align: center;
  margin: -10px auto 1px;
}
.recoMenu .cap{
  font-size: 1.8rem;
  padding: 8px 33px 0;

}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
  .recoMenu{
    padding: 40px;
  }
  .recoMenu .box{
    margin-top: -16px;
  }
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .recoMenu li .icon{
  }
  .recoMenu li h3{
    position: relative;
    z-index: 100;
  }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
  /*.recoMenu li h3{font-size: 2.6rem; }*/
  .recoMenu li .icon{margin:2px 5px;}
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
  .recoMenu li .icon{margin:-5px 5px 0;}
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .recoMenu .box li h3{padding: 0 2%;}
  .recoMenu .cap{padding: 8px 3% 0; }
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .recoMenu .box{border-width: 2px 0; }
  /*.recoMenu .box li h3 a{font-size: 2.2rem; }*/
  .recoMenu .box li{cursor: pointer;}
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .recoMenu .box li{margin: 2px 1px;}
  .recoMenu li .icon{margin:0 5px 0 0;}
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
  /*.recoMenu .box li h3 a{font-size: 1.8rem; }*/
}


/*================*/
/*================*/
/*.message*/
/*================*/
/*================*/
.message{
  max-width: 806px;
}
.message > .frm8{
  max-width: 806px;
  margin: -10px auto;

}
.message h4{
  background-image:
  url(../img/bg_ptn04.png),
  linear-gradient(to right, #FFC82E 0%,#CB8700 15%,#fecf23 40%,#fecf23 60%,#CB8700 85%,#725E00 100%);
  background-position: 0 0;
  background-repeat: repeat;
  box-shadow: 0 3px 5px -1px #AA5F00;
  padding: 15px 0;
  text-align: center;
}
.message h5{
  text-align: center;
  margin-top: 10px;
}
.message > div > div{
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.message > div > div > span{
  flex:0 1 100%;

}
.message p{
  order:1;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  align-self: center;
  margin: 20px 20px 20px 0;
  color: #000;
  font-size: 2.0rem;
  line-height: 1.6;
  text-shadow:
  0 0 1px #fff,
  0 0 1px #fff,
  0 0 1px #fff,
  0 0 1px #fff,
  0 0 2px #fff,
  0 0 2px #fff,
  0 0 2px #fff,
  0 0 2px #fff;
}
.message .tellerSign{
  z-index: 100;
  position: relative;
  bottom: 20px;

}

@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  .message .tellerSign{
    background-position: 90% 0;
  }
  #message .mosaic{width: 95%;}

}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
  /*.message .tellerSign{bottom: 70px; }*/
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px){ /* 899px以下(nepc) */
  .message .tellerSign{
    background-position: right 0;
    height: 90px;
    -webkit-background-size: contain;
    background-size: contain;
    right: 30%;
  }
}
@media screen and (max-width: 639px){ /* 639px以下(smp) */
  .message > div > div{display: block;}
  .message p{
    display: block;
    padding: 10px 3% 0;
    margin: 20px auto 0;
  }
  .message span{
    display: block;
    width: 70%;
    margin: 0 auto;
    text-align: center;
  }
  .message .tellerSign{
    right: 10px;
  }


}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  .message p{
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 0 auto;
    padding: 6% 4%;
  }
  #message .mosaic{
    width: 100%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 399px){ /* 399px以下(sp_s) */
  .message span{
    width: 100%;
  }

}



/*================*/
/*#benefit*/
/*================*/
.benefit{
  position: relative;
  margin: 30px auto;
  text-align: center;
}


/* .packNotice ----------------------------------------------------------------- */
.packNotice{
  width:38em;
  /*width:35em;*/
  color: #000;
  font-size:1.4rem;
  line-height: 1.4;
  position:relative;
}

.packNotice li{
  list-style-position:outside;
  list-style-type:disc;
  font-weight:bold;
  font-size: 1.4rem;
  margin: 2px 0 2px 1em;
  margin-left: 1em !important;
  padding: 0 !important;
}
@media screen and (max-width: 899px){
  .packNotice{  width:auto;}
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

/* inpPrice,resPrice,frsPrice----------------------------------------- */


.inpPrice,
.frsPrice,
.resPrice{
  display:block;
  line-height:1.5;
  text-align: center;
  font-size: 1.2rem;
  padding:30px 5px;
  margin: 15px auto 0;
  color: #eee;
}

.inpPrice .priceBox,
.frsPrice .priceBox,
.resPrice .priceBox{
 margin:35px auto 0;
 padding:0;
}

.inpPrice strong.price,
.frsPrice strong.price,
.resPrice strong.price{
  font-weight:bold;
}
.inpPrice strong.premPrice,
.frsPrice strong.premPrice,
.resPrice strong.premPrice{
  font-weight:bold;
}
.inpPrice strong,
.frsPrice strong,
.resPrice strong{
  font-weight:bold;
}

.inpPrice a.notice,
.frsPrice a.notice,
.resPrice a.notice {
  font-weight:bold;
  text-decoration:underline;
  color: #ffb1ff;
}
.inpPrice a.notice:hover,
.frsPrice a.notice:hover,
.resPrice a.notice:hover{
  text-decoration:none;
}
.inpPrice a.notice:visited,
.frsPrice a.notice:visited,
.resPrice a.notice:visited{
}
.frsPrice .notice{color: #ddd; }


.resPrice_camp,
.frsPrice_camp,
.inpPrice_camp{
  display:block;
  margin-left: -5px;
  padding-left: 4px;
  font-size:1.3rem;
  color:#FF0;
  background-color:#888;
  border:1px solid #000;
}
.resPrice_camp strong.premPrice,
.frsPrice_camp strong.premPrice,
.inpPrice_camp strong.premPrice{
  font-weight:bold;
  color:#FF0;
}

@media screen and (max-width: 899px){
}
@media screen and (max-width: 479px){
  .inpPrice,
  .frsPrice{
    padding: 10px 4%;
  }
  .resPrice{
    padding: 10px 2%;
  }
}

/* goTop ----------------------------------------------------------------- */
.backTop,
.goTop{
  text-align:center;
  font-size:1.4rem;
  font-weight:bold;
  margin:0px auto;
  padding: 20px 0;
  position: relative;
  z-index: 10;
}

.backTop img,
.goTop img{  opacity: 0.8;}
.backTop img:hover,
.goTop img:hover{  opacity: 1;}


/* footer ----------------------------------------------------------------- */
#copyright {
  font-size:1.4rem;
  line-height: 1.3;
  text-align:center;
  margin:20px 0 0;
  padding-bottom: 2px;
  color:#ddd;
}

.taxNotice{
  color:#ddd;
  text-align:center;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 15px 0 0;
}

#jsNotice{width:100%;background-color:yellow;text-align:center;font-size:1.7rem;padding:6px;font-weight:bold;color:#b00;letter-spacing:1px;}

.error{
  color: #eee;
  font-size: 1.5rem;
  text-align: center;
  line-height: 2;
  margin: 100px;
}
.error h3{color: #f33;font-size: 2.2rem;font-weight: bold;letter-spacing: 1px;}
.error span{font-weight: bold;}
.error .br{display: block;}

@media screen and (max-width: 899px){
  .taxNotice{color:#666;}
  .error {margin: 30px auto;}
  .error h3{margin: 30px auto;}
}
@media screen and (max-width: 639px){
  .error {margin: 30px 5px;}
  .error .br{display: none;}
}
@media screen and (max-width: 479px){
  .error h3{font-size: 1.2rem;}

}