@charset "UTF-8";

body { -webkit-text-size-adjust: 100%; }

.inner_wrap { width:100%; margin:0 auto; position:relative; }
.pc_parts { display:none; }

/*/////////////////// header ///////////////////*/
#head_wrap { width:100%; position:relative;}
#head_wrap_sp{width:100%; position:fixed;background:url(/jp/plaza-contents/library/img/template/head_wrap_bg.png) top left repeat;padding:1.5% 0; z-index:1000; }
/* ヘッダーロゴ */
#head_logo { width:16.65%; margin:0 auto; padding:0.75% 0 1%; }


/* ログイン前 */
#head_nav_set_pre { width:100%; position:fixed; bottom:0; z-index:1000; }
#head_nav_set_pre .head_nav_btn { width:50%; float:left; }
#head_nav_set_pre .head_nav_btn a { display:block; }
#head_nav_btn_pre01 a { color:#fff; font-weight:bold; text-align:center; padding:9% 0 7% 15%; background:url(/jp/plaza-contents/library/img/template/head_nav_icon_logout01.png) 20% 50% no-repeat #00b1a0; background-size:12%; }
#head_nav_btn_pre02 a { color:#333; font-weight:bold; text-align:center; padding:9% 0 7% 15%; background:url(/jp/plaza-contents/library/img/template/head_nav_icon_logout02.png) 30% 50% no-repeat #eeeeee; background-size:10%; }
#groupfooter { margin-bottom:50%; }

#kp-pageheader_title_smp { width:100%; background:url(/jp/plaza-contents/library/img/template/smp_head_chie.png) no-repeat right bottom; background-size:15%; border-bottom:1px solid #e0e0e0; }
#kp-pageheader_title_smp p { margin:0 auto; padding:6% 0 3%; font-size:16px; text-align:center; color:#333333; font-weight:bold; }

/*/////////////////// pagebody ///////////////////*/
#pagebody { padding-top:16.65%; }

/* breadcrumbs navigation */
#breadcrumbs_wrap { width:90%; margin:0 auto; }
#breadcrumbs_wrap ul { list-style-type:none; font-size:80%; }
.breadcrumbs_list { display:inline-block; color:#999; }
.breadcrumbs_list a { padding-right:1em; background:url(/jp/plaza-contents/library/img/template/comm_bread_icon.gif) right center no-repeat; }
#breadcrumbs_title { padding:0.2em 0 0; font-weight:normal; font-size:110%; }

/* カテゴリーメニュー */
#comm_category_wrap_spacer{position: relative;width: 100%;min-height: 55px;}
#comm_category_wrap_spacer img{width: 100%;}
#comm_category_wrap_outer{z-index: 100;position: absolute;bottom:0px;left: 0px;width: 100%;height: 56px;overflow-y:hidden;}
#comm_category_wrap { width:100%;overflow-x:auto;overflow-y:hidden;height: 56px;}
#comm_category_wrap ul { width:240%; display:block; list-style:none; text-align:center;height: 56px;overflow-y:hidden;}

#comm_category_navi_l{display: none; position: absolute;top:1px;left: 0px;width: auto;height: 55px; background-image:url(/jp/plaza-contents/library/img/template/category_arr_left.png);background-size: contain; background-repeat: no-repeat;background-position: top left;}
#comm_category_navi_r{ position: absolute;top:1px;right: 0px;width: auto;height: 55px;background-image:url(/jp/plaza-contents/library/img/template/category_arr_right.png); background-size: contain;background-repeat: no-repeat;background-position: top right;text-align: right;}

.comm_category { /*width:14.25%;*/ width:14.72%; height:4em; float:left; border-top:1px solid #ccc; border-right:1px solid #ccc; display:table; box-sizing:border-box; vertical-align:middle; background-color:#f2f2f2; }
.comm_category_serect { background-color:#01b1a0; }
#comm_category_all a { background-image:url(/jp/plaza-contents/library/img/template/category_icon_black_all.png); }
#comm_category_living a { background-image:url(/jp/plaza-contents/library/img/template/category_icon_black_living.png); }
#comm_category_domestic a { background-image:url(/jp/plaza-contents/library/img/template/category_icon_black_domestic.png); }
#comm_category_beauty a { background-image:url(/jp/plaza-contents/library/img/template/category_icon_black_beauty.png); }
#comm_category_health a { background-image:url(/jp/plaza-contents/library/img/template/category_icon_black_health.png); }
#comm_category_culture a { background-image:url(/jp/plaza-contents/library/img/template/category_icon_black_culture.png); }
#comm_category_eco {width: 11.8%;}
#comm_category_eco a { background-image:url(/jp/plaza-contents/library/img/template/category_icon_black_eco.png); }
.comm_category_serect#comm_category_all span { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_all.png); }
.comm_category_serect#comm_category_living span { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_living.png); }
.comm_category_serect#comm_category_domestic span { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_domestic.png); }
.comm_category_serect#comm_category_beauty span { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_beauty.png); }
.comm_category_serect#comm_category_health span { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_health.png); }
.comm_category_serect#comm_category_culture span { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_culture.png); }
.comm_category_serect#comm_category_eco span { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_eco.png); }

.comm_category_serect span,.comm_category a { width:100%; height:100%; font-size:80%; display:table-cell; color:#333; background-position:13% 50%; padding-left:40%; text-align:left; vertical-align:middle; background-size:2.5em; background-repeat:no-repeat; line-height: 1.5;}
.comm_category_serect span { color:#fff; }

#tile_display_0 { width:100%; background:#f2f2f2; padding:15% 0; margin-bottom:8%; text-align:center; }
#feature_list_wrap #tile_display_0,#hoho_list_wrap #tile_display_0,#hohodigest_list_wrap #tile_display_0{margin: 8% auto;}


/*/////////////////// footer ///////////////////*/
.foot_product_caption { font-size:85%; text-align:center; padding:0 5% 6%; }
#foot_wrap { width:100%; background:#eee; }

.foot_sub { padding:8% 0 5%; background:url(/jp/plaza-contents/library/img/template/foot_sub_bg.gif) left top no-repeat; }

.foot_a_title { padding-left:1.5em; font-size:110%; font-weight:bold; background:url(/jp/plaza-contents/library/img/template/foot_a_title_icon.gif) left 50% no-repeat; background-size:1em;  }

/* foot_form_wrap */
#foot_form_wrap { width:90%; margin:0 auto 8%; padding:5% 5% 7%; background:#f6f6f6; }
#foot_form_iframe_wrap { width:100%; height:380px; overflow:hidden; padding:0 0 0 0; margin:0 auto; }
#foot_form_iframe_wrap iframe { width:100%; height:100%; overflow-y:scroll; overflow-x:hidden; }

#foot_form_comment_wrap { width:100%; background:#fff; font-size:90%; }
#foot_form_comment_wrap ul { height:200px; overflow-x:hidden; overflow-y:auto; list-style:none; padding-bottom:35px; }
.foot_form_comment { width:90%; display:block; border-top:1px dashed #ccc; padding:8% 5%; }
.foot_form_comment_name { color:#999; }
#foot_form_comment_more { width:100%; padding:0.6em 0; text-align:center; display:block; background:#999; }
#foot_form_comment_more span { color:#fff; display:inline-block; padding-right:2em; background:url(/jp/plaza-contents/library/img/template/foot_form_comment_more_icon.gif) right 50% no-repeat; background-size:0.6em; }

.foot_sub { padding:8% 0 5%; background:url(/jp/plaza-contents/library/img/template/foot_sub_bg.gif) left top no-repeat; }

/* foot_hoho_comment_wrap */
#foot_hoho_comment_wrap { width:100%; height:250px; overflow-x:hidden; overflow-y:auto; background:#fff; font-size:90%; }
#foot_hoho_comment_wrap ul { list-style:none; padding-bottom:35px; }
.foot_hoho_comment { width:90%; display:block; border-top:1px dashed #ccc; padding:5%; }
#foot_hoho_title { min-height:38px; padding:0 35% 0 0; margin-bottom:8%; background-image:url(/jp/plaza-contents/library/img/template/foot_hoho_title.gif); background-position:right top; background-size:35%; }
.foot_hoho_comment_icon { width:12%; padding-top:12%; position:relative; float:left; }
.foot_hoho_comment_icon figure { width:100%; height:100%; position:absolute; left:0; top:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.foot_hoho_text_area { width:84%; padding-left:4%; display:block; float:left; }
.foot_hoho_name_wrap { display:table; font-weight:bold; padding-bottom:1em; }
.foot_hoho_name { display:table-cell; padding-right:1em; border-right:1px solid #ccc; }
.foot_hoho_date { padding-left:1em; font-weight:normal; color:#999; }
.foot_hoho_text { clear:both; margin:8% 0 0 -19%; display:block; }
.foot_hoho_comment_img { width:80%; margin:1em auto 0; padding-right:20%; display:block; }

.foot_sub { padding:6% 0 6%; background:url(/jp/plaza-contents/library/img/template/foot_sub_bg.gif) left top no-repeat; }

#foot_hoho_btn { padding:8% 0 0 0;}
#foot_hoho_btn_inner { width:89.5%; margin:0 auto; position:relative;}
#foot_hoho_btn a { margin:0 0 3% 0; padding:5% 14% 5% 14%; background-color:#00b1a0; display:block; text-align:center; font-size:110%; font-weight:bold; color:#fff;}
#foot_hoho_btn_chie { width:12.5%; position:absolute; top:-8%; right:4%;}
#foot_hoho_btn_fukidashi { width:25.5%; position:absolute; top:-6%; left:-10%; }
#foot_hoho_btn p { text-align:center; font-size:70%; color:#999;}


/* foot_recommend_wrap */
#foot_recommend_wrap { width:90%; margin:0 auto 5%; }
#foot_recommend_wrap ul { list-style:none; }

.foot_recommend_box { width:100%; margin-bottom:7%; position:relative; }
.foot_recommend_img { width:20%; float:left; margin-right:5%; background:url(/jp/plaza-contents/common/tile/img/tile_img_test.jpg) center center no-repeat; background-size:cover; }
.foot_recommend_genre { font-size:85%; float:left; font-weight:bold; padding:0.3em 1em 0.3em 1.5em; color:#fff; background-color:#333; line-height:100%; background-position:0.5em 50%; background-size:1em; background-repeat:no-repeat;  }
.foot_recommend_genre_living { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_living.png); }
.foot_recommend_genre_kaji { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_domestic.png); }
.foot_recommend_genre_beauty { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_beauty.png); }
.foot_recommend_genre_health { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_health.png); }
.foot_recommend_genre_culture { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_culture.png); }
.foot_recommend_genre_eco { background-image:url(/jp/plaza-contents/library/img/template/category_icon_white_eco.png); }
.foot_recommend_sub { font-size:110%; padding-top:2em; font-size:; font-weight:bold; color:#333; }

/* foot_category_wrap */
#foot_category_wrap { width:90%; margin:0 auto 10%; }
#foot_category_wrap #comm_category_wrap { height:100%; }
#foot_category_wrap #comm_category_wrap ul { width:100%; overflow:visible; }
#foot_category_wrap .comm_category { width:33.3%; border-top:3px solid #fff; border-right:3px solid #fff; float:left; box-sizing:border-box; background-color:#f6f6f6; display:table; }
#foot_category_wrap .comm_category a { text-align:left; padding-left:33%; background-position:10% 50%; background-size:20%; background-repeat:no-repeat; }

#foot_category_wrap #comm_category_wrap { overflow-x:hidden; }

/* foot_login_wrap */
#foot_login_wrap { padding:8.2% 0 1.25%; }
.foot_login_inner { width:89.5%; margin:0 auto; }

#foot_login_btns{width: 90%;margin:0 auto 10% auto; }
#foot_login_prod_btn{width: 100%;float: left;background-color:#00b1a0;text-align: center;margin-bottom: 5%;}
#foot_login_brand_btn{width: 100%;float: right;background-color:#00b1a0;text-align: center;}
#foot_login_btns p{}

#foot_login_prod_btn a,#foot_login_brand_btn a{display: block;width: 100%;height: 100%; color: #fff;background:url(/jp/plaza-contents/library/img/template/foot_news_icon.png) 95% 50% no-repeat;font-size: 100%;background-size: 2.8% auto;font-weight: bold;letter-spacing: 0.2em;}
#foot_login_prod_btn span{display: inline-block;color: #fff;background:url(/jp/plaza-contents/library/img/template/foot_prod_icon.png) center left no-repeat;background-size: 9% auto;padding: 5% 8%;}
#foot_login_brand_btn span{display: inline-block;color: #fff;background:url(/jp/plaza-contents/library/img/template/foot_brand_icon.png) center left no-repeat;background-size: 8% auto;padding: 5% 8%;}
#foot_login_prod_btn:hover,#foot_login_brand_btn:hover{ background-color: #4DC9BD;}


/* news */
#foot_news_wrap { position:relative; padding-bottom:4.65%; margin-bottom:4.65%; background:#fff; overflow:hidden; }
#foot_news_title { font-weight:bold; padding:5.1% 4.65%; }
#foot_news_list { width:90.07%; max-height:180px; overflow-y:scroll; padding:0 4.65%; list-style:none; -webkit-overflow-scrolling: touch; }
.foot_news { width:100%; display:block; line-height:160%; padding-bottom:0.8em; }
.foot_news span { width:100%; display:block; }
.foot_news_date { padding-right:1em; color:#999;font-size: 80%; }
#foot_news_btn { position:absolute; right:0; top:3.7%; padding:2% 8.6% 2% 4%; color:#fff; font-weight:bold; background:url(/jp/plaza-contents/library/img/template/foot_news_icon.gif) 85% 50% no-repeat #00b1a0; background-size:10%; border-radius:5px 0 0 5px; border:1px solid #00b1a0;  }
/* facebook */
#foot_facebook_wrap {  }
#foot_facebook_wrap iframe { width:100%; }


/* foot_sitemenu */
#foot_sitemenu { width:100%; margin:0 auto; display:block; padding:6.5% 0; }
#foot_logo { width:17.5%; margin:0 auto; display:block; }
#foot_sitemenu_list { width:90%; margin:0 auto; padding-top:8%; display:table; text-align:center; vertical-align:middle; list-style:none; }
.foot_sitemenu_link { width:50%; box-sizing:border-box; padding:0 3%; float:left; border-right:1px solid #c6c6c6; display:table-cell; text-align:center; }
.foot_sitemenu_link:first-child { border-left:1px solid #c6c6c6; }
.foot_sitemenu_link:nth-of-type(3) { width:70%; text-align:center; border-left:1px solid #c6c6c6; margin:7% 3em 0 3em; display:block; }


/* copyright */
#copyright_wrap { background:#fff; width:100%; }
#copyright { font-size:80%; color:; text-align:center; padding:0 0 0.5%; }

/* kp-groupfooter */
#kp-groupfooter { width:100%; height:13px; padding:3px 0 4px; background:url(/jp/plaza-contents/library/img/template/groupfooter_bg_01.png) left top repeat-x; }
.kp-frame-content::after { clear:both; content:""; display:block; }

/* pagetop */
#share_wrap{position:fixed; bottom:0; z-index:800;width: 100%;margin-bottom: 5%;}
#share_wrap_inner{position: relative;}

#pagetop { width:12.5%; height:12.5%; position:absolute; right:0; top:-4em; margin-right:5.8%; display:none;}

/* sns_btn */
#sns_btn { width:12.5%; height:12.5%; position:absolute; left:0; top:-4em; ;margin-left:5.8%;}

/* common_back_btn */
.common_back_btn { width:auto; position:relative; }
.common_back_btn a { display:block; background:#00b1a0; color:#fff; font-size:110%; }

#common_back_btn01 { width:18.5em; text-align:center; margin:0 auto; padding-bottom:10%; }
#common_back_btn01 a { width:100%; padding:1.2em 0; }



.pagetype_inquiry .kp-form-mainblock_margin01 { margin-top:-3%; }
.pagetype_inquiry .kp-form-mainblock_margin02 { margin-top:-5%; }
.pagetype_inquiry .kp-mod-form-A02 td { padding:3% 0; }
.pagetype_inquiry .form-checkbox-list { padding-left:2px; }

/* hoho_btn */
.sec_hoho_icon_wrap { width:14%; padding:2% 0 4%; float:right; text-align:center; position:relative; }
.sec_hoho_box { width:100%; min-height:54.8%; padding:3% 0 17%; font-weight:bold; color:#fff; background:url(/jp/plaza-contents/library/img/special/epi_chie_count_box_pc.gif) right top no-repeat; background-size:100%; }
.sec_hoho_img a img{width:100%;}

.sec_hoho_txt{float: right;width: 25%;margin-top: 7%;margin-right:2%; }
.sec_hoho_txt img{}

#form_wrap { width:100%; margin:12% auto 8%; position:relative; }
#form_iframe_wrap { width:100%; height:420px; overflow:auto; -webkit-overflow-scrolling: touch; }
#form_wrap iframe { width:100%; height:100%; }

#form_outline{width:100%; background:#f4f8fb; }
#form_outline p{ padding:5% 5%; color:#0a1955;  font-size: 85%;}
#form_outline p a { color:#00b48c; text-decoration:none; }

.sec_top_link { width:auto; text-align:center; }
.sec_top_link a { font-size:110%; color:#0a1955; font-weight:bold; }


div#slide_content .bx-prev { width:5% !important; height:10% !important; background-size:100% !important; background-position:left 50% !important;  }
div#slide_content .bx-next { width:5% !important; height:10% !important; background-size:100% !important; background-position:right 50% !important;  }
#sub_header .sec_hoho_img_txt01{position:absolute;top:0px;left:-22px;display:none;width:80%;}
#sub_header .sec_hoho_img_txt02{position:absolute;top:0px;left:27px;display:none;width:80%;}
#sub_header .sec_hoho_img_txt01 img,.sec_hoho_img_txt02 img{width: 100%;}



#sub_header {margin:0 auto;width:90%;}
#sub_header > #breadcrumbs_wrap {width:100%;}

 .spinner {
      width: 30px;
      height: 30px;

      position: relative;
      margin: 10% auto 10% auto;
    }

    .spinner02 {
      width: 30px;
      height: 30px;

      position: relative;
      margin: 0% auto 10% auto;
    }

    .double-bounce1, .double-bounce2 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #00B1A0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/** logout **/
#logout_blk{
	position: fixed;
	z-index: 99999;
	width: 100%;
	top: 10%;
	display: none;
}

#logout_blk_inner{
	background: url(/jp/plaza-contents/library/img/template/logout_bg_sp.gif) top left repeat-y;
	background-size: 100% auto;
	width: 82%;
	margin: 0 auto;
	padding-bottom: 8%;
}

#logout_blk_inner p{
	text-align: center;
	font-size: 110%;
	padding: 10%;
	line-height: 100%;
}

#logout_blk_inner #logout_chie{
	width: 82%;
	margin: 0 auto;
	background: url(/jp/plaza-contents/library/img/template/logout_chie.jpg) center center no-repeat;
	background-size: 100% auto;
	margin-bottom: 10%;
}

#logout_blk_inner #logout_chie img{
	width: 100%;
}

#logout_blk_inner #logout_btn_area{
	width: 82%;
	margin: 0 auto;
}

#logout_blk_inner #logout_btn_area #logout_btn_yes{
	width: 49%;
	float: left;
}

#logout_blk_inner #logout_btn_area #logout_btn_no{
	width: 49%;
	float: right;
}

#logout_blk_inner #logout_btn_area #logout_btn_yes a,#logout_blk_inner #logout_btn_area #logout_btn_no a{
	background-color: #00b1a0;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 110%;
	line-height: 100%;
	font-weight: bold;
	padding: 12% 0;
}

#logout_blk_inner #logout_btn_area #logout_btn_yes a:hover,#logout_blk_inner #logout_btn_area #logout_btn_no a:hover{
	opacity: 0.7;
}

#logout_bg_layer{
	position: fixed;
	z-index: 99998;
	height: 100%;
	width: 100%;
	min-height:100%;
	left: 0px;
	top: 0px;
	display: none;
	background-color: #000;
	opacity: 0.2;
	cursor: pointer;
}

.logout_blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}