@charset "Shift_JIS";/**/
#info_contents { margin-bottom:0!important; }
.body_sph .contents_main { margin: 0; }
#lifestyle_sup { text-align: center; /*margin: 0 auto; padding-bottom:40px;*/ }

/*デザイン*/
.maintop { background-image: url("image/bg.png");background-repeat: repeat; }
.body_pc .maintop{ background-position: 0 390px; padding-bottom: 3em; }
.body_sph .maintop{ background-position: 0 0.57em; padding-bottom: 2.5em; }
.link_menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.link_menu li { margin: 0 0.5em 0.5em 0.5em; }
.body_sph .link_menu li { margin: 0 0.2em 0.09em 0.2em; width: 30%; }

/*.body_pc #cate02, .body_pc #cate03, .body_pc #cate04, .body_pc #cate05 { margin-top: 4em; }*/
.body_pc .push_tit { margin-top: -4.8em; margin-bottom: 1em; }
.body_sph .push_tit { margin-top: -3.3em; margin-bottom: 0.5em; }
.bg01 { background-color: #ffedee; }
.bg02 { background-color: #ecf1ff; }
.bg03 { background-color: #ecfff0; }
.bg04 { background-color: #faf3ff; }
.bg05 { background-color: #fffeec; }
.push01 { border: 2px solid #ed1113; background-color: #FFF; }
.push02 { border: 2px solid #2a5fe1; background-color: #FFF; }
.push03 { border: 2px solid #039a23; background-color: #FFF; }
.push04 { border: 2px solid #8c28cb; background-color: #FFF; }
.push05 { border: 2px solid #ffa800; background-color: #FFF; }
.body_pc .push01, .body_pc .push02, .body_pc .push03, .body_pc .push04, .body_pc .push05 { margin-top: 4em; padding: 2em; }
.body_sph .push01, .body_sph .push02, .body_sph .push03, .body_sph .push04, .body_sph .push05 { margin: 2em 1em 1em 1em; padding: 2em 2em 1em 2em; }
.body_pc .kinou img { width: 220px; }
.body_sph .kinou img { width: 60%; }
.body_pc .seibun { margin-top: 2em; }
.body_sph .seibun { margin-top: 1em; }
.att_txt01 { background: #ffdcdd; text-align: left; }
.att_txt03 { background: #c0e6c8; text-align: left; }
.att_txt05 { background: #ffe5b2; text-align: left; }
.body_pc .att_txt01, .body_pc .att_txt03, .body_pc .att_txt05 { padding: 1.5em; margin: 30px 30px 0 30px; border-radius: 20px; }
.body_sph .att_txt01, .body_sph .att_txt03, .body_sph .att_txt05 { padding: 1.3em; margin-top: 1.3em; border-radius: 10px; font-size: 0.7em; }
.body_pc .kome { text-align: right; margin-top: 0.7em; font-size: 0.8em; }
.body_sph .kome { margin-top: 0.7em; font-size: 0.8em; }

.body_pc .push_img { width: 40%; }
.body_sph .push_img { width: 60%; }
.more_sup { text-align: right; }
.body_sph .more_sup { font-size: 0.8em; margin-right: -1.5em; }

.body_pc .every { padding: 4em 4em 3em 4em; }
.body_sph .every { padding: 1.5em 1em; }
.body_pc .ev_tit { margin-bottom: 2em; }
.body_sph .ev_tit { margin-bottom: 1em; }

/*透過png配置 */
.mainArea,
.iconArea, .de02Area, .de03Area { position: relative; margin-top: 1em; }
.sokode,.link_step1, .link_step2, .link_step3,
.icon_oshi { position: absolute; display: block; }
.body_pc .icon_oshi { top: 0; left: 130px; width: 100px; /*z-index: 2;*/ }
.body_sph .icon_oshi { top: 0%; left: -3%; width: 30%; /*height: auto; z-index: 2;*/ }
/*.de03Area { overflow: hidden; }右からinの時の幅修正用*/

/* CPインクルード部分*/
 .icon_box { display: none; }
 .display_exact .name { font-weight: normal; }
 .display_matrix .name { margin-top: 1.3em; }

/* PC表示 */
body.body_pc .display_matrix .btn img { min-width: 200px; width: 45%; }
.body_pc .display_matrix .txt_box { font-size: 1.5em;  }
.body_pc .display_exact .goods_set { margin: 0 0 3em 0; }
.body_pc .display_exact .img_box { width: 180px; }
.body_pc .display_exact .r_img { width: 180px; border-radius: 0.5em; }
.body_pc .display_exact .txt_box { margin-left: 200px; font-size: 1.4em; padding-top: 30px; }
.body_pc .display_exact .name_box { font-size: 0.9em; margin-bottom: 1.0em; }

/* SP表示 */
.body_sph .display_matrix .goods_set { margin-bottom: 0.7em; }
body.body_sph .display_matrix .btn img { min-width: 200px; width: 80%; }
.body_sph .display_exact .goods_set { margin: 0.2em 0 1em 0; }
.body_sph .display_exact li { /*margin-bottom: 0.7em;*/ }
.body_sph .display_exact .r_img { border-radius: 0.4em; }

/* 動き */
/*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%; }/**/