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

	Title : products_top.css

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


/***************************************************************
*
*	PC view
*
****************************************************************/

/* pc common
------------------------------------------------------------ */

.printBlc{
  display: none;
}


#wrap #content .ttl_1clm{
	width:1000px;
	margin: 0 0 26px 0;
}

#wrap #content .dot_line{
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 1%;
	padding: 0 0 10px 0;
	margin: 0 0 40px;
}

#wrap #content .btn_area_bottom div{
	width: 461px;
	margin: 0 auto 18px;
	cursor: pointer;
}


#wrap #content .clm1_cnt{
	width:920px;
	margin: 0 auto;
}


#wrap #content .flex_box{
	width:740px;
	height: 60px;
	background: url(../image/pc_h2_bg.gif) no-repeat;
	position: relative;
	margin: 0 0 50px 0;
}

#wrap #content .ttl h3.flex{
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	margin: 0 0 0 26px;
}


#wrap #content .ttl .print_btn{
	position: absolute;
	top: 0;
	right: 0;
}

#wrap #content .bg_gray_box{
	padding: 5px 12px;
	background-color: #f5f2f0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* pc right_cnt
------------------------------------------------------------ */

#wrap #content {
	overflow: hidden;
}

#wrap #content h2 {
	margin-bottom: 30px;
	text-align: center;
}



#wrap #content #leftCnt {
	width: 740px;
	float: left;
}

#wrap #content p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px;
}

#wrap #content #rightCnt_green {
	width: 220px;
	float: right;
}


/* ?A?R?[?f?B?I?乬 */
#wrap #content #rightCnt_green .accordion {
	background-color: #fefdf9;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#wrap #content #rightCnt_green .accordion .ttl {
	font-weight: bold;
	padding: 21px 16px ;
}

#wrap #content #rightCnt_green .accordion .category {
	font-weight: bold;
	color: #FFF;
	padding:0 ;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	background: url(../image/submenu_bg_on.jpg) repeat left top;
}

#wrap #content #rightCnt_green .accordion .category img {
	width: 15%;
	vertical-align: middle;
	margin:8px 8px 8px 15px ;
}


#wrap #content #rightCnt_green .accordion .ttl img {
	width: 19%;
	vertical-align: middle;
	margin-right: 8px;
}

#wrap #content #rightCnt_green .accordion li {
	font-weight: bold;
}



#wrap #content #rightCnt_green .accordion li.detail dl dd {
	background-color: #faf7f2;
	padding-bottom: 16px;
	display: none;
}

#wrap #content #rightCnt_green .accordion li.detail dl dt {
	background-image: 
	url(../image/submenu_arrow_off.png),
	url(../image/submenu_line.png);
	background-repeat: 
	no-repeat,
	repeat-x;
	background-position:  
	93% 50%,
	left top;
	background-size: 
	7%,
	3.5%;
	cursor: pointer;
	font-weight: bold;
	padding: 15px 29px;
/*	border-width: 2px 0px 0px;
  -moz-border-image: url(../image/submenu_line.png) 4 0 0 repeat;
  -webkit-border-image: url(../image/submenu_line.png) 4 0 0 repeat;
  -o-border-image: url(../image/submenu_line.png) 4 0 0 repeat;
  border-image: url(../image/submenu_line.png) 4 0 0 repeat;*/
}


#wrap #content #rightCnt_green .accordion li.detail dl dt:hover {
	opacity: 0.7;
}

#wrap #content #rightCnt_green .accordion li.detail dl dt.active {
	background-image: url(../image/submenu_arrow_on.png),
	url(../image/submenu_line.png);
	background-repeat: no-repeat,
	repeat-x;
	background-size: 93% 50%,
	left top;
	background-size: 7%,
	3.5%;
}

#wrap #content #rightCnt_green .accordion li.detail dl dt.noline {
	background-image: 
	url(../image/submenu_arrow_off.png),
	none;
	background-repeat: 
	no-repeat,
	none;
	background-position:  
	93% 50%,
	none;
	background-size: 
	7%,
	none;
}

#wrap #content #rightCnt_green .accordion li.detail dl dd ul li {
	font-weight: bold;
	font-size: 12px;
	padding: 16px 40px 0;
	background: url(../image/submenu_detail_arrow1.png) no-repeat 29px 19px;
	background-size: 7px;
}

#wrap #content #rightCnt_green .accordion li.detail dl dd ul li ul {
	display: none;
}

#wrap #content #rightCnt_green .accordion li.detail dl dd ul li ul li {
	font-weight: bold;
	font-size: 12px;
	padding: 8px 0 0;
	background:none;
	background-size: 0;
}


#wrap #content #rightCnt_green .accordion li.detail dl dd ul li.act a {
	color: #a06b35 !important;
}

#wrap #content #rightCnt_green .accordion li.detail dl dd ul li.act a:link {
	color: #a06b35 !important;
}

#wrap #content #rightCnt_green .accordion li.detail dl dd ul li.act a:hover {
	color: #85baee !important;
}


#wrap #content #rightCnt_green .wakochan {
	width: 100%;
	margin-top: 10px;
}

#wrap #content #rightCnt_green .wakochan img{
	width: 100%;
}


/* pc getsurei
------------------------------------------------------------ */

#wrap #content.getsurei {
	max-width: 1920px;
	width: 100%;
	margin: -10px auto -108px;
}


/* pc getsurei main */

#wrap #content.getsurei .main{
	position: relative;
	background: url(../image/pc_main.jpg) center no-repeat;
	height: 550px;
	z-index: 50;
}

#wrap #content.getsurei .main h3{
	position: absolute;
	top: 73px;
	left: 50%;
	margin-left: -457px;
}

#wrap #content.getsurei .main ul{
	width: 428px;
	position: absolute;
	top: 248px;
	left: 50%;
	margin-left: -457px;
	overflow: hidden;
}

#wrap #content.getsurei .main ul li{
	width: 202px;
	float: left;
	margin: 0 12px 10px 0;
}


/* pc getsurei 嫟捠 */

#wrap #content.getsurei .cnt_inner{
	padding: 0 0 70px;
}


#wrap #content.getsurei .cnt_inner h4{
	width: 100%;
	text-align: center;
	padding: 80px 0 60px;
}

#wrap #content.getsurei .cnt_inner h4 .pcBlc{
	display: inline-block;
}


#wrap #content.getsurei .cnt_inner .item_accordion{
	width: 920px;
	margin: 0 auto 20px;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box{
	display: none;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul {
	overflow: hidden;
	margin: 35px 0 0 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li{
	width: 440px;
	float: left;
	margin: 0 40px 70px 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li:nth-child(2n){
	width: 440px;
	float: left;
	margin: 0 0 70px 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dt{
	width: 100%;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2%;
	padding:0;
	margin: 0 0 30px;
}



#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd {
	overflow: hidden;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .itemImg{
	width: 176px;
	height: 176px;
	float: left;
	border: 1px solid #f1e9e6;
	background: #fff;
	overflow: hidden;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .itemImg img{
	width: 90%;
	margin:3% 5% ;
	text-align: center;
}


#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box{
	width: 240px;
	float: right;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .volume{
	font-size: 12px;
	line-height: 18px;
	padding: 0 8px;
	margin: 0 0 10px;
	color:#302420;
	border-radius: 3px;
	display: inline-block;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .detail_txt_bold{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 6px;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .detail_txt{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .btn{
	width:226px;
	font-size: 14px;
	line-height: 34px;
	padding: 0 0 0 14px;
	margin: 0 0 10px;
	background: url(../image/btn_rigtht_arrow.gif) no-repeat 220px 12px, #f2edec;
	background-size:6px 8px, 100% 100%;
	border-radius: 5px;
}

/* pc getsurei #sec01 */

#wrap #content.getsurei #sec01{
	width: 100%;
	margin: -30px 0 0 0;
	padding: 0 0 30px 0;
	position: relative;
	z-index: 150;
}

#wrap #content.getsurei #sec01 .cnt_top{
	height: 30px;
	width: 100%;
	background: url(../image/pc_bg_sec01_top.png) center top repeat-x;
}

#wrap #content.getsurei #sec01 .cnt_inner{
	width: 100%;
	background: url(../image/pc_bg_sec01_middle.gif) center top repeat;
}

#wrap #content.getsurei #sec01 .cnt_inner .item_accordion .accordion_ttl{
	width: 893px;
	line-height: 60px;
	font-size: 18px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 27px;
	background:  url(../image/ttl_btn_close.png) no-repeat 865px 11px, url(../image/ttl_bg_sec01.gif) repeat;
	border-radius: 10px;
}

#wrap #content.getsurei #sec01 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 865px 11px, url(../image/ttl_bg_sec01.gif) repeat;
}

/* pc getsurei #sec02 */

#wrap #content.getsurei #sec02{
	width: 100%;
	margin: -40px 0 0 0;
	padding: 0 0 37px 0;
	position: relative;
	z-index: 250;
}

#wrap #content.getsurei #sec02 .cnt_top{
	height: 10px;
	width: 100%;
	background: url(../image/pc_bg_sec02_top.png) center top repeat-x;
}

#wrap #content.getsurei #sec02 .cnt_inner{
	width: 100%;
	background: url(../image/pc_bg_sec02_middle.gif) center top repeat;
}

#wrap #content.getsurei #sec02 .cnt_inner .item_accordion .accordion_ttl{
	width: 893px;
	line-height: 60px;
	font-size: 18px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 27px;
	background: url(../image/ttl_btn_close.png) no-repeat 865px 11px, url(../image/ttl_bg_sec02.gif) repeat;
	border-radius: 10px;
}

#wrap #content.getsurei #sec02 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 865px 11px ,url(../image/ttl_bg_sec02.gif) repeat;
}

#wrap #content.getsurei #sec02 .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .volume{
	background: #fec274;
	color: #302420;
}



/* pc getsurei #sec03 */

#wrap #content.getsurei #sec03{
	width: 100%;
	margin: -37px 0 0 0;
	padding: 0 0 10px 0;
	position: relative;
	z-index: 350;
}

#wrap #content.getsurei #sec03 .cnt_top{
	height: 10px;
	width: 100%;
	background: url(../image/pc_bg_sec03_top.png) center top repeat-x;
}

#wrap #content.getsurei #sec03 .cnt_inner{
	width: 100%;
	background: url(../image/pc_bg_sec03_middle.gif) center top repeat;
}

#wrap #content.getsurei #sec03 .cnt_inner .item_accordion .accordion_ttl{
	width: 893px;
	line-height: 60px;
	font-size: 18px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 27px;
	background: url(../image/ttl_btn_close.png) no-repeat 865px 11px, url(../image/ttl_bg_sec03.gif) repeat;
	border-radius: 10px;
}

#wrap #content.getsurei #sec03 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 865px 11px, url(../image/ttl_bg_sec03.gif) repeat;
}

#wrap #content.getsurei #sec03 .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .volume{
	background: #fd9a90;
	color: #302420;
}


/* pc getsurei #sec04 */

#wrap #content.getsurei #sec04{
	width: 100%;
	margin: -37px 0 0 0;
	padding: 0 0 10px 0 ;
	position: relative;
	z-index: 450;
}

#wrap #content.getsurei #sec04 .cnt_top{
	height: 37px;
	width: 100%;
	background: url(../image/pc_bg_sec04_top.png) center top repeat-x;
}

#wrap #content.getsurei #sec04 .cnt_inner{
	width: 100%;
	background: url(../image/pc_bg_sec04_middle.gif) center top repeat;
}

#wrap #content.getsurei #sec04 .cnt_inner .item_accordion .accordion_ttl{
	width: 893px;
	line-height: 60px;
	font-size: 18px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 27px;
	background: url(../image/ttl_btn_close.png) no-repeat 865px 11px, url(../image/ttl_bg_sec04.gif) repeat;
	border-radius: 10px;
}

#wrap #content.getsurei #sec04 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 865px 11px, url(../image/ttl_bg_sec04.gif) repeat;
}

#wrap #content.getsurei #sec04 .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .volume{
	background: #75a6f7;
	color: #302420;
}



/* pc products_top
------------------------------------------------------------ */

#wrap #content.products_top .ttl{
	margin: 0 0 26px 0;
}

#wrap #content.products_top .ttl h2{
	float: left;
	width: 138px;
	margin: 5px 0 0 30px;
}

#wrap #content.products_top .ttl .btn{
	margin: 0 28px 0 0;
	float: right;
}

#wrap #content.products_top .anker_area{
	margin: 0 0 32px 30px;
}

#wrap #content.products_top .anker_area li{
	float: left;
	margin: 0 8px 8px 0;
}

#wrap #content.products_top .anker_area li:nth-child(4n){
	margin: 0 0 8px 0;
}

#wrap #content.products_top .cnt_link {
	margin: 0 0 64px 0;
	position: relative;
}

#wrap #content.products_top .cnt_link {
	margin: 0 0 64px 0;
	position: relative;
}

#wrap #content.products_top .cnt_link .link_getsurei {
	position: absolute;
	top: 0;
	right: 0;
}


#wrap #content.products_top h3 {
	margin: 0 0 30px 0;
}

#wrap #content.products_top .cnt_list {
	margin: 0 0 30px 29px;
}

#wrap #content.products_top .cnt_list li{
	float: left;
	margin: 0 14px 14px 0;
}

/* products_detail
------------------------------------------------------------ */


#wrap #content.products_detail .ttl{
	width:740px;
	height: 60px;
	background: url(../image/pc_h2_bg.gif) no-repeat;
	position: relative;
	margin: 0 0 30px 0;
}

#wrap #content.products_detail .ttl h3{
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	margin: 0 0 0 26px;
}




#wrap #content.products_detail .ttl .btn{
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

#wrap #content.products_detail .ttl .btn.active{
	display: block;
}



#wrap #content.products_detail .btn_area{
	padding-top:20px;
}



#wrap #content.products_detail .btn_area li{
	float: left;
	margin: 0 18px 18px 0;
}

#wrap #content.products_detail .btn_area li:nth-child(3n){
	margin: 0 0 18px 0;
}

#wrap #content.products_detail .btn_area .btn_box{
	width: 234px;
	height: 280px;
	background: url(../image/pc_btn_bg.gif) no-repeat;
	text-align: center;
}

#wrap #content.products_detail .btn_area .btn_box dt{
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	margin: 0 0 10px 0;
	padding: 23px 0 0 0 ;
}

#wrap #content.products_detail .btn_area .btn_box .txt{
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 4px 0;
}

#wrap #content.products_detail .btn_area a img:hover {
	opacity: 1;
	opacity: 1\9;
}

#wrap #content.products_detail .btn_area a dl:hover {
	opacity: 0.8;
	opacity: 0.8\9;
}


#wrap #content.products_detail .ttl .btn{
	position: absolute;
	top: 0;
	right: 0;
}


#wrap #content.products_detail .btn_area li{
	float: left;
	margin: 0 18px 18px 0;
}

#wrap #content.products_detail .btn_area li:nth-child(3n){
	margin: 0 0 18px 0;
}

#wrap #content.products_detail .btn_area .btn_box{
	width: 210px;
	padding: 0 10px 70px;
	height: auto;
	background: url(../image/pc_btn_btm.gif) no-repeat bottom;
	border: 2px solid #ded3cf;
	border-radius: 10px;
	text-align: center;
}

#wrap #content.products_detail .btn_area .btn_box dt{
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	margin: 0 0 10px 0;
	padding: 23px 0 0 0 ;
}

#wrap #content.products_detail .btn_area .btn_box .txt{
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 4px 0;
}

#wrap #content.products_detail .btn_area li .img {
	display: block;
}


#wrap #content.products_detail .btn_area li .img img{
	display: inline-block;
}

#wrap #content.products_detail .btn_area a img:hover {
	opacity: 1;
	opacity: 1\9;
}

#wrap #content.products_detail .btn_area a dl:hover {
	opacity: 0.8;
	opacity: 0.8\9;
}

/* products_item
------------------------------------------------------------ */

#wrap #content.products_item{
	overflow: visible;
}

#wrap #content.products_item:after{
	overflow: hidden;
}

#wrap #content.products_item .flex_box{
	margin: 0 0 30px 0;
}

#wrap #content.products_item .main .comment{
	width: 100%;
	font-size: 10px;
	text-align: right;
	margin: 0;
}

/*main*/

#wrap #content.products_item .main dt{
	margin: 20px 0 30px 0 ;
}

#wrap #content.products_item .main .txt{
	margin: 0 0 30px;
}

#wrap #content.products_item .main .btn_area{
	width: 462px;
	margin: 0 auto 80px;
}

#wrap #content.products_item .main .btn_area .btn_brandsite{
	margin: 0 0 29px;
}

#wrap #content.products_item .main .btn_area .btn_main_pdf{
	display: inline-block;
	margin: 0 0 10px 0;
}

#wrap #content.products_item .main .btn_area .btn_main_pdf li{
	display: inline-block;
	margin: 0 4px 0 0;
}

#wrap #content.products_item .main .btn_area .btn_main_pdf li:last-child{
	margin: 0 ;
}

#wrap #content.products_item .main .btn_area .btn_brandsite02{
	margin: 0 ;
}

#wrap #content.products_item .main .btn_area .btn_english{
	margin:0 auto;
	width:188px;
}


/*sub_cnt*/


#wrap #content.products_item .sub_cnt_box{
	margin: 0 0 20px;
}

#wrap #content.products_item .sub_cnt_box .sub_ttl{
	width:740px;
	height: 60px;
	background:
	url(../image/ttl_icon_green_off.gif) 98% 42% no-repeat,
	url(../image/pc_ttl_bg_green.gif) no-repeat	;
	position: relative;
	margin: 0 ;
	cursor: pointer;
}

#wrap #content.products_item .sub_cnt_box .sub_cnt{
	display: none;
}

#wrap #content.products_item .sub_cnt_box .sub_ttl.open + .sub_cnt{
	display: block;
}


#wrap #content.products_item .sub_cnt_box .sub_ttl.open{
	width:740px;
	height: 60px;
	background:
	url(../image/ttl_icon_green_on.gif) 98% 42% no-repeat,
	url(../image/pc_ttl_bg_green.gif) no-repeat	;
	position: relative;
	margin: 0 ;
}


#wrap #content.products_item .sub_cnt_box .sub_ttl h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	margin: 0 0 0 26px;
}

#wrap #content.products_item .sub_cnt_box .sub_cnt .item_list .item{
	width:230px;
	float: left;
	margin: 30px 25px 0 0;
	padding: 0 0 2px;
}

#wrap #content.products_item .sub_cnt_box .sub_cnt .item_list .item:nth-child(3n){
	margin: 30px 0 0 0;
}

#wrap #content.products_item .sub_cnt_box .item_inner .item_img{
	border: 1px solid #f1e9e6;
	margin: 0 0 12px;
	width: 230px;
	box-sizing:border-box;
}

#wrap #content.products_item .sub_cnt_box .item_inner .item_img img{
	width: 100%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area h5{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px;
	line-height: 22px;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area h5.new{
	background: url(../image/new_mark.gif) no-repeat;
	padding: 0 0 0 25px;
	background-size: 22px 22px;
	margin: 0 0 8px;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area h5 img{
	vertical-align: middle;
}


#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .txt a:visited,
#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .txt a:link,
#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .txt a:link{
	color:#F00;
	text-decoration:underline;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .txt a:hover{
	color:#F00;
	text-decoration:none;
}







#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .txt{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 8px;
}




#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .spec{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 14px;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .icon{
	margin: 0 0 16px;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .icon p{
	font-size: 12px;
	line-height: 12px;
	padding:9px 12px;
	color: #302420;
	background-color: #f2edec;
	border-radius: 5px;
	display: inline-block;
	margin: 0;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01 div{
	width:215px;
	font-size: 12px;
	vertical-align: middle;
	color: #fff;
	height: 24px;
	padding: 0 0 0 15px;
	background: url(../image/pc_btn_item_spec02.gif) no-repeat;
	margin: 0 0 8px;
}


#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01 div p{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01 p:hover{
	opacity: 0.8;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_02{
	width:230px;
	margin: 0 0 8px;
	position: relative;
}


#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_02:hover,
#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03:hover img,
#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_04:hover{
	opacity: 0.8;
	z-index: 100;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_02 p{
	position: absolute;
	width: 215px;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	color: #f76351;
	top: 0;
	left: 15px;
	font-weight: bold;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03{
	width:230px;
	height: 24px;
	margin: 0 0 8px;
	position: relative;
	cursor: pointer;
	font-size:11px;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 p{
	position: absolute;
	width: 160px;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	color: #51d2d2;
	top: 0;
	left: 15px;
	font-weight: bold;
}


#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner{
	display: none;
	width: 230px;
	padding: 0;
	position: absolute;
	z-index: 100;
	background: #F5FDFD;
	left: 0;
	top: 25px;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li{
	font-size: 12px;
	line-height: 24px;
	padding: 0 16px;
	border-bottom:1px solid #daf5f5;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li a{
	color: #302420;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li a:hover{
	text-decoration: underline;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li:last-child{
	border-bottom:none;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_04{
	width:230px;
	margin: 0 0 8px;
	position: relative;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_04 p{
	position: absolute;
	width: 215px;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	color: #302420;
	z-index: 50;
	top: 0;
	left: 15px;
	font-weight: bold;
}

/* product_popup
------------------------------------------------------------ */

.popup{
	background: none;
}

#wrap #content.products_popup{
	width: 818px;
	padding: 60px 0;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}

#wrap #content.products_popup_box{
	width: 818px;
	margin: 0 auto;
}

#wrap #content.products_popup h1{
	font-size: 22px;
	color:#76d557;
	margin: 0 0 40px;
	font-weight: bold;
}

#wrap #content.products_popup .print_btn{
	position: absolute;
    top: -5px;
    right: 15px;
}


#wrap #content.products_popup .flex_box{
	width:818px;
	height: 50px;
	background: url(../image/pc_h2_popup_bg.gif) no-repeat;
	position: relative;
	margin: 0 0 50px 0;
}

#wrap #content.products_popup .flex_box.mt_flex_box{
	margin: 50px 0 50px 0;
}


#wrap #content.products_popup .ttl h3.flex{
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	margin: 0 0 0 26px;
}


#wrap #content.products_popup .type_table{
	width: 814px;
	display: table;
	border: 2px solid #ded3cf;
	margin: 0 0 20px;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_popup .type_table div{
  margin: 0;
  padding: 0;
  font: 0;
}
#wrap #content.products_popup .type_table dt{
  height: auto;
  font-size: 14px;
  font-weight: bold;
  background-color: #f8f6f5;
  vertical-align: middle;
  border-bottom: 2px solid #ded3cf;
  padding: 8px 18px;
  box-sizing: border-box;
}
#wrap #content.products_popup .type_table dd{
	padding:14px 18px;
	font-size: 14px;
  box-sizing: border-box;
}
#wrap #content.products_popup .type_table.nutr_comp{
	width: 562px;
  display: table-cell;
  border-right: 2px solid #ded3cf;
}
#wrap #content.products_popup .type_table.ingredients{
	width: 252px;
  display: table-cell;
  border-left: none;
}
#wrap #content.products_popup .type_table.ingredients.bg_gray{
  background-color: #f0f0f0;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

#wrap #content.products_popup .attention {
	margin: 20px 0 40px;
}

#wrap #content.products_popup .attention dt{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px;
}

#wrap #content.products_popup .attention dt div p{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
}

#wrap #content.products_popup .attention dt img{
	padding: 0 3px 0 0;
}



#wrap #content.products_popup .attention dd{
	font-size: 12px;
}


#wrap #content.products_popup .attention dd span.AGattention{
	color:#F00;
	font-size: 14px;
	font-weight:bold;
}

#wrap #content.products_popup .attention dd span.AGattention span{
	text-decoration:underline;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_popup .attention p.red {
  font-size: 12px;
  line-height: 1.4;
  color: #ff0000;
  display: inline;
  padding: 0;
}
#wrap #content.products_popup .attention span.bb {
  border-bottom: 1px solid #ff0000;
}


#wrap #content.products_popup .dot_line{
	width: 100%;
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 1%;
	padding: 0 0 10px 0;
	margin: 50px 0 20px;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/


#wrap #content.products_popup .attention_txt{
	font-size: 12px;
	margin: 0 0 8px;
}

#wrap #content.products_popup .table_left{
	width: 408px;
	float: left;
	/*border-top: 2px solid #ded3cf;
	border-left: 2px solid #ded3cf;
	margin: 0 0 30px;*/
}

#wrap #content.products_popup .table_left:nth-child(1),
#wrap #content.products_popup .table_left:nth-child(2){
	border-top: 2px solid #ded3cf;
}

#wrap #content.products_popup .table_left:last-child{
		margin-bottom:30px;
}



#wrap #content.products_popup .table_left:nth-child(odd){
	border-left: 2px solid #ded3cf;
}




#wrap #content.products_popup .table_right{
	width: 408px;
	float: left;
	border-top: 2px solid #ded3cf;
}


#wrap #content.products_popup table td{
	width: 100px;
	height: 50px;
	border-right: 2px solid #ded3cf;
	border-bottom: 2px solid #ded3cf;
	text-align: center;
	vertical-align: middle;
}

#wrap #content.products_popup table th{
	border-right: 2px solid #ded3cf;
	height: 50px;
	width: 100px;
	font-size: 12px;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: 0 48px;
	background-size: 8px 4px;
	text-align: center;
	vertical-align: middle;
	background-color: #f8f6f5;
}

#wrap #content.products_popup table th.bgyellow{
	background-color: #fffeba;
}

#wrap #content.products_popup table th.bggreen{
	background-color: #e0fbd3;
}

#wrap #content.products_popup table th.bgblue{
	background-color: #d4ffff;
}

#wrap #content.products_popup .pdf_txt{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px;
}


#wrap #content.products_popup .btn_main_pdf li{
	display: inline-block;
	margin: 0 4px 0 0;
}


/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_popup table th.none, #wrap #content.products_popup table td.none {
  visibility: collapse;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/



/* new_product
------------------------------------------------------------ */


#wrap #content.new_product .ttl{
	width:1000px;
	height: 60px;
	margin: 0 0 50px 0;
}

#wrap #content.new_product .btn_area li{
	float: left;
	margin: 0 0 75px 41px;
}

#wrap #content.new_product .btn_area .btn_box dt{
	width: 438px;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2%;
	padding: 0 0 0 2px;
	margin: 0 0 30px;
}

#wrap #content.new_product .btn_area .btn_box dt p{
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	padding: 0 0 8px 3px;
}

#wrap #content.new_product .btn_area .btn_box dt p.new{
	background-image: url(../image/new_mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 28px;
	padding: 0 0 8px 38px;
}

#wrap #content.new_product .btn_area .btn_box dt p .series_img{
	display: none;
	width: 64px;
}

#wrap #content.new_product .btn_area .btn_box dt p.series .series_img{
	display: inline-block;
	margin: 0 0 0 30px;
	vertical-align: middle;
}

#wrap #content.new_product .btn_area .btn_box .img{
	float: left;
	width: 178px;
	border: 1px solid #f1e9e6;
	margin: 0 20px 0 0;
}

#wrap #content.new_product .btn_area .btn_box .img img{
	width: 100%;
}


#wrap #content.new_product .btn_area .btn_box .txt{
	width: 240px;
	float: left;
	margin: 0 0 4px 0;
}

#wrap #content.new_product .btn_area .btn_box .txt{
	position: relative;
}

#wrap #content.new_product .btn_area .btn_box .btn_detail{
	position: absolute;
	bottom: -36px;

}

#wrap #content.new_product .btn_area .btn_box .txt p{
	font-size: 14px;
	line-height: 24px;
}

#wrap #content.new_product .btn_area .btn_box .txt p.detail{
	margin: 0 0 16px 0;
}

#wrap #content.new_product .btn_area .btn_box .txt p.gram{
	margin: 0 0 3px 0;
}

#wrap #content.new_product .btn_area .btn_box .txt p.price{
	margin: 0 0 16px 0;
}




#wrap #content.new_product ul.no01 {
	margin : 40px 0 5px 0;
}

#wrap #content.new_product .pagingbox{
	width: 724px;
	margin: 40px auto 0;
}

#wrap #content.new_product ul.btn_list02{
	width: 416px;
	margin: 0 auto;
	text-align: center;
	float:left;
}

#wrap #content.new_product ul.btn_list02 li{
	display: inline-block;
	width: 30px;
	font-size: 18px;
	height: 27px;
	margin : 0 3px 5px 3px;
	text-align: center;
	line-height: 27px;

}

#wrap #content.new_product .btn_back{
	float: left;
	width: 108px;
	height: 18px;
	margin : 4px 48px 15px 0;
	line-height: 0;
}


#wrap #content.new_product .btn_next{
	float: left;
	width: 108px;
	height: 18px;
	margin : 4px 0 15px 40px;
	line-height: 0;
}



#wrap #content.new_product ul.btn_list02 li.btn_on{
	color: #fff;
	background-image: url("../image/pc_number_bg1.jpg");
	background-size: 30px;

}

/* search
------------------------------------------------------------ */


#wrap #content.search .ttl{
	width:1000px;
	margin: 0 0 26px 0;
}

#wrap #content.search .search_cnt{
	width:920px;
	margin: 0 auto;
}

#wrap #content.search .search_cnt .txt_top{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}

.attention_box{
	padding: 27px 38px;
	margin: 0 0 50px;
	background-color: #ffddd4;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.attention_box dt{
	float: left;
	width:43px;
	margin: 23px 34px 0 0 ;
}

.attention_box dd{
	float: left;
	width:750px;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
}

#wrap #content.search .search_box{
	margin: 0 0 70px;
}

#wrap #content.search .search_box h4{
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 1%;
	padding: 0 0 10px 2px;
	margin: 0 0 35px;
}

#wrap #content.search .search_box h4 span{
	font-size: 18px;
	font-weight: normal;
}

#wrap #content.search .search_box .checkbox_area01 li{
	float: left;
	width: 184px;
	font-size: 18px;
	margin: 0 0 20px 0;
}

#wrap #content.search .search_box li p{
	display: inline-block;
	vertical-align: top;
	margin: 3px 0 0 0 ;
	line-height: 19px;
}

#wrap #content.search .search_box .checkbox_area01 li p{
	width: 142px;
}

#wrap #content.search .search_box .checkbox_area01 li input{
	margin: 0 10px 0 8px;
}

#wrap #content.search .search_box .checkbox_area01 li:first-child{
	float: left;
	width: 100%;
	font-size: 18px;
}


#wrap #content.search .search_box .checkbox_area02 li{
	float: left;
	width: 272px;
	font-size: 18px;
	margin: 0 0 20px 0;
}

#wrap #content.search .search_box .checkbox_area02 li input{
	margin: 0 10px 0 8px;
}

#wrap #content.search .search_box .checkbox_area02 li:first-child{
	float: left;
	width: 100%;
	font-size: 18px;
}

#wrap #content.search .search_box .checkbox_area02 li:nth-child(3n){
	float: left;
	width: 375px;
	font-size: 18px;
}

#wrap #content.search .search_box .radiobox_area li{
	width: 100%;
	font-size: 18px;
	margin: 0 0 20px 0;
}

#wrap #content.search .search_box .radiobox_area li input{
	margin: 0 10px 0 8px;
}

#wrap #content.search .btn_area div{
	width: 461px;
	margin: 0 auto 18px;
	cursor: pointer;
}


/* search_result
------------------------------------------------------------ */
#wrap #content.search_result .ttl_1clm{
	position: relative;
}

#wrap #content.search_result .ttl_1clm .ttl_btn{
	position: absolute;
	top: 0;
	right: 0;
}

#wrap #content.search_result .txt_top{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}


#wrap #content.search_result .txt_second{
	margin: 0 0 10px;
}

#wrap #content.search_result .bg_grey li{
	display: inline-block;
	padding: 5px 12px;
	background-color: #f5f2f0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 10px 20px 0;
}

#wrap #content.search_result .hit_products{
	margin: 0 0 50px;
}

#wrap #content.search_result .hit_products li{
	float: left;
	border: 2px solid #ded3cf;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
	margin: 0 0 20px;
}

#wrap #content.search_result .hit_products li:nth-child(2n){
	float: right;
}

#wrap #content.search_result .hit_products li dt{
	width: 148px;
	height: 148px;
	float: left;
	margin: 0 20px 0 0;
}

#wrap #content.search_result .hit_products li dt img{
	width: 100%;
	vertical-align: middle;
	margin: 0 0 0 0;
}

#wrap #content.search_result .hit_products li dd{
	width: 239px;
	float: left;
	margin: 0;
}


#wrap #content.search_result .hit_products li dd .icon{
	margin: 0 8px 6px 0;
	width: 79px;
}


#wrap #content.search_result .hit_products li dd .icon img{
	width: 100%;
}

#wrap #content.search_result .hit_products li dd h5{
	width: 239px;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2%;
	padding: 0 0 5px 2px;
	margin: 0 0 15px;
}

#wrap #content.search_result .hit_products li dd p{
	font-size: 12px;
	line-height: 20px;
	margin:0;
}


/***************************************************************
*
*	SP view
*
****************************************************************/

@media screen and (max-width:769px){


/* sp common
------------------------------------------------------------ */

.itemAnc {
	overflow: hidden;
	width: 100%;
	margin: 0 auto 5%;
}

.itemAnc li {
	float: left; 
	font-weight: bold;
	font-size: 13px;
	background: url(../image/black_detail_arrow2.png) no-repeat no-repeat left 46%;
 	padding-left: 19px;
    background-size: 3.5%;
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
}

#wrap #content .ttl_1clm{
	width: 100%;
	padding: 0 0 6%;
	margin: 0;
}

#wrap #content .dot_line{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2%;
	padding: 0 0 3% 0;
	margin: 0 0 7%;
}

#wrap #content .btn_area_bottom{
	margin: 0 auto 10%;
	padding: 0 ;
}


#wrap #content .btn_area_bottom div{
	width: 78%;
	margin: 0 auto 5%;
	cursor: pointer;
}

#wrap #content .clm1_cnt{
	width:92%;
	margin: 0;
	padding: 0 4%;
}


#wrap #content .flex_box{
	width: 100%;
	height: 15.7vw;
	position: relative;
	background: url(../image/sp_h2_bg.gif) repeat;
	margin: 0 0 5% 0;
}

#wrap #content .flex_box h3.flex{
	font-size: 17px;
	height: 15.7vw;
	padding: 0 0 0 4%;
	width: 90%;
	margin: 0;
	display: table-cell;
	line-height: 1.5em;
	vertical-align: middle;
}

#wrap #content .flex_box_green{
	width: 100%;
	height: 15.7vw;
	position: relative;
	background: url(../image/sp_h2_bg.gif) repeat;
	margin: 0 0 5% 0;
}

#wrap #content .flex_box_green h3.flex{
	font-size: 14px;
	height: 15.7vw;
	padding: 0 0 0 4%;
	width: 90%;
	margin: 0;
	display: table-cell;
	line-height: 1.5em;
	vertical-align: middle;
}

#wrap #content .ttl .print_btn{
	width: 32.3%;
	position: absolute;
	right:0;
	top:0;
}


#wrap #content .bg_gray_box{
	padding: 5px 12px;
	background-color: #f5f2f0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



/* ?A?R?[?f?B?I?乬 */

#wrap #content #leftCnt {
	width: 100%;
	float: none;
}

#wrap #content p {
	font-size: 12px;
	line-height: 21px;
	margin-bottom: 5%;
	padding: 0 3%;
}

#wrap #content #rightCnt_green {
	width: 100%;
	float: none;
	padding: 0;
	margin: 60px 0 0 0 ;
}



#wrap #content #rightCnt_green .accordion {
	border-radius: 0;
	border-bottom: 2px solid #ded3cf;
	border-top: 2px solid #ded3cf;
	/* margin-bottom: 2%; */
	font-size:11px;
}

#wrap #content #rightCnt_green .accordion .ttl {
	padding: 14px 16px 11px;
}


#wrap #content #rightCnt_green .accordion .ttl img {
	width: 9%;
	margin-right: 2%;
}

#wrap #content #rightCnt_green .accordion .category {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;

}

#wrap #content #rightCnt_green .accordion .category img {
	width: 12%;
	margin:2% 2% 2% 5% ;
}

#wrap #content #rightCnt_green .accordion li.detail dl dt {
	background: url(../image/submenu_arrow_off.png) no-repeat 95% 50%;
	background-size: 19px;
	cursor: pointer;
}

#wrap #content #rightCnt_green .accordion li.detail dl dt:hover {
	opacity:1.0;
}

#wrap #content #rightCnt_green .accordion li.detail dl dt.active {
	background: url(../image/submenu_arrow_on.png) no-repeat 95% 50%;
	background-size: 19px;
}


#wrap #content #rightCnt_green .accordion li.detail dl dd ul li {
	background: url(../image/submenu_detail_arrow1.png) no-repeat 29px 20px;
	background-size: 7px;
	font-size:11px;
}

#wrap #content #rightCnt_green .wakochan {
	width: 95%;
	margin: 3% auto ;
}




/* pc getsurei
------------------------------------------------------------ */

#wrap #content.getsurei {
	max-width: 100%;
	width: 100%;
	margin: 0;
}


/* pc getsurei main */

#wrap #content.getsurei .main{
	position: relative;
	background:none;
	height: auto;
	z-index: 50;
}

#wrap #content.getsurei .main h3{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-left: 0;
}

#wrap #content.getsurei .main .mainImg{
	width: 100%;
}

#wrap #content.getsurei .main ul{
	width: 81.25%;
	position: relative;
	top: 0;
	left: 0;
	margin: 10% auto 18%;
	overflow: hidden;
}

#wrap #content.getsurei .main ul li{
	width: 48.7%;
	float: left;
	margin: 0 0 3% 0;
}

#wrap #content.getsurei .main ul li:nth-child(2n){
	width: 48.7%;
	float: right;
}

/* sp getsurei 嫟捠 */

#wrap #content.getsurei .cnt_inner{
	width: 92%;
	margin: 0 auto;
	padding: 0 0 20%;
}


#wrap #content.getsurei .cnt_inner h4{
	width: 100%;
	text-align: center;
	padding: 10% 0 9%;
}

#wrap #content.getsurei .cnt_inner h4 .pcBlc{
	display: none;
}


#wrap #content.getsurei .cnt_inner .item_accordion{
	width: 92%;
	margin: 0 auto 3%;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box{
	display: none;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul {
	overflow: hidden;
	margin: 3% 0 0 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li{
	width: 100%;
	float: none;
	margin: 0 0 10% 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li:nth-child(2n){
	width: 100%;
	float: none;
	margin: 0 0 10% 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dt{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2.5%;
	padding: 0 0 0 0;
	margin: 0 0 7%;
}



#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd {
	overflow: hidden;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .itemImg{
	width: 39%;
	height: 39%;
	float: left;
	border: 1px solid #f1e9e6;
	background: #fff;
	overflow: hidden;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .itemImg img{
	width: 90%;
	margin:3% 5% ;
	text-align: center;
}


#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box{
	width: 56%;
	float: right;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .volume{
	font-size: 10px;
	line-height: 16px;
	padding: 0 8px;
	margin: 0 0 6px;
	color: #fff;
	background: #fec274;
	border-radius: 2px;
	display: inline-block;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .detail_txt_bold{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0 0 4px;
	padding: 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .detail_txt{
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 8px;
	padding: 0;
}

#wrap #content.getsurei .cnt_inner .item_accordion .accordion_box ul li dd .detail_box .btn{
	width:94%;
	font-size: 10px;
	line-height: 35px;
	padding: 0 0 0 6%;
	margin: 0 0 7px;
	background: url(../image/btn_rigtht_arrow.gif) no-repeat 95% 43%, #f2edec;
	background-size:6px 8px, 100% 100%;
	border-radius: 3px;
}

/* sp getsurei #sec01 */

#wrap #content.getsurei #sec01{
	width: 100%;
	margin: -10% 0 0 0;
	padding: 0 0 7% 0;
	position: relative;
	z-index: 150;
}

#wrap #content.getsurei #sec01 .cnt_top{
	height: 0;
	padding-top: 4.4%;
	width: 100%;
	background: url(../image/sp_bg_sec01_top.png) center top repeat-x;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec01 .cnt_inner{
	width: 100%;
	background: url(../image/sp_bg_sec01_middle.gif) center top repeat;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec01 .cnt_inner .item_accordion .accordion_ttl{
	width: 96%;
	line-height: 35px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 4%;
	background:  url(../image/ttl_btn_close.png) no-repeat 96% 42%, url(../image/ttl_bg_sec01.gif) repeat;
	background-size: auto 55%, auto ;
	border-radius: 5px;
}

#wrap #content.getsurei #sec01 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 96% 42%, url(../image/ttl_bg_sec01.gif) repeat;
	background-size: auto 55%, auto ;
}

/* sp getsurei #sec02 */

#wrap #content.getsurei #sec02{
	width: 100%;
	margin: -18% 0 0 0;
	padding: 0 0 7% 0;
	position: relative;
	z-index: 250;
}

#wrap #content.getsurei #sec02 .cnt_top{
	height: 0;
	padding-top: 2.6%;
	width: 100%;
	background: url(../image/sp_bg_sec02_top.png) center top repeat-x;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec02 .cnt_inner{
	width: 100%;
	background: url(../image/sp_bg_sec02_middle.gif) center top repeat;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec02 .cnt_inner .item_accordion .accordion_ttl{
	width: 96%;
	line-height: 35px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 4%;
	background: url(../image/ttl_btn_close.png) no-repeat 96% 42%, url(../image/ttl_bg_sec02.gif) repeat;
	background-size: auto 55%, auto ;
	border-radius: 5px;
}

#wrap #content.getsurei #sec02 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 96% 42% ,url(../image/ttl_bg_sec02.gif) repeat;
	background-size: auto 55%, auto ;
}

/* sp getsurei #sec03 */

#wrap #content.getsurei #sec03{
	width: 100%;
	margin: -19% 0 0 0;
	padding: 0 0 7% 0;
	position: relative;
	z-index: 350;
}

#wrap #content.getsurei #sec03 .cnt_top{
	height: 0;
	padding-top: 1.4%;
	width: 100%;
	background: url(../image/sp_bg_sec03_top.png) center top repeat-x;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec03 .cnt_inner{
	width: 100%;
	background: url(../image/sp_bg_sec03_middle.gif) center top repeat;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec03 .cnt_inner .item_accordion .accordion_ttl{
	width: 96%;
	line-height: 35px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 4%;
	background: url(../image/ttl_btn_close.png) no-repeat 96% 42%, url(../image/ttl_bg_sec03.gif) repeat;
	background-size: auto 55%, auto ;
	border-radius: 5px;
}

#wrap #content.getsurei #sec03 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 96% 42%, url(../image/ttl_bg_sec03.gif) repeat;
	background-size: auto 55%, auto ;
}


/* sp getsurei #sec04 */

#wrap #content.getsurei #sec04{
	width: 100%;
	margin: -19% 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 450;
}

#wrap #content.getsurei #sec04 .cnt_top{
	height: 0;
	padding-top: 2.6%;
	width: 100%;
	background: url(../image/sp_bg_sec04_top.png) center top repeat-x;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec04 .cnt_inner{
	width: 100%;
	background: url(../image/sp_bg_sec04_middle.gif) center top repeat;
	background-size:100% auto ;
}

#wrap #content.getsurei #sec04 .cnt_inner .item_accordion .accordion_ttl{
	width: 96%;
	line-height: 35px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	padding: 0 0 0 4%;
	background: url(../image/ttl_btn_close.png) no-repeat 96% 42%, url(../image/ttl_bg_sec04.gif) repeat;
	background-size: auto 55%, auto ;
	border-radius: 5px;
}

#wrap #content.getsurei #sec04 .cnt_inner .item_accordion .accordion_ttl.open{
	background: url(../image/ttl_btn_open.png) no-repeat 96% 42%, url(../image/ttl_bg_sec04.gif) repeat;
	background-size: auto 55%, auto ;
}



/* products_top
------------------------------------------------------------ */
#wrap #content.products_top{
	border-top: solid 1px #f2f2f2 !important;
	padding-top: 4%;
}

#wrap #content.products_top .ttl{
	margin: 0 4% 3% 4%;
}


#wrap #content.products_top .ttl h2{
	float: left;
	width: 32%;
	margin: 1.5% 0 0 0;
	margin-bottom: 0;
	background: none;
	padding: 0;
}

#wrap #content.products_top .ttl .btn{
	margin: 0 0 0 0;
	width: 43%;
	float: right;
}

#wrap #content.products_top .anker_area{
	margin: 0 4% 10% 4%;
}

#wrap #content.products_top .anker_area li{
	float: left;
	width: 49%;
	margin: 0 0 2% 0;
}

#wrap #content.products_top .anker_area li:nth-child(2n){
	float: right;
	margin: 0 0 2% 0;
}

#wrap #content.products_top .cnt_link {
	width: 100%;
	margin: 0 0 5% 0;
	position: relative;
}

#wrap #content.products_top .cnt_link .link_getsurei {
	width: 25%;
	position: absolute;
	top: 0;
	right: 0;
}


#wrap #content.products_top h3 {
	width: 100%;
	margin: 0 0 5% 0;
}

#wrap #content.products_top .cnt_list {
	margin: 0 4% 10% 4%;
}

#wrap #content.products_top .cnt_list li{
	float: left;
	width: 49%;
	margin: 0 0 2% 0;
}

#wrap #content.products_top .cnt_list li:nth-child(2n){
	float: right;
	margin: 0 0 2% 0;
}


/* products_detail
------------------------------------------------------------ */


#wrap #content.products_detail .ttl{
	width: 100%;
	height: 15.7vw;
	position: relative;
	background: url(../image/sp_h2_bg.gif) repeat;
	margin: 0 0 5% 0;
}

#wrap #content.products_detail .ttl h3{
	font-size: 17px;
	height: 15.7vw;
	padding: 0 0 0 4%;
	width: 90%;
	margin: 0;
	display: table-cell;
	line-height: 1.5em;
	vertical-align: middle;
}


#wrap #content.products_detail .ttl .btn{
	width: 33.3%;
	position: absolute;
	right:0;
	top:0;
}


#wrap #content.products_detail .btn_area li{
	float: none;
	margin: 0;
	line-height: 0;
}

#wrap #content.products_detail .btn_area li:nth-child(3n){
	margin: 0;
}

#wrap #content.products_detail .btn_area .btn_box{
	width: 89%;
	height: auto;
	background: url(../image/sp_btn_btm.gif) no-repeat bottom ;
	background-size: 100%;
	margin: 3% 4% 0;
	text-align: left;
	position: relative;
	padding: 0 3% 15% 0;
	border: 2px solid #ded3cf;
	border-radius: 10px;
}

#wrap #content.products_detail .btn_area .btn_box dt{
	width: 68%;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	padding: 7% 2% 0 33% ;
}

#wrap #content.products_detail .btn_area .btn_box .txt{
	width: 68%;
	font-size: 12px;
	line-height: 19px;
	margin: 0;
	padding: 2% 2% 0 33% ;
}

#wrap #content.products_detail .btn_area .btn_box .img{
	width: 27%;
	position: absolute;
	top: 6%;
	left: 2.7%;
}


#wrap #content.products_detail .btn_area a img:hover {
	opacity: 1;
	opacity: 1\9;
}

#wrap #content.products_detail .btn_area a dl:hover {
	opacity: 1;
	opacity: 1\9;
}

/* products_item
------------------------------------------------------------ */

#wrap #content.products_item .flex_box{
	margin: 0 0 5% 0;
}

#wrap #content.products_item .main .comment{
	width: 95%;
	font-size: 10px;
	line-height: 10px;
	text-align: right;
	margin: 0 auto;
}

/*main*/

#wrap #content.products_item .main dt{
	margin: 5% 0 4% 0 ;
}

#wrap #content.products_item .main .txt{
	width:95%;
	margin: 0 auto 5%;
}

#wrap #content.products_item .main .btn_area{
	width: 72%;
	margin: 0 auto 10%;
}

#wrap #content.products_item .main .btn_area .btn_brandsite{
	margin: 0 0 9%;
}

#wrap #content.products_item .main .btn_area .btn_main_pdf{
	display: inline-block;
	margin: 0 0 2% 0;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_item .main .btn_area .btn_main_pdf li{
	width: 32.17%;
	display: inline-block;
	margin: 0;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

#wrap #content.products_item .main .btn_area .btn_brandsite02{
	margin: 0 ;
}

#wrap #content.products_item .main .btn_area .btn_english {
    margin: 0 auto;
    width: 55%;
}
	
	


/*sub_cnt*/

#wrap #content.products_item .sub_cnt_box{
	margin: 0 0 3%;
}


#wrap #content.products_item .sub_cnt_box .sub_ttl{
	width:100%;
	height: auto;
	background:
	url(../image/ttl_icon_green_off.gif) 98% 42% no-repeat,
	url(/product/common/images/sp_ttl_bg_green.gif) no-repeat	;
	background-size: 22px 22px ,auto;
	position: relative;
	margin: 0 ;
}

#wrap #content.products_item .sub_cnt_box .sub_cnt{
	display: none;
}

#wrap #content.products_item .sub_cnt_box .sub_ttl.open + .sub_cnt{
	display: block;
}


#wrap #content.products_item .sub_cnt_box .sub_ttl.open{
	width:100%;
	height: auto;
	background:
	url(../image/ttl_icon_green_on.gif) 98% 42% no-repeat,
	url(/product/common/images/sp_ttl_bg_green.gif) no-repeat	;
	background-size: 22px 22px ,auto;
	position: relative;
	margin: 0 ;
}

#wrap #content.products_item .sub_cnt_box .sub_ttl h4{
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	margin: 0 0 0 0;
	padding: 0 0 0 2.5%;
}

#wrap #content.products_item .sub_cnt_box .sub_cnt .item_list .item{
	width:95%;
	float: none;
	margin: 3% auto 5% ;
	padding: 0 ;
	clear: both;
}

#wrap #content.products_item .sub_cnt_box .sub_cnt .item_list .item:nth-child(3n){
	margin: 3% auto 0 ;
}

#wrap #content.products_item .sub_cnt_box .item_inner .item_img{
	width: 39.6%;
	border: 1px solid #f1e9e6;
	float: left;
	margin: 0 0 5%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area {
	width: 56.8%;
	float: right;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area h5{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 3%;
	line-height: 14px;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area h5.new{
	background: url(../image/new_mark.gif) no-repeat;
	padding: 0 0 0 18px;
	background-size: 14px 14px;
	margin: 0 0 3%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .txt{
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 0 3%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .spec{
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 0 4.3%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .icon{
	margin: 0 0 6%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .txt_area .icon p{
	font-size: 10px;
	line-height: 10px;
	padding:5px 7px;
	color: #302420;
	background-color: #f2edec;
	border-radius: 3px;
	display: inline-block;
	margin: 0;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area {
	width: 56.8%;
	float: right;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content .sub_cnt_box .item_inner .btn_area .btn_01{
  width: 100%;
	height: 0;
	padding-top: 26.7%;
	float: left;
	position:relative;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01 div{
	width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  padding: 0;
  background: none;
  background-color: #fea124;
  border-radius: 4px;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01 a{
	height: 100%;
}
#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01 p{
	width:100%;
	height: 100%;
	display: table;
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	vertical-align: middle;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01 p span{
	vertical-align: middle;
	display: table-cell;
	font-size: 11px;
	height: 100%;
  line-height: 1.6;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_02{
	width: 48.5%;
	float: right;
	margin: 0 0 3%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_01{
	margin: 0 0 3%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_02 p{
	position: absolute;
	width: 92%;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	color: #f76351;
	top: 50%;
	left: 0;
	margin: -6px 0 0 ;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03{
	width:100%;
	height: auto;
	margin: 0 0 3%;
	position: relative;
	clear: both;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 p{
	position: absolute;
/*	width: 80px;*/
	text-align: left;
	font-size: 11px;
	line-height: 11px;
	color: #51d2d2;
	top: 50%;
	margin: -6px 0 0 ;
	left: 10%;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner{
	display: none;
	width:100%;
	padding: 0;
	position: absolute;
	background: #F5FDFD;
	top:100%;
	left: 0;
	margin: 0 0 0 0;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner ul{
	font-size: 11px;
	line-height: 11px;
	padding: 3% 2%;
	color: #51d2d2;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li{
	font-size: 11px;
	line-height: 11px;
	padding: 8% 2%;
	border-bottom:1px solid #daf5f5;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li a{
	font-size: 11px;
	line-height: 11px;
	color: #302420;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li a:hover{
	text-decoration: underline;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_03 .osusume_inner li:last-child{
	border-bottom:none;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_04{
	width:100%;
	margin: 0 0 5%;
}

#wrap #content.products_item .sub_cnt_box .item_inner .btn_area .btn_04 p{
	position: absolute;
	width: 80px;
	text-align: left;
	font-size: 11px;
	line-height: 11px;
	color: #302420;
	top: 50%;
	margin: -6px 0 0 ;
	left: 10%;
}


/* product_popup
------------------------------------------------------------ */

.popup{
	background: none;
}

#wrap #content.products_popup{
	width:95%;
	padding: 25px 0;
	margin: 0 auto;
	position: relative;
}

#wrap #content.products_popup_box{
	width: 100%;
	margin: 0 auto;
}

#wrap #content.products_popup h1{
	font-size: 17px;
	font-weight: bold;
	color:#76d557;
	margin: 0 0 25px;
}


#wrap #content.products_popup .flex_box{
	width: 106%;
	height: 12.7vw;
	position: relative;
	background: url(../image/sp_h2_bg.gif) repeat;
	margin: 0 0 5% -3%;
}

#wrap #content.products_popup .flex_box.mt_flex_box{
	margin: 10% 0 5% -3%;
}

#wrap #content.products_popup .flex_box h3.flex{
	font-size: 17px;
	height: 12.7vw;
	padding: 0 0 0 8%;
	width: 90%;
	margin: 0;
	display: table-cell;
	line-height: 1.5em;
	vertical-align: middle;
}

#wrap #content.products_popup .print_btn{
	position: absolute;
	top: 30px;
	right:30px;
	display: none;
}

#wrap #content.products_popup .type_table{
	width: 98.5%;
	display: block;
	border: 2px solid #ded3cf;
	margin: 0 0 5%;
}

#wrap #content.products_popup .type_table dt{
	width: 100%;
	height: auto;
	font-size: 12px;
	padding: 10px 0;
	display: inline-block;
	font-weight: bold;
	background-color: #f8f6f5;
	vertical-align: middle;
	text-align: center;
	border-right: none;
	border-bottom: 2px solid #ded3cf;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_popup .type_table.nutr_comp {
  width: 98.5%;
  display: block;
  border: 2px solid #ded3cf;
  margin-bottom: 2%;
}  
#wrap #content.products_popup .type_table.ingredients {
  width: 98.5%;
  display: block;
  border: 2px solid #ded3cf;
}
#wrap #content.products_popup .type_table.ingredients .bg_gray {
  background-color: #f0f0f0;
  height: 47px;
}
  
#wrap #content.products_popup .type_table dd{
	width: 100%;
	display: block;
	padding:14px 18px;
	font-size: 12px;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

#wrap #content.products_popup .attention {
	margin: 0 0 10%;
}

#wrap #content.products_popup .attention dt{
	width: 100%;
	height: 0;
	padding-top: 11.8%;
	position: relative;
}

#wrap #content.products_popup .attention dt div{
	width: 89%;
	height: 100%;
	padding: 0 0 0 11%;
	margin: 0;
	background: url(../image/sp_popup_accodion_ttl_on.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:0;
	left: 0;
}

#wrap #content.products_popup .attention dt div a{
	height: 100%;

}

#wrap #content.products_popup .attention dt div p{
	width: 100%;
	height: 100%;
	padding: 0;
	display: table;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	background: none;
	background-size: 100% 100%;
}

#wrap #content.products_popup .attention dt p span{
	display: table-cell;
	vertical-align: middle;
}

#wrap #content.products_popup .attention dt.open div{
	background: url(../image/sp_popup_accodion_ttl_off.jpg) no-repeat;
	background-size: 100% 100%;
}

#wrap #content.products_popup .attention dt img{
	padding: 0;
	display: none;
}

#wrap #content.products_popup .attention dd{
	font-size: 10px;
	display: none;
}

#wrap #content.products_popup .dot_line{
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2%;
	padding: 0 0 3% 0;
	margin: 0 0 7%;
}

#wrap #content.products_popup .attention_txt{
	font-size: 11px;
	margin: 0 0 4%;
}

#wrap #content.products_popup .table_left:first-child{
	border-top: 2px solid #ded3cf;
}

#wrap #content.products_popup .table_left:last-child{
	margin-bottom:5%;
}

#wrap #content.products_popup .table_left{
	width: 99%;
	float: none;
	/*border-top: 2px solid #ded3cf;*/
	border-top: none;
	border-left: 2px solid #ded3cf;
	margin: 0;
}

#wrap #content.products_popup .table_left:nth-child(2){
	border-top: none;
}



#wrap #content.products_popup .table_right{
	width: 99%;
	float: none;
	border-left: 2px solid #ded3cf;
	border-top:none;
	margin: 0 0 10%;
}


#wrap #content.products_popup table td{
	height: 12.5%;
	font-size: 9px;
	width: 25%;
	height: 30px;
	border-right: 2px solid #ded3cf;
	border-bottom: 2px solid #ded3cf;
	text-align: center;
	vertical-align: middle;
}

#wrap #content.products_popup table th{
	border-right: 2px solid #ded3cf;
	height: 12.5%;
	width: 25%;
	font-size: 9px;
	height: 30px;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 4%;
	text-align: center;
	vertical-align: middle;
	background-color: #f8f6f5;
}

#wrap #content.products_popup .pdf_txt{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 4%;
}

#wrap #content.products_popup .btn_main_pdf{
	width: 70%;
	margin: 0 auto;
}

/* 仴仴仴丂renew丂仴仴仴
-----------------------------------------------------*/
#wrap #content.products_popup .btn_main_pdf  li{
  width: 32.17%;
  display: inline-block;
  margin: 0;
}
/* 仯仯仯丂renew丂仯仯仯
-----------------------------------------------------*/

/* new_product
------------------------------------------------------------ */


#wrap #content.new_product .ttl{
	width: 100%;
	padding: 0 0 6%;
	margin: 0;
}

#wrap #content.new_product .btn_area li{
	float: none;
	width: 93%;
	margin: 0 3.5% 10% 3.5%;
}

#wrap #content.new_product .btn_area .btn_box dt{
	width: 100%;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2%;
	padding: 0 0 0 1%;
	margin: 0 0 6% ;
}

#wrap #content.new_product .btn_area .btn_box dt p{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0 0 2% ;
	height: 7%;
}

#wrap #content.new_product .btn_area .btn_box dt p.new{
	background-image: url(../image/new_mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 7%;
	padding: 0 0 2% 8%;
}

#wrap #content.new_product .btn_area .btn_box dt p .series_img{
	display: none;
	width: 18%;

}

#wrap #content.new_product .btn_area .btn_box dt p.series .series_img{
	display: block;
	margin: 3px 0 0 0 ;
}


#wrap #content.new_product .btn_area .btn_box .img{
	float: left;
	width: 38%;
	border: 1px solid #f1e9e6;
	margin: 0 3% 0 0;
}

#wrap #content.new_product .btn_area .btn_box .btn_detail{
	position: relative;
	bottom: 0;

}

#wrap #content.new_product .btn_area .btn_box .txt{
	width: 58%;
	float: left;
	margin: 0;
}

#wrap #content.new_product .btn_area .btn_box .txt p{
	font-size: 12px;
	line-height: 18px;
}

#wrap #content.new_product .btn_area .btn_box .txt p.detail{
	margin: 0 0 3% 0;
}

#wrap #content.new_product .btn_area .btn_box .txt p.gram{
	margin: 0 0 1% 0;
}

#wrap #content.new_product .btn_area .btn_box .txt p.price{
	margin: 0 0 5% 0;
}
#wrap #content.new_product .btn_area .btn_box .btn_detail{
	width: 70%;
	margin: 0 0 5% 0;
}


#wrap #content.new_product .sp_btn{
	border-radius: 3px;
	border: 4px solid #ded3cf;
	background-color: #f8f6f5;
	width: 86%;
	margin: 3% 3% 10%;
	padding: 0 3%;

}

#wrap #content.new_product .sp_btn .number{
	line-height: 150%;
	font-size: 150%;
	margin: 2% 0  ;
	text-decoration: underline;
	float: left;
}

#wrap #content.new_product .sp_btn .sp_btn_back {
	margin: 5% 0  ;
	line-height: 0;
	float: left;
	width: 47%;
	padding: 0;
}

#wrap #content.new_product .sp_btn .sp_btn_back img {
	width: 65%;	
} 

#wrap #content.new_product .sp_btn .sp_btn_next {
	margin: 5% 0 ;
	line-height: 0;
	float: right;
	text-align: right;
	width: 47%;
	padding: 0;

}

#wrap #content.new_product .sp_btn .sp_btn_next img {
	width: 65%;	
}



/* search
------------------------------------------------------------ */

#wrap #content.search .ttl{
	width: 100%;
	padding: 0 0 6%;
	margin: 0;
}

#wrap #content.search .search_cnt{
	width:92%;
	margin: 0;
	padding: 0 4%;
}

#wrap #content.search .search_cnt .txt_top{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 2%;
}

.attention_box{
	padding: 5.5%;
	margin: 0 0 10%;
	background-color: #ffddd4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.attention_box dt{
	float: left;
	width:9%;
	margin: 0 6% 0 0 ;
}

.attention_box dd{
	float: left;
	width:80%;
	text-align: left;
	font-size: 11px;
	line-height: 19px;
}

#wrap #content.search .search_box{
	margin: 0 0 8%;
}

#wrap #content.search .search_box h4{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 2%;
	padding: 0 0 3% 0;
	margin: 0 0 7%;
}

#wrap #content.search .search_box h4 span{
	font-size: 14px;
	font-weight: bold;
}

#wrap #content.search .search_box .checkbox_area01 li{
	float: left;
	width: 33%;
	font-size: 11px;
	margin: 0 0 5% 0;
	vertical-align: middle;
	line-height: 14px;
}


#wrap #content.search .search_box .checkbox_area01 li p{
	display: inline-block;
	margin: 0 2px 0 0;
	line-height: 12px;
	padding: 0;
	width: 79%;
	vertical-align: top;
}

#wrap #content.search .search_box .checkbox_area01 li input{
	margin: 0 2px 0 0;
	vertical-align: middle;
}

#wrap #content.search .search_box .checkbox_area01 li:first-child{
	float: left;
	width: 100%;
	font-size: 11px;
}


#wrap #content.search .search_box .checkbox_area02 li{
	float: left;
	width: 50%;
	font-size: 11px;
	margin: 0 0 5% 0;
    vertical-align: top;
}

#wrap #content.search .search_box .checkbox_area02 li input{
	margin: 0 2px 0 0;
	vertical-align: top;
}

#wrap #content.search .search_box .checkbox_area02 li p{
	display: inline-block;
	padding: 0;
	line-height: 12px;
	margin: 0 2px 0 0;
	width: 85%;
	vertical-align: top;
}

#wrap #content.search .search_box .checkbox_area02 li:first-child{
	float: left;
	width: 100%;
	font-size: 11px;
}

#wrap #content.search .search_box .checkbox_area02 li:nth-child(3n){
	float: left;
	width: 50%;
	font-size: 11px;
	margin: 0 0 5% 0;
}

#wrap #content.search .search_box .radiobox_area li{
	width: 100%;
	font-size: 11px;
	margin: 0 0 5% 0;
    vertical-align: middle;
}

#wrap #content.search .search_box .radiobox_area li p{
	display: inline-block;
	padding: 0;
	line-height: 12px;
	margin: 3px 2px 0 0;
	width: 90%;
	vertical-align: top;
}

#wrap #content.search .search_box .radiobox_area li input{
	margin: 0 2px 0 0;
	vertical-align: middle;
}

#wrap #content.search .btn_area{
	margin: 0 auto 10%;
}


#wrap #content.search .btn_area div{
	width: 78%;
	margin: 0 auto 5%;
	cursor: pointer;
}

/* search_result
------------------------------------------------------------ */


#wrap #content.search_result .txt_top{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 2%;
}


#wrap #content.search_result .txt_second{
	margin: 0 0 1%;
}

#wrap #content.search_result .bg_grey li{
	display: inline-block;
	padding: 5px 12px;
	background-color: #f5f2f0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 10px 20px 0;
}

#wrap #content.search_result .hit_products{
	margin: 0 0 5%;
}

#wrap #content.search_result .hit_products li{
	float: left;
	border: 1px solid #ded3cf;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4.6%;
	margin: 0 0 5%;
}

#wrap #content.search_result .hit_products li:nth-child(2n){
	float: right;
}

#wrap #content.search_result .hit_products li dt{
	width: 34%;
	height: auto;
	float: left;
	margin: 0 4% 0 0;
}

#wrap #content.search_result .hit_products li dt img{
	width: 100%;
	vertical-align: middle;
	margin: 0 0 0 0;
}

#wrap #content.search_result .hit_products li dd{
	width: 60%;
	float: left;
	margin: 0;
}


#wrap #content.search_result .hit_products li dd .icon{
	margin: 0 2% 0 0;
	width: 40%;
}


#wrap #content.search_result .hit_products li dd .icon img{
	width: 100%;
}

#wrap #content.search_result .hit_products li dd h5{
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../image/submenu_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 4%;
	padding: 0 0 2% 0;
	margin: 0 0 3%;
}

#wrap #content.search_result .hit_products li dd p{
	font-size: 11px;
	line-height: 18px;
	margin:0;
	padding: 0;
}


}