@charset "utf-8";

.clearfix:after {
  content: "";
  clear: both;
  display: block;}

body {
  font-size: 62.5%;
}

img {
  height: auto;
  margin: auto;
  vertical-align: text-bottom;}

.pc {
  display: block;}

.sp {
  display: none;}

.sp_979 {
  display: none;}

.tablet_scroll {
  display: none;
}

.bfont {
  font-weight: bold;
  text-decoration: underline;
}

a {
  display: block;
}

/* Material iconsを利用する */
.material-icons {
 font-family: 'Material Icons';
 font-weight: normal;
 font-style: normal;
 font-size: 24px;  /* 推奨サイズ */
 display: inline-block;
 width: 1em;
 height: 1em;
 line-height: 1;
 text-transform: none;
 vertical-align: middle;

 /* WebKitブラウザサポート */
 -webkit-font-smoothing: antialiased;
 /* Chrome、Safariサポート */
 text-rendering: optimizeLegibility;

 /* Firefoxサポート */
 -moz-osx-font-smoothing: grayscale;

 /* IEサポート */
 font-feature-settings: 'liga';
}



/*.topspmaca {
  display: none !important;
}
*/
header,article,section {
  /*font-family: "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif !important;
*/
  /*font-family:  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , Roboto , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana ;*/
}

/*header,article,section {
  font-family:  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , Roboto , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana  !important;
}*/



/* ローディング画面の背景 */
#loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 0;
  background: #e893a7;
  z-index: 9999;
}

#loading .message {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
}

#loading .message #message_in .innner {
  width: 100%;
  max-width: 35vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

/*#loading .message #message_in .innner {
  width: 0;
  max-width: 0;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transition: 500ms linear;
}

#loading .message #message_in.is_show .innner {
  width: 100%;
  max-width: 35vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}*/



#loading .message #message_in img {
  max-width: 100%;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 1200px) {
#loading .message #message_in {
  /*width: 35.2%;
  max-width: 154px;*/
}
}



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

contents

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

* {
  font-family: 'Noto Sans JP', sans-serif;
}

.pc {
  display: block;}

.sp {
  display: none;}

.tablet_scroll {
  display: none;
}

.nav-botm {
  padding-bottom: 1%;
}

.contents {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  height: auto;
}

.contents2 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  height: auto;
}

.contents3 {
  width: 100%;
  max-width: 1000px;
  margin:  auto;
  height: auto;
}

.contents4 {
  width: 100%;
  max-width: 1300px;
  margin:  auto;
  height: auto;
}

.min_cont {
  max-width: 960px;
  margin: auto;
  height: auto;
}

.gara {
  font-family: "Garamond";
}


.gothic {
  font-family:  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , Roboto , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana  !important;
}

.mincho {
  font-family: "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif !important;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
}

.eimoji7, .eimoji14 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.pink {
  color: #EB8397;
}

.orange {
  color: #DF971F !important;
}

.red001 {
  color: #ff0000 !important;
}

/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1rem !important;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}


/*----- フェードインしながら上へスライド -----*/
.f0 {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .8s;
}


.mp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .5s;
}

.mp2 {
    opacity: 0;
    transform: translate(0, 70px);
    -webkit-transform: translate(0, 70px);
    transition: .6s;
}

.mp3 {
    opacity: 0;
    transform: translate(0, 80px);
    -webkit-transform: translate(0, 80px);
    transition: .7s;
}

.mp4 {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .7s;
}

.FadeInUP {
    opacity: 1.0 !important;
    transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
}


/*----- フェードインしながら上へスライド -----*/

.mainbox {
  position: relative;
  /*background: #7b0000;*/
}

.mainbox::before {
    content: "";
    width: 100%;
    height: 36vw;
    display: block;
    background: url(../../img/wintercampaign/main_bg_dot.svg) ;
    background-size: 4%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.main_d_box .pannavi {
  background: #fffff6;
  padding: 0.5em 3em;
}

.main_d_box .pannavi ol {}

.main_d_box .pannavi ol li {
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.7em;
  letter-spacing: 0.15em;
  color: #6D6D6D;
  float: left;
  margin-left: 0.5em;
}

.main_d_box .pannavi ol li a {}

.main_d_box .pannavi ol li a:hover {}

.main_d_box .pannavi ol li span {
  color: #a6a6a6;
  margin-left: 0.5em;
}



/**************************************************************

contact05だよ

**************************************************************/

.cont05 {}

.cont05 .co05_in {
  padding: 4% 0 8%;
}

.cont05 .co05_in .sm_d {
  color: #333;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 0.8rem;
  padding: 7% 0 6%;
}

.cont05 .co05_in h3 {
  color: #333;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  padding-bottom: 4%;
}

.cont05 .co05_in .tszt {
  color: #6d6d6d;
  line-height: 1.8em;
  letter-spacing: 0.2em;
  font-size: 0.8rem;
  padding-bottom: 7%;
}

.cont05 .co05_in .co05_in01 {}

.cont05 .co05_in .co05_in01 .co05_in01_l {
  float: left;
  width: 47%;
  margin: auto;
  margin-right: 3%;
}

.cont05 .co05_in .co05_in01 .co05_in01_l h4 {
  color: #333;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  padding-bottom: 4%;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
  padding-bottom: 4%;
  text-align: right;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a {
  display: inline-block;
  padding-right: 8%;
  position: relative;
  font-weight: 700;
  color: #333;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left;
  transition: 0.4s;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a:hover {
  color: #e88383;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a:hover:before {
  transform: scale(1);
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box {
  padding: 6% 3%;
  margin: 3em auto auto;
  width: 100%;
  background: #F2D4B8;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box h5 {
  color: #704B28;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox {
  padding: 5% 0 0%;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea {
  float: left;
  width: 55%;
  margin: auto;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .telbtn {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 1.5rem;
  color: #704B28;
  text-align: center;
  margin-bottom: 5%;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .telbtn a {}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .telbtn a:hover {}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .resvbtn {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .resvbtn a {
  display: inline-block;
  border-radius: 10px;
  background: #DF954F;
  color: #fff;
  padding: 0.3em 3em;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox dl.eigyou {
  background: #fff;
  border: solid thin #704B28;
  padding: 2%;
  float: right;
  width: 42%;
  margin: auto;
  margin-left: 3%;
  text-align: center;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox dl.eigyou dt {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 1rem;
  color: #704B28;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox dl.eigyou dd {
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-size: 1rem;
  color: #704B28;
}

.cont05 .co05_in .co05_in01 figure.co05_in01_r {
  float: right;
  width: 50%;
  margin: auto;
}

.cont05 .co05_in .co05_in01 figure.co05_in01_r img {
  max-width: 100%;
}


/**************************************************************

footerだよ

**************************************************************/


footer {
  border-top: solid thin #e6e6e6;
  background-image: linear-gradient(to top, #fff8f8, #fff);
}

footer .foot_in {
  padding: 3% 4% 1.5%;
}

footer .foot_in ul {}

footer .foot_in ul li {
  float: left;
  /*width: 14%;*/
  padding: 0.5% 2%;
  font-size: 0.8rem;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  text-align: center;
  color: #333;
  border-right: solid thin #d2d2d2;
}

footer .foot_in ul li:last-child {
  border-right: none;
}

footer .foot_in ul li a {
  color: #333;
}

footer .foot_in ul li a:hover {
  color: #e88383;
}

footer p {
  font-size: 0.8rem;
  line-height: 1.8em;
  letter-spacing: 0.2em;
  color: #6d6d6d;
  text-align: center;
  padding: 4.5% 0 0;
}

footer p a {
  color: #fff;
  display: inline;
}

footer p a:hover {
  color: #f7f7f7;
}

footer p strong {
  font-weight: 700;
}

#cboxContent {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.5);
}

#select-area {
  margin: 0 20px 25px;
  padding: 10px 10px;
  width: 320px;
  max-width: 480px;
  background-color: #faf5ea;
  border-radius: 10px;
  text-align: center;
}

#select-area h3 {
  margin: 10px auto 20px;
  padding: 0;
  line-height: 14px;
  font-size: 14px;
}

#select-area ul {
  margin: 5px auto 25px;
  min-height: 324px;
}

#select-area ul li {
  margin-bottom: 5px;
  display: block;
  min-height: 42px;
}

#select-area ul li a:hover {
  opacity: .8;
}

.sctopin {
  display: none;
}

/**************************************************************

NEW_FOOTER 20170829

**************************************************************/






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

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

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

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

header .spcamp .firstbtn a, header .spcamp .secondbtn a {
    padding: 0.2em 0.7em;
}

.contents4 {
  width: 94%;
  max-width: 1300px;
  margin:  auto;
  height: auto;
}


}

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

header .spcamp .firstbtn a, header .spcamp .secondbtn a {
    padding: 0.2em 0.7em;
}


}

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

header .spcamp .firstbtn a, header .spcamp .secondbtn a {
    padding: 0.2em 0.7em;
}


}

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

header .spcamp .firstbtn a, header .spcamp .secondbtn a {
    padding: 0.2em 0.7em;
}



}


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


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



}


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

@media only screen and (max-width: 979px) {
.sp_979 {
  display: block;
}
}

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


.tablet_scroll {
  display: block;
}


}

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

.pc {
  display: none;
}

.sp {
  display: block;
}


.contents {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  height: auto;
}

.contents2 {
  width: 90%;
  max-width: 1200px;
  margin: auto 5%;
  height: auto;
}

.contents3 {
  width: 90%;
  max-width: 1000px;
  margin:  auto 5%;
  height: auto;
}

.contents4 {
  width: 90%;
  max-width: 1300px;
  margin:  auto 5%;
  height: auto;
}

.fixed_head {
  position: fixed !important;
  top: 0;
  width: 100%;
  max-width: 100%;
  margin: auto;
  height: 50px;
  z-index: 10000 !important;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0px 0px 3px;
}

.main_d_box .pannavi {
  background: #fffff6;
  padding: 0.5em 1em;
}

.main_d_box .pannavi ol li {
  font-size: 2.8vw;
  font-weight: 300;
  line-height: 1.7em;
  letter-spacing: 0.15em;
  color: #6D6D6D;
  float: left;
  margin-left: 0.05em;
}


.mainbox::before {
    content: "";
    width: 100%;
    height: 140vw;
    display: block;
    background: url(../../img/wintercampaign/main_bg_dot.svg) ;
    background-size: 4%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}



/**************************************************************

contact05だよ

**************************************************************/

.cont05 {}

.cont05 .co05_in {
  padding: 4% 0 8%;
}

.cont05 .co05_in .sm_d {
  color: #333;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 3.5vw;
  padding: 7% 0 6%;
}

.cont05 .co05_in h3 {
  color: #333;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  font-size: 5vw;
  padding-bottom: 4%;
}

.cont05 .co05_in .tszt {
  color: #6d6d6d;
  line-height: 1.8em;
  letter-spacing: 0.2em;
  font-size: 3.2vw;
  padding-bottom: 7%;
}

.cont05 .co05_in .co05_in01 {}

.cont05 .co05_in .co05_in01 .co05_in01_l {
  float: none;
  width: 100%;
  margin: 6% auto auto;
  margin-right: auto;
}

.cont05 .co05_in .co05_in01 .co05_in01_l h4 {
  color: #333;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  font-size: 3.8vw;
  padding-bottom: 8%;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 3.5vw;
  padding-bottom: 4%;
  text-align: right;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a {
  display: inline-block;
  padding-right: 0;
  position: relative;
  font-weight: 700;
  color: #333;
  border-bottom: solid 1px #333;
  text-wrap: nowrap;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left;
  transition: 0.4s;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a:hover {
  color: #e88383;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .link_p a:hover:before {
  transform: scale(1);
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box {
  padding: 8% 6%;
  margin: 3em auto auto;
  width: 100%;
  background: #F2D4B8;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box h5 {
  color: #704B28;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-size: 4vw;
  font-weight: 600;
  text-align: center;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox {
  padding: 5% 0 0%;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea {
  float: none;
  width: 100%;
  margin: auto;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .telbtn {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 5vw;
  color: #704B28;
  text-align: center;
  margin-bottom: 5%;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .telbtn a {
  display: inline-block;
  border-radius: 32px;
  background: #DF954F;
  color: #fff;
  padding: 0.5em 2.7em;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .telbtn a:hover {}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .resvbtn {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 4.5vw;
  color: #fff;
  text-align: center;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox .btnarea .resvbtn a {
  display: inline-block;
  border-radius: 26px;
  background: #DF954F;
  color: #fff;
  padding: 0.6em 2em;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox dl.eigyou {
  background: #fff;
  border: solid thin #704B28;
  padding: 2%;
  float: none;
  width: 75%;
  margin: 8% auto 1%;
  margin-left: auto;
  text-align: center;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox dl.eigyou dt {
  line-height: 1.6em;
  letter-spacing: 0.1em;
  font-size: 3.2vw;
  color: #704B28;
}

.cont05 .co05_in .co05_in01 .co05_in01_l .contact_box .conttactbox dl.eigyou dd {
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-size: 3.2vw;
  color: #704B28;
}

.cont05 .co05_in .co05_in01 figure.co05_in01_r {
  float: none;
  width: 100%;
  margin: auto;
}


/**************************************************************

footerだよ

**************************************************************/


footer {
  border-top: solid thin #e6e6e6;
  background-image: linear-gradient(to top, #ffdcdc, #fffdfd);
}

footer .foot_in {
  padding: 3% 4% 1.5%;
}

footer .foot_in ul {}

footer .foot_in ul li {
  float: none;
  /*width: 14%;*/
  padding: 0.5% 2%;
  font-size: 3.2vw;
  line-height: 3em;
  letter-spacing: 0.1em;
  text-align: center;
  color: #333;
  border-right: none;
}

footer .foot_in ul li:last-child {
  border-right: none;
}

footer .foot_in ul li a {
  color: #333;
  /*border-bottom: solid thin #d2d2d2;*/
  border-bottom: none;
  text-decoration: underline;
}

footer .foot_in ul li a:hover {
  color: #e88383;
}

footer p {
  font-size: 3vw;
  line-height: 1.8em;
  letter-spacing: 0.2em;
  color: #6d6d6d;
  text-align: center;
  padding: 4.5% 0 0;
}

footer p a {
  color: #fff;
  display: inline;
}

footer p a:hover {
  color: #f7f7f7;
}

footer p strong {
  font-weight: 700;
}
#cboxContent {
    background: #fff;
    width: 88% !important;
    height: 100% !important;
    border-radius: 15px;
    box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.5);
}


#select-area {
  margin: 5%;
  /*padding: 5%;*/
  width: 88%;
  max-width: 480px;
  background-color: #faf5ea;
  border-radius: 10px;
  text-align: center;
}

#select-area h3 {
  margin: 10px auto 20px;
  padding: 0;
  line-height: 14px;
  font-size: 14px;
}

#select-area ul {
  margin: 5px auto 25px;
  min-height: 324px;
}

#select-area ul li {
  margin-bottom: 5px;
  display: block;
  min-height: 42px;
}

#select-area ul li a:hover {
  opacity: .8;
}

.sctop {
  background: -webkit-linear-gradient(315deg, #ca0331 0%, #bf2650 100%);
  background: -o-linear-gradient(315deg, #ca0331 0%, #bf2650 100%);
  background: linear-gradient(135deg, #ca0331 0%, #bf2650 100%);
}

.sctopin {
  display: block;
  border-top: solid thin #f7f7f7;
  box-shadow:0px 0px 8px 1px #e8e8e8;
  -moz-box-shadow:0px 0px 8px 1px #e8e8e8;
  -webkit-box-shadow:0px 0px 8px 1px #e8e8e8;
}

.sctopin h5 {
  text-align: center;
  font-size: 3.2vw;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1.5em;
  padding: 2% 0 0;
  color: #fff;
}

.sctopin ul {}

.sctopin ul li {
  text-align: center;
  float: left;
  width: 46%;
  margin: 1% 2% 3%;
  padding: 1.5% 0;
}

.sctopin ul li img {
  max-width: 100%;
  width: 100%;
}

/**************************************************************

NEW_FOOTER 20170829

**************************************************************/



}


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


}

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




}