@charset "Shift_JIS"; /**/
#info_contents {
  margin-bottom: 0 !important;
}
.body_sph .contents_main {
  margin: 0;
}
#dco { /*text-align: center; margin: 0 auto; padding-bottom:40px; background-color:#FFFBEA;*/
}
/* サマリー誘導部分 */
.mid {
  display: inline-block; /*インライン要素にすることで横に回り込む*/ vertical-align: middle;
}
.body_pc .link_sum {
  border: 1px solid #666;
  margin: 5% 1%;
}
.body_pc .link_sum_img {
  width: 24%;
  padding: 3%;
}
.body_pc .link_sum_txt {
  font-size: 120%;
  width: 66%;
}
.body_pc .link_sum_txt span {
  font-size: 150%;
  font-weight: bold;
}
.body_sph .link_sum {
  border: 1px solid #999;
  margin: 5% 1%;
}
.body_sph .link_sum_img {
  width: 40%;
  padding: 2%;
}
.body_sph .link_sum_txt {
  font-size: 0.72em;
  width: 55%;
  margin: 4% 0 4% 2%;
}
.body_sph .link_sum_txt span {
  font-size: 1.25em;
  font-weight: bold;
}
.link_sum_a a, .link_sum_a a:link, .link_sum_a a:visited {
  text-decoration: none;
}
.body_pc .deecle_sales {
  text-align: center;
  padding: 0 15% 3% 15%;
  margin-top: -4%;
}
.body_pc .raku_mark img {
  height: 120px;
  margin-top: 5%;
  padding: 0 10px;
}
.body_pc .vocebiteki_mark img {
  height: 130px;
  margin: 5% 0 0 0;
  padding: 0;
}
.body_sph .deecle_sales {
  text-align: center;
  padding: 0 5% 5% 5%;
  margin-top: -4%;
}
.body_sph .raku_mark img {
  height: 5.0em;
  margin-top: 3%;
}
.body_sph .vocebiteki_mark img {
  height: 6.5em;
  margin: 0.5em;
}
.logo_att {
  margin-top: 3%;
}
.body_pc li.attention {
  text-align: left;
}
.body_sph li.attention {
  text-align: left;
  font-size: 0.65em;
}
/* スペース調整 */
.body_pc .lbn {
  margin-top: 5%;
}
.body_sph .lbn {
  margin: 5% 1% 0 1%;
  text-align: center;
}
.mTB5 {
  margin: 5% 0;
}
.mT3 {
  margin-top: 3%;
}
.mT5 {
  margin-top: 5%;
}
.mB5 {
  margin-bottom: 5%;
}
.mB10 {
  margin-bottom: 10%;
}
.mT10 {
  margin-top: 10%;
}
.pT5 {
  padding-top: 5%;
}
.pB5 {
  padding-bottom: 5%;
}
/*透過png配置 */
.mainArea, .onayamiArea, .clickArea, .re01Area, .re02Area, .re03Area, .de01Area, .de02Area, .de03Area {
  position: relative;
}
.onayami, .c_renew, .c_deecle, .link_re01, .link_re02, .link_de01, .link_de02, .re_01tit, .re_02tit, .re_02img, .re_item, .de_01tit, .de_02tit, .de_item, .uv01, .uv02, .uv03, .uv04 {
  position: absolute;
  display: block;
}
/* Area */
.onayami {
  top: 46.25%;
  left: 0%;
}
.body_sph .onayami {
  width: 100%;
  height: 35.83%;
}
.c_renew {
  top: 46.38%;
  left: 6.94%;
}
.c_deecle {
  top: 46.38%;
  left: 52.91%;
}
.body_sph .c_renew, .body_sph .c_deecle {
  width: 40.27%;
  height: 53.61%;
}
.link_re01 {
  width: 140px;
  height: 420px;
  top: 35.26%;
  left: 30.13%;
}
.link_re02 {
  width: 170px;
  height: 130px;
  top: 76.80%;
  left: 3.47%;
}
.link_de01 {
  width: 140px;
  height: 420px;
  top: 35.26%;
  left: 51%;
}
.link_de02 {
  width: 170px;
  height: 130px;
  top: 76.80%;
  left: 72.91%;
}
.body_sph .link_re01 {
  width: 16.66%;
  height: 65.72%;
}
.body_sph .link_re02, .body_sph .link_de02 {
  width: 23.61%;
  height: 15.75%;
}
.body_sph .link_de01 {
  width: 19.44%;
  height: 54.12%;
}
.re_01tit {
  top: 43.28%;
  left: 0%;
}
.re_02tit {
  top: 15.00%;
  left: 0%;
}
.re_02img {
  top: 38.17%;
  left: 0%;
}
.re_item {
  top: 1.53%;
  left: 48.61%;
}
.body_sph .re_01tit {
  width: 100%;
  height: 11.64%;
}
.body_sph .re_02tit {
  width: 100%;
  height: 6.93%;
}
.body_sph .re_02img {
  width: 100%;
  height: 55.13%;
}
.body_sph .re_item {
  width: 51.38%;
  height: 55.12%;
}
.de_01tit {
  top: 37.17%;
  left: 0%;
}
.de_02tit {
  top: 19.17%;
  left: 0%;
}
.de_item {
  top: 0.22%;
  left: 55.83%;
}
.uv01 {
  top: 23.67%;
  left: 0%;
}
.uv02 {
  top: 40.91%;
  left: 0%;
}
.uv03 {
  top: 58.16%;
  left: 0%;
}
.uv04 {
  top: 75.4%;
  left: 0%;
}
.body_sph .de_01tit {
  width: 100%;
  height: 10%;
}
.body_sph .de_02tit {
  width: 100%;
  height: 8.76%;
}
.body_sph .de_item {
  width: 44.16%;
  height: 22.98%;
}
.body_sph .uv01 {
  width: 100%;
  height: 17.24%;
}
.body_sph .uv02 {
  width: 100%;
  height: 17.24%;
}
.body_sph .uv03 {
  width: 100%;
  height: 17.24%;
}
.body_sph .uv04 {
  width: 100%;
  height: 17.81%;
}
.de03Area {
  overflow: hidden;
}
/* CPインクルード部分*/
/*.body_pc .box1 { border:30px solid #c6e7f3; margin-top:0; }

.body_sph .box1 { border:18px solid #c6e7f3; padding:3%; }*/
.include01 .goods_set {
  margin: 5% 0;
}
.include01 .txt_box {
  text-align: center;
}
.include01 .icon_box {
  display: none;
}
.include01 .name {
  font-weight: normal;
}
/* PC表示 */
.body_pc .include01 .name_box {
  font-size: 150%;
}
.body_pc .include01 .price_box {
  font-size: 160%;
  margin-top: 3%;
}
.body_pc .include01 .r_img {
  width: 200px;
  margin-right: 15px;
}
.body_pc .include01 .goods_set .btn {
  margin-top: 1em;
}
body.body_pc .include01 .btn img {
  min-width: 150px;
  width: 50%;
}
/* SP表示 */
.body_sph .include01 .name_box {
  font-size: 82%;
}
.body_sph .include01 .price_box {
  font-size: 90%;
  margin: 0 15%;
  margin-top: 3%;
}
.body_sph .include01 .r_img {
  width: ;
}
.body_sph .include01 .img_box {
  margin-right: 8px;
  width: 30%;
}
.body_sph .include01 .goods_set .btn {
  margin-top: 10px;
}
* body.body_sph .include01 .btn img {
  min-width: ;
  width: 60%;
  height: auto;
}
/* 動画部分 

.movie_box { margin-bottom:0%; }*/
/* 動き */
/*translateX(-50px)  X軸（左横に）方向に50px */
/*translateY(50px)  Y軸（上縦に）方向に50px */
/*translateY(-50px)  Y軸（下縦に）方向に50px */
/* ふわっとアニメ */
/* 動作を適用する箇所 */
.fuwatAnime {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s; /* アニメ時間 */
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-transition-delay: 0.5s; /* 開始時間 */
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-animation-name: fuwatAnime; /* アニメ名 */
  -ms-animation-name: fuwatAnime;
  animation-name: fuwatAnime;
  visibility: visible !important;
}
.fuwatAnime2 {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2.5s; /* アニメ時間 */
  -ms-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-transition-delay: 1.5s; /* 開始時間 */
  -ms-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-animation-name: fuwatAnime2; /* アニメ名 */
  -ms-animation-name: fuwatAnime2;
  animation-name: fuwatAnime2;
  visibility: visible !important;
}
.fadeIn_r_Anime {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s; /* アニメ時間 */
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-transition-delay: 0.0s; /* 開始時間 */
  -ms-transition-delay: 0.0s;
  transition-delay: 0.0s;
  -webkit-animation-name: fadeIn_r_Anime; /* アニメ名 */
  -ms-animation-name: fadeIn_r_Anime;
  animation-name: fadeIn_r_Anime;
  visibility: visible !important;
}
.fadeIn_l_Anime {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s; /* アニメ時間 */
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-transition-delay: 0.0s; /* 開始時間 */
  -ms-transition-delay: 0.0s;
  transition-delay: 0.0s;
  -webkit-animation-name: fadeIn_l_Anime; /* アニメ名 */
  -ms-animation-name: fadeIn_l_Anime;
  animation-name: fadeIn_l_Anime;
  visibility: visible !important;
}
.fadeIn_ru_Anime {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s; /* アニメ時間 */
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-transition-delay: -0.5s; /* 開始時間 */
  -ms-transition-delay: -0.5s;
  transition-delay: -0.5s;
  -webkit-animation-name: fadeIn_ru_Anime; /* アニメ名 */
  -ms-animation-name: fadeIn_ru_Anime;
  animation-name: fadeIn_ru_Anime;
  visibility: visible !important;
}
.fadeIn_lu_Anime {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s; /* アニメ時間 */
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-transition-delay: -0.5s; /* 開始時間 */
  -ms-transition-delay: -0.5s;
  transition-delay: -0.5s;
  -webkit-animation-name: fadeIn_lu_Anime; /* アニメ名 */
  -ms-animation-name: fadeIn_lu_Anime;
  animation-name: fadeIn_lu_Anime;
  visibility: visible !important;
}
/* 動作内容 */
@-webkit-keyframes fuwatAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fuwatAnime2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
/*大から実寸にフェードイン@-webkit-keyframes fuwatAnime2 {

 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); }

 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); }

 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); }

}*/
@-webkit-keyframes fadeIn_r_Anime {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
  }
}
@-webkit-keyframes fadeIn_l_Anime {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
  }
}
@-webkit-keyframes fadeIn_ru_Anime {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px) translateY(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
  }
}
@-webkit-keyframes fadeIn_lu_Anime {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px) translateY(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
  }
}
@keyframes fuwatAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fuwatAnime2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/*大から実寸にフェードイン@keyframes fuwatAnime2 {

 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); -ms-transform: translateY(0) scale(0.5); transform: translateY(0) scale(0.5); }

 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); -ms-transform: translateY(0) scale(1.2); transform: translateY(0) scale(1.2); }

 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); -ms-transform: translateY(0) scale(1.0); transform: translateY(0) scale(1.0); }

}*/
@keyframes fadeIn_r_Anime {
  0% {
    opacity: 0.5; /* 透明 */ -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px); /*X軸（右横に）方向に300px */
  }
  100% {
    opacity: 1; /* 不透明 */ -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
  }
}
@keyframes fadeIn_l_Anime {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
  }
}
@keyframes fadeIn_ru_Anime {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(300px) translateY(200px);
    -ms-transform: translateX(300px) translateY(200px);
    transform: translateX(300px) translateY(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
  }
}
@keyframes fadeIn_lu_Anime {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(-300px) translateY(200px);
    -ms-transform: translateX(-300px) translateY(200px);
    transform: translateX(-300px) translateY(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
  }
}
.body_pc .kaiyuu { /*display:none;*/ margin: 5% 0;
}
.body_sph .kaiyuu {
  margin: 5% 2%;
} /**/