@charset "UTF-8";



/* ------------------------------------------------------

  全体設定

------------------------------------------------------ */



html, body {

  width: 100%;

  height: 100%;

  position: relative;

}



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

}

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

}









.mincho {

  font-family: '游明朝', 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;

  letter-spacing: .1em;

  -webkit-transform: rotate(.03deg);

      -ms-transform: rotate(.03deg);

          transform: rotate(.03deg);



  -webkit-font-feature-settings: 'palt';

          font-feature-settings: 'palt';

  -webkit-text-stroke: .02px currentColor;

}



/* IE10以降游ゴシックオフ */

@media all and (-ms-high-contrast:none) {

  .mincho {

    font-family: 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;

  }

}









#wrap {

    /*background: -webkit-linear-gradient(left, transparent, #F3CDF4 0%, #FEFDF9);

    background: linear-gradient(90deg, transparent, #F3CDF4 0%, #FEFDF9);*/

    /*background-image:url(../img/bg.png);*/

    /*background-position: center top;*/

  /*background: -moz-linear-gradient(top, #9d0200, #000);

  background: -webkit-linear-gradient(top, #9d0200, #000);

  background: linear-gradient(to bottom, #9d0200, #000);*/

  background: #fff;

  

  }



#wrap {

  width: 100%;

  height: auto;

  font-size: 1.4rem;

  font-weight: 500;

  line-height: 1.6;

  letter-spacing: .8pt;

  color: #404040;

  padding: 0;

  position: relative;

}

#wrapper {

  max-width: 1000px;

  margin: 0 auto;

  padding-bottom: 1rem;

}/*

#wrapper .sub { text-align: center; margin: 1rem 0 0; color: #BE0470; font-size: 3rem; font-weight: 700;}

#wrapper .sub > span { font-size: 1.8rem;}

@media screen and (min-width: 800px) {

#wrap::after {

    content: "";

    position: absolute;

    background-color: #ffafd4;

    margin: auto;

    height: 485px;

    width: 100%;

    z-index: 1;

    display: block;

    bottom: 66px;

}

}*/

/*----------------------------------------

  header

----------------------------------------*/

.header {

  width: 100%;

  background: #f66792;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.header div {

  max-width: 700px;

  margin: 0 auto;

  padding: .3rem 1rem;

  box-sizing:border-box;

  color: #fff;

}

.header div h1 {

  font-size: 1.4rem;

  display: inline-block;

}





/*----------------------------------------

  content

----------------------------------------*/

.contents {

  padding: 0;

}



.contents .pos_area {

  max-width: 1000px;

  /*padding: 2rem 3%;*/

  background: #fff;

  position:relative;

  z-index: 2;

}



.contents .pos_area img {

  width: 100%;

}



.caution {

  text-align: right;

  color: #f00;

  font-size: 1.6rem;

  margin-top: .5em;

}

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

.contents {

  padding: 0;

}

#wrapper {

  padding-bottom: 0;

}

/*

.contents .pos_area {

  padding: 1rem 3%;

}*/

}



/* ------------------------------------------------------

  スタイル

------------------------------------------------------ */

.title { color: #ec0708; padding: 10px 0 5px; text-align: center; font-weight: bold; font-size: 15px;}

.text_area { color: #333; padding: 0 3% 10px; text-align: center;}

.text_area h2 { border-bottom: 1px solid #333;border-top: 1px solid #333; padding: 3px; font-size: 15px;}

.text_area p { padding: 10px 0 0; font-size: 13px; text-align: left;}





/*----------------------------------------

  footer

----------------------------------------*/



.footer {

  width: 100%;

  height: 5rem;

  padding: .5rem 0 0 0;

  text-align: center;

  bottom: 0;

  color: #fff;

  font-size: 1.3rem;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  background: #f66792;

  z-index: 5;

  position: fixed;

  bottom: 0;

}

.footer_in {

  max-width: 700px;

  margin: 0 auto;

}

.footer_in > div a img {

  background: rgba(255,255,255,0);

  padding:　0;

  -webkit-transition: all .25s;

  transition: all .25s;

  /*-webkit-filter: invert(100%);

     -moz-filter: invert(100%);

     -o-filter: invert(100%);

     -ms-filter: invert(100%);

     filter: invert(100%);*/

}

.footer_in > div a:hover img {

  opacity: .7;

}

.copy {

  /*font-family: 'Cardo', serif;*/

  margin-top: 3.5rem;

}

.footer_tx{

    text-align:center;

    margin-top: 1rem;

}

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

.footer {

  position: static;

}

}



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

.footer {

  width: 100%;

  height: 8.0rem;

}

.footer div {

  width: 100%;

}

.footer div.copy {

  position: absolute;

  bottom: .3rem;

}



}



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



}





/* ------------------------------

     ページトップ

  ------------------------------ */



#page-top {

  position: fixed;

  bottom: 1.5rem;

  right: 1rem;

  font-size: 1.2rem;

  -webkit-transition: all .25s;

  transition: all .25s;

  z-index: 100;

}



#page-top a {

  text-decoration: none;

  width: 5rem;

  height: 5rem;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  color: rgba(255, 255, 255, 0.9);

  background: #e59a22;

}



#page-top a::after {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  width: 1rem;

  height: 1rem;

  margin-top: -.5rem;

  margin-left: -.55rem;

  border-left: 2px solid rgba(255, 255, 255, 0.9);

  border-top: 2px solid rgba(255, 255, 255, 0.9);

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



#page-top:hover {

  bottom: 2.5rem;

  right: .9rem;

  opacity: 0.8;

}



.button_1 {

  text-align: center;

  margin: 0 0 20px;

}

.button_1 a {

  position: relative;

  display: inline-block;

  min-width: 250px;

  max-width: 320px;

  margin: 20px 0 0px 0;

  padding: 10px 10px 10px 10px;

  font-size: 15px;

  color: #fff;

  background:#e59a22;

  text-align: center;

  vertical-align: middle;

  letter-spacing: 0.1em;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all .3s;

  transition: all .3s;

}



.button_1 a::before {

  position: absolute;

  width: 6px;

  height: 6px;

  top: 0;

  bottom: 0;

  left: 10px;

  margin: auto;

  content: "";

  vertical-align: middle;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.button_1 a:hover {

  opacity: 0.7;

}