@charset "Shift_JIS";/**/
#info_contents { margin-bottom:0!important; }
.body_sph .contents_main { margin: 0; }
#bsup { color:#264666; font-feature-settings:"palt" 1;}
 
/* スペース調整 */
.mTB5 { margin: 5% 0; }
.mT1 { margin-top: 1%; }
.mT5 { margin-top: 5%; }
.mB5 { margin-bottom: 5%; }
.mB10{ margin-bottom: 10%; }
.mT10 { margin-top: 10%; }

.pT5 { padding-top: 5%; }
.pB5 { padding-bottom: 5%; }

.body_pc .sum_link { text-align:right; padding:0 38px 14px 0; font-size:115%; letter-spacing:0.05em; }
.body_sph .sum_link { text-align:right; padding:0 5% 2.5% 0; font-size:90%; letter-spacing:0.03em; }
.sum_link a:hover { color:#777; }
.sum_link a:after {	content:"\e983"; font-family:"icomoon"; font-weight:normal; margin-left:0.15em; text-decoration:none; display:inline-block; }
.sum_link a[href^="#"]:after { content:"\e983"/*アンカーの場合は下矢印に*/; }


/* グラデ背景 
. { color:#333; margin-bottom:10%; background-image:linear-gradient(to top, #4fafe9 0%,#d2effe 100%); }*/

/*透過png配置 *//**/
#bsup .btnArea { position: relative; }
#bsup .link01, #bsup .link02, #bsup .link03, #bsup .link04, #bsup .link05, #bsup .link06, #bsup .link07 { position: absolute; display: block; }

#bsup .link01 { width: 150px; height: 150px; top: 61.36%; left: 15.97%; }
#bsup .link02 { width: 150px; height: 150px; top: 61.36%; left: 39.58%; }
#bsup .link03 { width: 150px; height: 150px; top: 61.36%; left: 63.19%; }
#bsup .link04 { width: 150px; height: 150px; top: 78.42%; left: 4.16%; }
#bsup .link05 { width: 150px; height: 150px; top: 78.42%; left: 27.77%; }
#bsup .link06 { width: 150px; height: 150px; top: 78.42%; left: 51.38%; }
#bsup .link07 { width: 150px; height: 150px; top: 78.42%; left: 75.0%; }
.body_sph #bsup .link01, .body_sph #bsup .link02, .body_sph #bsup .link03, .body_sph #bsup .link04,
.body_sph #bsup .link05, .body_sph #bsup .link06, .body_sph #bsup .link07 { width: 20.83%; height:15.78%; }


/* 背景 */
#bsup01 { background:#fde3e2; }
#bsup02 { background:#fde2cd; }
#bsup03 { background:#fef6d1; }
#bsup04 { background:#dfeed8; }
#bsup05 { background:#d5edea; }
#bsup06 { background:#d8dff1; }
#bsup07 { background:#eedcec; }

/*  */
.box01, .box02, .box03, .box04, .box05, .box06, .box07 { background:#fff; }
.body_pc .box01 { border-left:40px solid #fde3e2; border-right:40px solid #fde3e2; border-bottom:10px solid #fde3e2; padding:4%; } 
.body_sph .box01 {border-left:20px solid #fde3e2; border-right:20px solid #fde3e2; border-bottom:5px solid #fde3e2; padding:5%; }
.body_pc .box02 { border-left:40px solid #fde2cd; border-right:40px solid #fde2cd; border-bottom:10px solid #fde2cd; padding:4%; } 
.body_sph .box02 {border-left:20px solid #fde2cd; border-right:20px solid #fde2cd; border-bottom:5px solid #fde2cd; padding:5%; }
.body_pc .box03 { border-left:40px solid #fef6d1; border-right:40px solid #fef6d1; border-bottom:10px solid #fef6d1; padding:4%; } 
.body_sph .box03 {border-left:20px solid #fef6d1; border-right:20px solid #fef6d1; border-bottom:5px solid #fef6d1; padding:5%; }
.body_pc .box04 { border-left:40px solid #dfeed8; border-right:40px solid #dfeed8; border-bottom:40px solid #dfeed8; padding:4%; } 
.body_sph .box04 {border-left:20px solid #dfeed8; border-right:20px solid #dfeed8; border-bottom:20px solid #dfeed8; padding:5%; }
.body_pc .box05 { border-left:40px solid #d5edea; border-right:40px solid #d5edea; border-bottom:10px solid #d5edea; padding:4%; } 
.body_sph .box05 {border-left:20px solid #d5edea; border-right:20px solid #d5edea; border-bottom:5px solid #d5edea; padding:5%; }
.body_pc .box06 { border-left:40px solid #d8dff1; border-right:40px solid #d8dff1; border-bottom:10px solid #d8dff1; padding:4%; } 
.body_sph .box06 {border-left:20px solid #d8dff1; border-right:20px solid #d8dff1; border-bottom:5px solid #d8dff1; padding:5%; }
.body_pc .box07 { border-left:40px solid #eedcec; border-right:40px solid #eedcec; border-bottom:40px solid #eedcec; padding:4%; } 
.body_sph .box07 {border-left:20px solid #eedcec; border-right:20px solid #eedcec; border-bottom:20px solid #eedcec; padding:5%; }

/* インクルード */
/* リスト  */
#bsup sup { font-size:0.6em; }
#bsup .item { display:flex; flex-direction:row; }



@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
#bsup .item_c { font-weight: bold; } }



.item .icon_box { display:none; }
.item .name { font-weight: normal; }
.item .copy { display:none; }
.item .btn { margin-top: 2%; text-align: right; }

/* PC表示 */
.body_pc #bsup .kinou { }
.body_pc #bsup ul .kinou { text-align: center; }
.body_pc #bsup li .kinou { border-bottom: none; padding: 0; }
/*.body_pc #bsup .item_i { width:35%; }*/
.body_pc #bsup .item_i img { height: 210px; width:210px; margin: 0 auto; }
.body_pc #bsup .item_t { width:63%; margin-left:2% }
.body_pc #bsup .item_c { font-size:1.5em; white-space:nowrap; }
.body_pc #bsup li { border-bottom:2px solid #ddd; padding:4% 0; }
.body_pc #bsup li:first-child { padding-top:0; }
.body_pc #bsup li:last-child { border-bottom: none; padding-bottom:0; }

.body_pc .item .txt_box { text-align:left; margin-top:3%; }
.body_pc .item .name { font-size:110%; }
.body_pc .item .price_box { font-size:132%; }
.body_pc .item .btn img { width: 60%; }

/* SP表示 */
.body_sph #bsup .kinou { font-size:0.7em; }
.body_sph #bsup li .kinou { border-bottom: none; }
.body_sph #bsup .item_i { width:35%; text-align: center; }
.body_sph #bsup .item_i img { height: 15vh; }
.body_sph #bsup .item_t { width:62%; margin-left:3% }
.body_sph #bsup .item_c { font-size:0.9em; }
.body_sph #bsup li { border-bottom:2px solid #ddd; padding:4% 0; }
.body_sph #bsup li:first-child { padding-top:0; }
.body_sph #bsup li:last-child { border-bottom: none; padding-bottom:0; }

.body_sph .item .txt_box { text-align:left; margin-top:4.5%; }
.body_sph .item .name_box { font-size:70%; }
.body_sph .item .price_box { font-size:80%; }
.body_sph .item .goods_set .btn { margin-top:4%; }
body.body_sph .item .btn img { width:80%; height:auto; } 

/* 動画部分 */
.movie_box { /*border-top:25px solid #BA9CC5; border-bottom:25px solid #BA9CC5;*/ background-color:#b3cede; margin-bottom:0%; }

/* シリーズインクルード部分 
.pw_line { background:#deedff; }
.body_pc .pw_line { padding-top:2%; }
.body_pc .pw_line .icon_box { text-align:center; }
.pw_line .img_box { border:4px solid #fff; background:#fff; }
.body_sph .pw_line .display_hybrid li { padding:3% 2%; }
.body_sph .pw_line .display_hybrid .txt_box { font-size:95%; margin-left:38%; }
.body_sph .pw_line .display_hybrid .name { font-weight:normal; }
.body_pc .pw_line .display_hybrid .name { font-size:1.3em; }
.body_pc #vc_essence .pw_line .display_hybrid .goods_set .btn img { width:165px; padding-top:8px; }*/

/* 動き */
/*translateX(-50px)  X軸（左横に）方向に50px */
/*translateY(50px)  Y軸（上縦に）方向に50px */
/*translateY(-50px)  Y軸（下縦に）方向に50px */

/* ふわっとアニメ */
/* 動作を適用する箇所 */
.fadeIn_Anime { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:5s; /* アニメ時間 */
-ms-animation-duration:5s; 
animation-duration:5s; 
-webkit-transition-delay: 0.4s;/* 開始時間 */
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-animation-name: fadeIn_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_Anime; 
animation-name: fadeIn_Anime; visibility: visible !important; }

.fuwatAnime { 
-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.3s;/* 開始時間 */
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-animation-name: fuwatAnime; /* アニメ名 */
-ms-animation-name: fuwatAnime; 
animation-name: fuwatAnime; visibility: visible !important; }
 /*.fadeIn_r, .fadeIn_l {
-webkit-animation-duration: 1.5s; -ms-animation-duration: 1.5s; animation-duration: 1.5s;
-webkit-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1;/* アニメの繰り返し（無限infinite）
}*/

.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.5s;/* 開始時間 */
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-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.5s;/* 開始時間 */
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-animation-name: fadeIn_l_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_l_Anime; 
animation-name: fadeIn_l_Anime; visibility: visible !important; }

/* 動作内容 */
@-webkit-keyframes fadeIn_Anime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 50% { opacity: 0.7; -webkit-transform: translateY(2px); }
 100% { opacity: 1; -webkit-transform: translateY(0);  }
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(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; }
}

@keyframes fadeIn_Anime {
 0% { opacity: 0;/* 透明 */ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
 50% { opacity: 0.7;/* 透明 */ -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px);}
100% { opacity: 1;/* 不透明 */ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);　}
}

@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(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);/*X軸（右横に）方向に300px */}
 100% { opacity: 1;/* 不透明 */ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ; }
}


.body_pc .kaiyuu { display:none; }