@charset "shift_jis";
/* CSS Document */


#leftnavi{display:none !important;}
#wrapper,
#middle_body{min-width: 1010px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
#contents{width:100% !important;margin:0 auto !important;float:none !important;}
#k_header,#headnews,.head_cgobi{display:none !important;}
.inner_content{width:auto;}

#wrapper{

	background-color:#ecdcab;
}

/*
#wrapper{
	background: 
				url(/IMAGE/newyear_campaign/2020/title_bg.png) center 0px no-repeat,
				url(/IMAGE/newyear_campaign/2020/bg.jpg) center 0 repeat-y;
	background-color:#e24d39;
}

*/

.search_head h1 {
    display: none;
}


div#pankuzu-top {
    position: relative;
    top: -18px;
}

#aniv_bg{
    background: /*url(/IMAGE/newyear_campaign/2019/bk_bottom.png) center bottom no-repeat,*/
				url(/IMAGE/newyear_campaign/2020/title_bg.png) center 0px no-repeat,
				url(/IMAGE/newyear_campaign/2020/bg.jpg) center 0 repeat-y;
	background-color:#e24d39;
	padding: 0 0 15px 0;
	}



/*パンくず*/

#topicPath{
   margin:0;
   background:#fff;}


#aniv #pankuzu{
	text-align:left;
	color:#5F3616;
	font-size:12px;
	}
#aniv #topicPath li{
	background:url(../IMAGE/16thanksgiving/topicpath.gif) no-repeat scroll right center;
}
#aniv #topicPath li.active{
	background: none;
}
#aniv #topicPath a:visited {
	text-decoration: underline;
	outline: none;
	color:#5F3616 ; !important;
}
	
#aniv #topicPath a:link,
#aniv #topicPath a:visited {
	color:#5F3616;
}

#aniv #topicPath a:hover, #aniv #topicPath a:focus,
#aniv #topicPath a:active {
	color:#5F3616;
	text-decoration: none;
}	

/*バナーを風船の手前に*/
#aniv .event1 a img{
	position:relative;
	z-index:200;
}




 

/*ヘッダーバナー非表示*/
#footer p, #headnews , #k_header { display:none;}

/* ■■■■■ 全体 ■■■■■ */
#aniv * {
	margin:0;
	padding:0;
}
#aniv img {
	vertical-align:bottom;
	border:none;
}

#aniv {
	width:960px;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	/*line-height:100%;*/
	position:relative;
	/*padding-bottom:150px;*/
	/*color:#FFFFFF*/
}

/* ■■■■■ 共通クラス ■■■■■ */
#aniv h2 {
	width:900px;
	position:relative;
	top:7px;
	left:30px;
	margin-bottom:80px;
}
#aniv h3,#aniv h4 {
	margin:0 0 5px;
	padding:0;
}
#aniv ul, #aniv ul li,#aniv dl, #aniv dl dt, #aniv dl dd {
	list-style:none;
}
#aniv li {
	float:left;
}

#aniv img {
	vertical-align:bottom;
	border:none;
}
/* --- ページTOP --- */
#aniv p.top{
	text-align:right;
	margin:10px 10px 20px;
	background:#FFF;
}



/* ■■■■■ ナビゲーション部分 ■■■■■ */

#aniv ul.navi {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 1040px;
	margin:0 0 80px -10px;
}
#aniv ul.navi li {
  display:table-cell;
  vertical-align:middle;

}


/* ■■■■■ イベントバナー【大】 ■■■■■ */
#aniv ul.event1{
	width:970px;
	margin:5px auto 0;
}
#aniv ul.event1 li{
	margin-bottom:100px;
}




#aniv ul.event-bn a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


#aniv ul.banner_frame li{
	position:relative;
	padding-bottom: 16px;
	margin-top:40px;
	
}

#aniv ul.banner_frame li:before{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame3.png),
		url(/image/newyear_campaign/2020/banner_frame2.png);
	background-position:center bottom -24px,center;
	background-repeat:no-repeat,repeat-y;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}
#aniv ul.banner_frame li:after{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame1.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: -110px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}


#aniv ul.banner_frame li.sale:before{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame3_sale.png),
		url(/image/newyear_campaign/2020/banner_frame2.png);
	background-position:center bottom -24px,center;
	background-repeat:no-repeat,repeat-y;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}
#aniv ul.banner_frame li.sale:after{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame1.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: -110px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}


/* ■■■■■ バナー【中バナー】 ■■■■■ */

#aniv ul.event-bn{
	list-style:none;
	width:742px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:100px;
}
#aniv ul.event-bn li{
	float:left;
	list-style:none;
	width:352px;
	margin:0 0 0 12px;
	padding:15px 0 0 0;
}
#aniv ul.event-bn li.long{
	float:left;
	list-style:none;
	width:706px;
	margin: 10px 0 0 17px;
}




/* ■■■■■ アイリップさんとQちゃん ■■■■■ */
#aniv .irip{
	position: absolute;
	top:100px;
	left:-110px;
	animation: irip 1.5s ease-in-out infinite alternate;
	-webkit-animation: irip 1.5s ease-in-out infinite alternate;
	-moz-animation: irip 1.5s ease-in-out infinite alternate;

}

/*@keyframes irip {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}*/

#aniv .qchan{
	position: absolute;
	top:225px;
	left:750px;
	animation: qchan 1.5s ease-in-out infinite alternate;
	-webkit-animation: qchan 1.5s ease-in-out infinite alternate;
	-moz-animation: qchan 1.5s ease-in-out infinite alternate;

}

/*@keyframes qchan {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}*/

/* ■■■■■ その他キャラ ■■■■■ */
#aniv .sanyu{
	position: absolute;
	top: 577px;
	left: -260px;
	animation: sanyu 2.5s ease-in-out infinite alternate;
	-webkit-animation: sanyu 2.5s ease-in-out infinite alternate;
	-moz-animation: sanyu 2.5s ease-in-out infinite alternate;

}

@keyframes sanyu {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}

#aniv .aris{
	position: absolute;
	top: 610px;
	left: 975px;
	animation: aris 2.5s ease-in-out infinite alternate;
	-webkit-animation: aris 2.5s ease-in-out infinite alternate;
	-moz-animation: aris 2.5s ease-in-out infinite alternate;

}

@keyframes aris{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

#aniv .suchimi{
	position: absolute;
	top: 1145px;
	left: -215px;
	animation: sanyu 2.5s ease-in-out infinite alternate;
	-webkit-animation: sanyu 2.5s ease-in-out infinite alternate;
	-moz-animation: sanyu 2.5s ease-in-out infinite alternate;

}

@keyframes suchimi {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}

#aniv .basuke{
	position: absolute;
	top: 1075px;
	left: 940px;
	animation: aris 2.5s ease-in-out infinite alternate;
	-webkit-animation: aris 2.5s ease-in-out infinite alternate;
	-moz-animation: aris 2.5s ease-in-out infinite alternate;

}

@keyframes basuke{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

#aniv .jyo{
	position: absolute;
	top: 1615px;
	left: -225px;
	animation: jyo 2.5s ease-in-out infinite alternate;
	-webkit-animation: jyo 2.5s ease-in-out infinite alternate;
	-moz-animation: jyo 2.5s ease-in-out infinite alternate;

}

@keyframes jyo {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}

#aniv .ereri{
	position: absolute;
	top: 1640px;
	left: 945px;
	animation: ereri 2.5s ease-in-out infinite alternate;
	-webkit-animation: ereri 2.5s ease-in-out infinite alternate;
	-moz-animation: ereri 2.5s ease-in-out infinite alternate;

}

@keyframes ereri{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

#aniv .maiko{
	position: absolute;
	top: 2080px;
	left: -294px;

}

#aniv .seitaro{
	position: absolute;
	top: 2089px;
	left: 955px;
	animation: seitaro 2.5s ease-in-out infinite alternate;
	-webkit-animation: seitaro 2.5s ease-in-out infinite alternate;
	-moz-animation: seitaro 2.5s ease-in-out infinite alternate;

}

@keyframes seitaro{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}




.inner_content_newyear_campaign{
	background:url(/IMAGE/newyear_campaign/chidori.png);
	background-repeat: repeat-x;
	animation: cloudmove 80s linear infinite;
	-webkit-animation: cloudmove 80s linear infinite;
	-moz-animation: cloudmove 80s linear infinite;
}

@keyframes cloudmove {
	0% {background-position: 0 0;}
	100% {background-position: -1700px 0;}
}


/* ■■■■■ 2カラム ■■■■■ */

#aniv .bg1 , #aniv .bg2{
   padding: 0 0 25px 0;
   margin: 0 0 30px 0;
   overflow: hidden;
}

#aniv .bg1{
  background: rgb(113,135,215);
  background: linear-gradient(90deg, rgba(113,135,215,1) 0%, rgba(230,190,245,1) 100%);

}
#aniv .bg2{
   background: #d61c1c;
}

#aniv dl.col_2 {
   padding: 0;
   margin: 0;

}

#aniv dl.col_2 dt img{
  padding: 20px 0;
}

#aniv dl.col_2 dt.ti{
    font-size: 45px;
    color: #f9f637;
    font-weight: bold;
    margin: 0 0 7px 0;
    vertical-align: middle;
    display: table-cell;
    height: 90px;
    width: 960px;
}

#aniv dl.col_2 dd{
    display: inline-block;
    width: calc((100% - 78px*1)/2);
    margin: 3px 3px 6px 3px;
    /*border: 3px solid #ffda71;*/
   
}
#aniv dl.col_2 dd:hover{
   opacity: 0.8;

}

#aniv dl.col_2 dd img{
   width:100%;
}

#aniv .matome a{
    font-size: 30px;
    background:#4540a7;
    padding: 10px 0 15px 0;
    margin: 17px auto 0 auto;
    width: 94%;
    display: block;
    color: #fff;
    border-radius: 10px;
    position: relative;
    font-weight: bold;
    border: 2px solid;

}

#aniv .matome a:hover{
   transform: translateY(-2px);
   background:#6443ea;

}

#aniv .matome a::after {
    content: '';
    position: absolute;
    bottom: 27px;
    right: 11px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 3px solid;
    border-color: transparent #fff #fff transparent;
    transform: rotate(-45deg );
}




/* ■■■■■ 3カラム ■■■■■ */

#aniv .bg1 , #aniv .bg2 {
    width: 97%;
    margin: 0 auto 6% auto;
    padding: 0 0 2% 0;
    overflow: hidden;
}

#aniv .bg1{
  background: rgb(113,135,215);
  background: linear-gradient(90deg, rgba(113,135,215,1) 0%, rgba(230,190,245,1) 100%);
}

#aniv .bg2{
   background: #d61c1c;
}


#aniv dl.col_3 {
   padding: 0;
   margin: 0 0 1% 0;
}

#aniv dl.col_3 dt img{
  padding: 2%;
  width: 96%;
}

#aniv dl.col_3 dt.ti{
    font-size: 5.2vw;
    color: #f9f637;
    font-weight: bold;
    width: 94%;
    padding: 5% 0;
    margin: 0 auto;
}

#aniv .col_3 dd{
    display: inline-block;
    width: calc((100% - 35px*1)/3);
    margin: 3px;
    /*border: 3px solid #ffda71;*/
    float: left;
   
}

/*#aniv dl.col_3 dd img{
   width:100%;
}*/

#aniv .bg_3{
	overflow: hidden;
	padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;    
    background:#cf020f;
}



/* ■■■■■ トップへ戻る ■■■■■ */


#aniv .pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
	transition: 0.3s;     
}

#aniv .pagetop a {
    display: table;
    width: 70px;
    height: 70px;
}

#aniv .pagetop a span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    background-color: #885a14;
    border-radius: 80px;
    transition: 0.3s; 
}

#aniv .pagetop a span:hover {
    background-color: #c86749;
}


#aniv .pagetop a,
#aniv .matome a,
#aniv dl.col_2 dd{
 transition: 0.3s;

}


/* ================================

  緊急※スタッフレビュー

================================ */

/* ================================

   共通 - レビュー部分のパーツ

================================ */

/* 新規レビュー
================================ */

#staffreview .newreview {
	position: relative;
	width: 840px;
	margin: -23px auto 40px;
}
#staffreview .newreview.newreview_detail {
	position: relative;
	width: 840px;
	margin: 0 auto 40px;
}

#staffreview .newreview h3 {
	position: absolute;
	top: -43px;
	left: 50%;
	z-index: 1;
	margin-left: -130px;
}
#staffreview .newreview .item {
	width: 100%;
	background-color: #fff;
	border: 8px solid #cfcfcf;
	padding: 8px;
	box-sizing: border-box;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 5px 20px 0 rgba(76,72,172,0.3);
	-moz-box-shadow: 0 5px 20px 0 rgba(76,72,172,0.3);
	box-shadow: 0 5px 20px 0 rgba(76,72,172,0.3);
	margin-bottom: 15px;
}



/* 新規レビュー
================================ */

#staffreview .newreview .post {
	width: calc(100% - 270px);
	box-sizing: border-box;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#staffreview .newreview .post .post_l {
	width: calc(100% - 240px);
	margin: 0;
	padding: 0 12px;
	box-sizing: border-box;
}
#staffreview .newreview .post .post_r {
	width: 240px;
}



/* レビュー一覧
================================ */

#staffreview .post_list {
	width: 840px;
	margin: 0 auto;
}
#staffreview .post_list > ul {
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
#staffreview .post_list > ul > li {
	width: calc((100% - 6px)/2);
	margin: 0 6px 30px 0;
	border: 8px solid #cfcfcf;
	padding: 6px;
	box-sizing: border-box;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
#staffreview .post_list > ul > li:nth-child(2n) {
	margin-right: 0;
}
#staffreview .post_list .item {
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 10px;
}
#staffreview .post_list .post {
	width: calc(100% - 190px);
	padding-left: 10px;
	box-sizing: border-box;
}



/* サムネイル
================================ */
#staffreview .thumb{
	overflow: hidden;
	border-radius: 20px;
}
#staffreview .thumb img {
	width: 100%;
	height: auto;
	display: block;
	
	transition: 0.5s;
}
#staffreview .thumb img:hover{
	transform: scale(1.5, 1.5);
	}
/* 新規レビュー */
#staffreview .newreview .item .thumb {
	width: 270px;
	height: 270px;
}
/* レビュー一覧 */
#staffreview .post_list .thumb {
	width: 190px;
}



/* ユーザー情報
================================ */

#staffreview .user {
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #cfcfcf;
}
#staffreview .user > dl {
	-webkit-order: 2;
	order: 2;
	box-sizing: border-box;
	padding-left: 0.5em
}
#staffreview .user > dl > dt span,
#staffreview .user > dl > dd span {
	/*margin-left: 0.5em;*/
}

/* 新規レビュー */
#staffreview .newreview .post .user {
	padding: 8px 0;
	margin-bottom: 10px;
}
#staffreview .newreview .post .user dl dt {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 5px;
}
#staffreview .newreview .post .user dl dd {
	font-size: 14px;
	line-height: 1.2;
}
/* レビュー一覧 */
#staffreview .post_list .post .user {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#staffreview .post_list .post .user > dl > dt {
	font-size: 14px;	
}
#staffreview .post_list .post .user > dl > dd {
	font-size: 10px;	
}
/* 詳細ページ */
#staffreview .itembox .info > .user {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: none;
}
#staffreview .itembox .info > .user > dl > dt {
	font-size: 16px;
	margin-bottom: 5px;
}
#staffreview .itembox .info > .user > dl > dd {
	font-size: 14px;	
}

/* 男性 or 女性アイコン */
#staffreview .usericon {
	-webkit-order: 1;
	order: 1;
}
#staffreview .usericon img {
	width: 100%;
	height: auto;
}
/* 新規レビュー・詳細ページ */
#staffreview .newreview .post .user .usericon,
#staffreview .itembox .info > .user > .usericon {
	width: 50px;
}
/* レビュー一覧 */
#staffreview .post_list .post .user > .usericon {
	width: 34px;
}

/* いいねボタン */
#staffreview .btn_fv {
	display: none;
	-webkit-order: 3;
	order: 3;
	margin-left: auto;
	text-align: center;
}
#staffreview .btn_fv p.fv_num {
	width: auto;
	line-height: 1;
}
/* 新規レビュー */
#staffreview .newreview .post .btn_fv {
	width: 40px;
}
#staffreview .newreview .post .btn_fv p.fv_num {
	font-size: 12px;
}
/*投稿一覧*/
#staffreview .post_list .post .user > .btn_fv {
	width: 30px;
}
#staffreview .post_list .post .user > .btn_fv p {
    font-size: 11px;
	margin-top: -3px;
}
/* 詳細ページ */
#staffreview .itembox .info > .user > .btn_fv {
	width: 30px;
}
#staffreview .itembox .info > .user > .btn_fv p {
    font-size: 12px;
}

/* ユーザーレビュー概要 */
#staffreview .review {
	width: 100%;
	text-align: left;
}

/* 表題 */
#staffreview .review h4 {
	position: relative;
}
#staffreview .review h4 span {
	line-height: 1.3;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fde9b0 0%) repeat scroll 0 0;
}
/* 新規レビュー */
#staffreview .newreview .post .review h4 {
	margin-bottom: 5px;
}
#staffreview .newreview .post .review h4 span {
	font-size: 24px;
}
/*投稿一覧*/
#staffreview .post_list .post .review > h4 span {
	font-size: 18px;
}

/* タグ */
#staffreview .tag {
	margin: 0 0 5px;
	line-height: 1;
}
#staffreview .tag li {
	display: inline-block;
	margin: 0 5px 2px 0;
	line-height: 1;
}
#staffreview .tag li a {
	color: #4f71be;
}
/* 新規レビュー */
#staffreview .newreview .post .tag li a { font-size: 12px; }
/* 投稿一覧 */
#staffreview .post_list .post .review > ul.tag > li > a { font-size: 9px; }
/* 詳細ページ */
#staffreview .itembox .info > ul.tag > li > a { font-size: 12px; }


/* 日付 */
#staffreview .date {
	color: #9f9f9f;
	line-height: 1;
}
/* 新規レビュー */
#staffreview .newreview .post .date {
	font-size: 12px;
	margin: 0 0 5px;
}
/* 投稿一覧 */
#staffreview .post_list .post .review > .date {
	font-size: 9px;
	margin: 0 0 5px;
}
/* 詳細ページ */
#staffreview .itembox .review > .date {
	font-size: 12px;
}

/* レビューテキスト */
#staffreview .text {
	color: #1f1f1f;
	line-height: 1.4;
}
#staffreview .text > a {
	color: #4440a8;
	margin-left: 0.5em;
}
/* 新規レビュー */
#staffreview .newreview .post .text {
	font-size: 14px;
}
/* 投稿一覧 */
#staffreview .post_list .post .review > .text {
	font-size: 12px;
	margin: 0 0 5px;
}

/* 商品名 */
#staffreview h5 {
	line-height: 1.2;
}
/* 新規レビュー */
#staffreview .newreview .post h5 {
	font-size: 18px;
	margin: 0 0 5px;
}
/* 投稿一覧 */
#staffreview .post_list .post .review > h5 {
	font-size: 12px;
}

/* 商品画像 */
#staffreview .thumb_p img {
	width: 100%;
	height: auto;
}
/* 投稿一覧 */
#staffreview .newreview .post .thumb_p {
	width: 100%;
	margin: 0 0 10px;
}
/* 詳細ページ */
#staffreview .itembox .thumb_p {
	width: 220px;
}

/* 新規レビュー:レビューを見るボタン */
#staffreview .newreview .post .btn {
	position: relative;
}
#staffreview .newreview .post .btn a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	background-color: #000;
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box;
}
#staffreview .newreview .post .btn a::after {
	position: absolute;
	display: inline-block;
	content: "";
	bottom: -6px;
	right: -6px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fdb94a;
	transform: rotate(45deg);
}
#staffreview .newreview .post .btn:hover a {
	background-color: #333;
}


/* 投稿一覧:その他画像 */
#staffreview .post_list .thumb_other {
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: auto;
	min-height: 0%;/*IE11*/
}
#staffreview .post_list .thumb_other > li {
	width: calc((100% - 7px*2)/3);
	margin: 0 7px 0 0;
}
#staffreview .post_list .thumb_other > li:last-child {
	margin-right: 0;
}
#staffreview .post_list .thumb_other > li > img,
#staffreview .post_list .thumb_other > li > a > img {
	width: 100%;
	height: auto;
}


/* ================================

   メニュー

================================ */

#staffreview .menu {
	margin: 0 0 55px;
	padding: 0;
	text-align: center;
}
#staffreview .menu.menu_detail {
	margin: 0 0 55px;
	padding: 0;
	text-align: center;
}
#staffreview .menu h3 {
	display: inline-block;
	color: #fff;/*非対応ブラウザ用*/
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	background: rgb(57,85,181);
	background: -webkit-linear-gradient(14deg, rgba(57,85,181,1) 0%, rgba(242,97,148,1) 53%, rgba(255,212,99,1) 100%);
	background: -moz-linear-gradient(14deg, rgba(57,85,181,1) 0%, rgba(242,97,148,1) 53%, rgba(255,212,99,1) 100%);
	background: linear-gradient(14deg, rgba(57,85,181,1) 0%, rgba(242,97,148,1) 53%, rgba(255,212,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3955b5",endColorstr="#ffd463",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	margin: 0 auto 15px;
}

/* タブメニュー
================================ */

#staffreview .wrap_tabmenu {
	width: 100%;
	margin: 0 auto 20px;
}

/* タブ - 第1階層 */
#staffreview .tab-container {
	width: auto;
	margin: 0 auto 15px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#staffreview .tab-container > li {
	width: 240px;
	margin: 0 6px;
	position: relative;
	display: block;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	background-color: #4440a8;
	text-align: center;
	padding: 13px 0;
	border-radius: 100px;
	box-sizing: border-box;
	cursor: pointer;
}
#staffreview .tab-container > li:hover {
	opacity: 0.8;
}
#staffreview .tab-container > li::after {
	display: inline-block;
	content: "";
    width: 8px;
    height: 8px;
	position: absolute;
	top: 50%;
	right: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fdb94a;
    box-sizing: border-box;
	margin-top: -7px;
}

/* タブ - 第2階層 */
#staffreview .wrap_tabmenu > div {
	width: 100%;
	background-color: #f2f2f2;
	padding: 15px 0;
}
#staffreview .wrap_tabmenu > div > .tab-menu-box {
	position: relative;
	width: 840px;
	margin: 0 auto;
}
#staffreview .wrap_tabmenu > div > .tab-menu-box::before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	top: -22px;
	background-color: #f2f2f2;
	transform: rotate(45deg);
}
#staffreview .wrap_tabmenu > div > .tab-menu-box:nth-of-type(1)::before { left: 160px; }
#staffreview .wrap_tabmenu > div > .tab-menu-box:nth-of-type(2)::before { left: 50%; margin-left: -8px; }
#staffreview .wrap_tabmenu > div > .tab-menu-box:nth-of-type(3)::before { right: 160px; }
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul {
	letter-spacing: -.40em;
}
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul > li {
	display: inline-block;
	letter-spacing: normal;
	width: 150px;
	margin: 0 10px 10px 0;
}
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul > li.btn_l { width: 200px; }
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul > li:nth-child(5n),
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul > li:last-child {
	margin-right: 0;
}
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul > li > a {
	width: 100%;
	position: relative;
	display: block;
	color: #373494;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	background-color: #ffcc7f;
	text-align: center;
	padding: 13px 0;
	border-radius: 11px;
	box-sizing: border-box;
}
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul > li > a:hover {
	opacity: 0.8;
}
#staffreview .wrap_tabmenu > div > .tab-menu-box > ul > li > a::after {
	display: inline-block;
	content: "";
    width: 6px;
    height: 6px;
	position: absolute;
	top: 50%;
	right: 8px;
    border: 6px solid transparent;
    border-left: 6px solid #4440a8;
    box-sizing: border-box;
	margin-top: -5px;
}

/* ================================

   Pager

================================ */

#staffreview .pager {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}
#staffreview .pager ul {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
}
#staffreview .pager ul li {
 	color: #aaa;
	font-size: 15px;
	line-height: 1;
	margin: 0 4px;
}
#staffreview .pager ul li.active {
 	color: #fff;
	background-color: #000000;
	border: 1px solid #444;
	box-sizing: border-box;
	width: 20px;
	line-height: 18px;
}
#staffreview .pager ul li a {
	display: block;
	color: #000;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	width: 20px;
	line-height: 18px;
}

/* Prev Next ボタン */
#staffreview .pager ul li.prev {margin-right: 20px;}
#staffreview .pager ul li.next {margin-left: 20px;}
#staffreview .pager ul li.prev span,
#staffreview .pager ul li.next span,
#staffreview .pager ul li.prev a,
#staffreview .pager ul li.next a {
	display: block;
	width: auto;
	color: #fff;
	line-height: auto;
	padding: 5px 10px;
	border-radius: 50px;
}
#staffreview .pager ul li.prev span,
#staffreview .pager ul li.next span{
	background-color: #cfcfcf;
}
#staffreview .pager ul li.prev a,
#staffreview .pager ul li.next a {
	background-color: #000000;
}



/* ================================

   詳細ページレイアウト

================================ */

#staffreview .item_detail {
	width: 840px;
	margin: -70px auto 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cfcfcf;
}
#staffreview .item_detail h3 {
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fde9b0 0%) repeat scroll 0 0;
	margin-bottom: 10px;
}
/*#staffreview .item_detail h3 span {
	width: 100%;
	font-size: 24px;
	line-height: 1.3;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fde9b0 0%) repeat scroll 0 0;
}*/
#staffreview .itembox {
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	/*-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;*/
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: -50px;
}
#staffreview .itembox .review {
	width: 340px;
	padding: 0 10px;
	box-sizing: border-box;
}
#staffreview .itembox .review > h4 {
	line-height: 1.5;
	margin: 0 0 14px;
	background: none;
}
#staffreview .itembox .info {
	width: 280px;
}

/* 詳細ページ content_area
================================ */

#staffreview .content_area {
	width: 100%;
	/*margin: 0 auto 50px;*/
	margin: 0 auto;
	overflow: hidden;
}
#staffreview  .box_review {
	width: 840px;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
#staffreview  .box_review li {
	width: calc((100% - 36px)/2);
	margin: 0 36px 40px 0;
}
#staffreview .box_review li:nth-child(2n) {
	margin-right: 0;
}
#staffreview  .box_review li img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
#staffreview .box_review li p {
	font-size: 16px;
	padding: 0.8em 0.8em 0;
	line-height: 1.5;
	color:#6c6c6c;
}


/* ================================

   使ってみた商品はこちら

================================ */

#staffreview .box_products {
	width: 100%;
	margin: 0 auto;
	padding: 20px 80px;
	background-color: #fef4d8;
	border-radius:20px;
	box-sizing: border-box;
	margin-bottom: 60px;
}
#staffreview .box_products h3 {
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fde9b0 0%) repeat scroll 0 0;
	margin-bottom: 20px;
}
#staffreview .box_products .wrap_box_products {
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
}
#staffreview .box_products .wrap_box_products .thumb_p {
	width: 240px;
}
#staffreview .box_products .wrap_box_products .thumb_p img {
	width: 100%;
	height: auto;
}
#staffreview .box_products .wrap_box_products .review {
	width: calc(100% - 240px);
	padding-left: 80px;
	box-sizing: border-box;
}
#staffreview .box_products .wrap_box_products .review h4 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px;
}
#staffreview .box_products .wrap_box_products .review .btn {
	position: relative;
}
#staffreview .box_products .wrap_box_products .review .btn a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	background-color: #000;
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box;
}
#staffreview .box_products .wrap_box_products .review .btn a::after {
	position: absolute;
	display: inline-block;
	content: "";
	bottom: -6px;
	right: -6px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fdb94a;
	transform: rotate(45deg);
}
#staffreview .box_products .wrap_box_products .review .btn:hover a {
	background-color: #333;
}

/* 価格プロ */
#staffreview .box_products .wrap_box_products .prices {
	margin-bottom: 20px;
	}
#staffreview .box_products .wrap_box_products .prices .buy_price {}
#staffreview .box_products .wrap_box_products .prices .buy_price ul {}
#staffreview .box_products .wrap_box_products .prices .buy_price ul li {
	display: inline-block;
	}
#staffreview .box_products .wrap_box_products .prices .buy_price ul li.price {}
#staffreview .box_products .wrap_box_products .prices .buy_price ul li.intax {}
#staffreview .box_products .wrap_box_products .prices .buy_price ul li span.spesicalprice { display: none; }



/* ================================

   TOPへ戻る

================================ */

#staffreview .pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 9999;
}
#staffreview .pagetop a {
  	display: table;
	width: 70px;
	height: 70px;
}
#staffreview .pagetop a span {
	display: table-cell;
    text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	background: rgb(57,85,181);
	background: -webkit-linear-gradient(14deg, rgba(57,85,181,1) 0%, rgba(242,97,148,1) 53%, rgba(255,212,99,1) 100%);
	background: -moz-linear-gradient(14deg, rgba(57,85,181,1) 0%, rgba(242,97,148,1) 53%, rgba(255,212,99,1) 100%);
	background: linear-gradient(14deg, rgba(57,85,181,1) 0%, rgba(242,97,148,1) 53%, rgba(255,212,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3955b5",endColorstr="#ffd463",GradientType=1);
	border-radius: 80px;
}
#staffreview .pagetop a:hover span {
	opacity: 0.7;
	transform: translateY(-2px);
}




/*ゆく年くる年用追加*/

#staffreview .item .post .post_l .user dl dd {
	width: 100%;
}

#aniv dd.pc_none{
display:none;
}