@charset "utf-8";

/*=========================================*/
/* 商品一覧 */
/*=========================================*/


/*-- 背景を消す --*/

#contents_area{
	background-image:none;
}


/*-- ページタイトルを消す --*/

#common_title_area{
	display:none;
}


/*-- FLAME --*/

.item_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:40px 45px 95px 45px;
	max-width:1280px;
}

.item_flame_catch{
	margin:0px 5px 25px 5px;
	font-size:162.5%;
	line-height:150%;
	letter-spacing:-0.05em;
	font-family:"Noto Serif JP", serif;
	color:rgba(175,0,0,1.0);
	font-weight:600;
	text-align:left;
}

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

.item_flame{
	padding:35px 35px 85px 35px;
}

.item_flame_catch{
	margin:0px 4px 22px 4px;
	font-size:137.5%;
}

}

@media all and (max-width:960px), print{

.item_flame{
	padding:30px 25px 75px 25px;
}

.item_flame_catch{
	margin:0px 3px 19px 3px;
	font-size:112.5%;
}

}

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

.item_flame{
	padding:25px 15px 65px 15px;
}

.item_flame_catch{
	margin:0px 2px 16px 2px;
	font-size:100%;
}

.item_flame_catch br{
	display:none;
}

}


/*-- NAV --*/

.item_top_nav_area{
	position:relative;
	margin:0px auto 65px auto;
	max-width:100%;
}

.item_top_nav_flame{
	position:relative;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}

.item_top_nav{
	position:relative;
	width:14.28571%;
}

.item_top_nav a{
	position:relative;
	margin:1px 1px 1px 1px;
	background-color:rgba(175,0,0,1.0);
	text-align:right;
	overflow:hidden;
	cursor:pointer;
	display:block;
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.item_top_nav a:hover{
	background-color:rgba(150,0,0,1.0);
}

.item_top_nav_text{
	float:left;
	position:relative;
	padding:0px 0px 0px 20px;
	font-size:87.5%;
	line-height:50px;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:600;
	z-index:1;
}

.item_top_nav_icon{
	position:relative;
	padding:16px 16px 16px 0px;
	font-size:0px;
	z-index:1;
}

.item_top_nav_icon img{
	width:18px;
	height:18px;
}

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

.item_top_nav_area{
	margin:0px auto 50px auto;
}

.item_top_nav{
	position:relative;
	width:25%;
}

}

@media all and (max-width:960px), print{

.item_top_nav_area{
	margin:0px auto 35px auto;
}

.item_top_nav{
	width:33.33333%;
}

.item_top_nav a:hover{
	background-color:rgba(175,0,0,1.0);
}

.item_top_nav_text{
	padding:0px 0px 0px 15px;
	font-size:75%;
	line-height:40px;
}

.item_top_nav_icon{
	padding:13px 13px 13px 0px;
}

.item_top_nav_icon img{
	width:14px;
	height:14px;
}

}

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

.item_top_nav{
	width:50%;
}

}


/*-- CONTENTS --*/

.item_contents_area{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 75px 0px;
	max-width:100%;
}

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

.item_contents_area{
	padding:0px 0px 65px 0px;
}

}

@media all and (max-width:960px), print{

.item_contents_area{
	padding:0px 0px 55px 0px;
}

}

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

.item_contents_area{
	padding:0px 0px 45px 0px;
}

}


/*-- FRAME --*/

.item_frame_single{
	position:relative;
	width:100%;
}

.item_frame_double{
	position:relative;
	width:48.75%;
}

.item_frame_triple{
	position:relative;
	width:30%;
}

.item_frame_flex{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.item_frame_align{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.item_frame_producer{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.bottom_padding{
	padding:0px 0px 75px 0px;
}

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

.bottom_padding{
	padding:0px 0px 65px 0px;
}

}

@media all and (max-width:960px), print{

.item_frame_double{
	width:100%;
}

.item_frame_triple{
	width:100%;
}

.item_frame_flex .item_frame_double:first-child{
	padding:0px 0px 55px 0px;
}

.item_frame_align .item_frame_double:first-child{
	padding:0px 0px 55px 0px;
}

.bottom_padding{
	padding:0px 0px 55px 0px;
}

}

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

.bottom_padding{
	padding:0px 0px 45px 0px;
}

}


/*-- BOX --*/

.item_box_area{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.item_box_producer{
	position:relative;
	width:100%;
}

@media all and (max-width:960px), print{

.item_box_area{
	margin:0px auto 0px auto;
	max-width:540px;
}

.item_box_producer{
	margin:0px auto 0px auto;
	max-width:540px;
}

}


/*-- ITEM FLEX --*/

.item_box_shampoo{
	margin:0px auto 0px auto;
	max-width:1000px;
}

.item_box_skin_lotion{
	margin:0px auto 0px auto;
	padding:0px 0px 75px 0px;
	max-width:840px;
}

.item_box_sacran_bathsalt{
	margin:0px auto 0px auto;
	padding:0px 0px 75px 0px;
	max-width:840px;
}

.item_box_shampoo_img{ width:40%; }
.item_box_shampoo_img img{ width:100%; }
.item_box_shampoo_text{ width:55%; }

.item_box_essence_img{ width:40%; }
.item_box_essence_img img{ width:100%; }
.item_box_essence_text{ width:55%; }

.item_box_squalane_img{ width:22.5%; }
.item_box_squalane_img img{ width:100%; }
.item_box_squalane_text{ width:72.5%; }

.item_box_treatment_img{ width:27.5%; }
.item_box_treatment_img img{ width:100%; }
.item_box_treatment_text{ width:67.5%; }

.item_box_lotion_img{ width:42.5%; }
.item_box_lotion_img img{ width:100%; }
.item_box_lotion_text{ width:52.5%; }

.item_box_skin_lotion_img{ width:35%; }
.item_box_skin_lotion_img img{ width:100%; }
.item_box_skin_lotion_text{ width:62.5%; }

.item_box_essence_lotion_img{ width:37.5%; }
.item_box_essence_lotion_img img{ width:100%; }
.item_box_essence_lotion_text{ width:57.5%; }

.item_box_essence_cream_img{ width:30%; }
.item_box_essence_cream_img img{ width:100%; }
.item_box_essence_cream_text{ width:65%; }

.item_box_remover_img{ width:25%; }
.item_box_remover_img img{ width:100%; }
.item_box_remover_text{ width:70%; }

.item_box_cleansing_img{ width:30%; }
.item_box_cleansing_img img{ width:100%; }
.item_box_cleansing_text{ width:65%; }

.item_box_ceramide_img{ width:37.5%; }
.item_box_ceramide_img img{ width:100%; }
.item_box_ceramide_text{ width:57.5%; }

.item_box_sacran_img{ width:37.5%; }
.item_box_sacran_img img{ width:100%; }
.item_box_sacran_text{ width:57.5%; }

.item_box_uv_cream_img{ width:42.5%; }
.item_box_uv_cream_img img{ width:100%; }
.item_box_uv_cream_text{ width:55%; }

.item_box_foundation_img{ width:47.5%; }
.item_box_foundation_img img{ width:100%; }
.item_box_foundation_text{ width:50%; }

.item_box_sacran_bathsalt_img{ width:47.5%; }
.item_box_sacran_bathsalt_img img{ width:100%; }
.item_box_sacran_bathsalt_text{ width:50%; }

.item_box_herb_soap_img{ width:50%; }
.item_box_herb_soap_img img{ width:100%; }
.item_box_herb_soap_text{ width:47.5%; }

.item_box_body_soap_img{ width:40%; }
.item_box_body_soap_img img{ width:100%; }
.item_box_body_soap_text{ width:55%; }

.item_box_hamigaki_img{ width:25%; }
.item_box_hamigaki_img img{ width:100%; }
.item_box_hamigaki_text{ width:72.5%; }

.item_box_detergent_img{ width:40%; }
.item_box_detergent_img img{ width:100%; }
.item_box_detergent_text{ width:55%; }

.item_box_producer_img{
	padding:45px 0px 10px 0px;
	width:100%;
	text-align:center;
}
.item_box_producer_img img{ width:75%; }
.item_box_producer_text{ width:100%; }

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

.item_box_skin_lotion{
	padding:0px 0px 65px 0px;
}

.item_box_sacran_bathsalt{
	padding:0px 0px 65px 0px;
}

}

@media all and (max-width:960px), print{

.item_box_shampoo{
	max-width:540px;
}

.item_box_skin_lotion{
	padding:0px 0px 55px 0px;
	max-width:540px;
}

.item_box_sacran_bathsalt{
	padding:0px 0px 55px 0px;
	max-width:540px;
}

.item_box_shampoo_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:360px;
}
.item_box_shampoo_text{ width:100%; }

.item_box_essence_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:300px;
}
.item_box_essence_text{ width:100%; }

.item_box_squalane_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:160px;
}
.item_box_squalane_text{ width:100%; }

.item_box_treatment_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:180px;
}
.item_box_treatment_text{ width:100%; }

.item_box_lotion_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:300px;
}
.item_box_lotion_text{ width:100%; }

.item_box_skin_lotion_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:300px;
}
.item_box_skin_lotion_text{ width:100%; }

.item_box_essence_lotion_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:250px;
}
.item_box_essence_lotion_text{ width:100%; }

.item_box_essence_cream_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:180px;
}
.item_box_essence_cream_text{ width:100%; }

.item_box_remover_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:150px;
}
.item_box_remover_text{ width:100%; }

.item_box_cleansing_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:200px;
}
.item_box_cleansing_text{ width:100%; }

.item_box_ceramide_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:240px;
}
.item_box_ceramide_text{ width:100%; }

.item_box_sacran_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:240px;
}
.item_box_sacran_text{ width:100%; }

.item_box_uv_cream_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:320px;
}
.item_box_uv_cream_text{ width:100%; }

.item_box_foundation_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:380px;
}
.item_box_foundation_text{ width:100%; }

.item_box_sacran_bathsalt_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:360px;
}
.item_box_sacran_bathsalt_text{ width:100%; }

.item_box_herb_soap_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:360px;
}
.item_box_herb_soap_text{ width:100%; }

.item_box_body_soap_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:290px;
}
.item_box_body_soap_text{ width:100%; }

.item_box_hamigaki_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:180px;
}
.item_box_hamigaki_text{ width:100%; }

.item_box_detergent_img{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:100%;
	max-width:290px;
}
.item_box_detergent_text{ width:100%; }

.item_box_producer_img{
	margin:0px auto 0px auto;
	padding:35px 0px 10px 0px;
	width:100%;
	max-width:240px;
}
.item_box_producer_img img{ width:100%; }
.item_box_producer_text{ width:100%; }

}

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

.item_box_skin_lotion{
	padding:0px 0px 45px 0px;
}

.item_box_sacran_bathsalt{
	padding:0px 0px 45px 0px;
}

.item_box_shampoo_img{ max-width:320px; }

.item_box_essence_img{ max-width:240px; }

.item_box_squalane_img{ max-width:120px; }

.item_box_treatment_img{ max-width:140px; }

.item_box_lotion_img{ max-width:240px; }

.item_box_skin_lotion_img{ max-width:240px; }

.item_box_essence_lotion_img{ max-width:210px; }

.item_box_essence_cream_img{ max-width:160px; }

.item_box_remover_img{ max-width:130px; }

.item_box_cleansing_img{ max-width:160px; }

.item_box_ceramide_img{ max-width:200px; }

.item_box_sacran_img{ max-width:200px; }

.item_box_uv_cream_img{ max-width:260px; }

.item_box_foundation_img{ max-width:320px; }

.item_box_sacran_bathsalt_img{ max-width:300px; }

.item_box_herb_soap_img{ max-width:300px; }

.item_box_body_soap_img{ max-width:250px; }

.item_box_hamigaki_img{ max-width:140px; }

.item_box_detergent_img{ max-width:250px; }

.item_box_producer_img{ max-width:200px; }

}


/*-- ITEM TEXT --*/

.item_box_text_pc{
	display:block;
}

.item_box_text_sp{
	display:none;
}

@media all and (max-width:960px), print{

.item_box_text_pc{
	display:none;
}

.item_box_text_sp{
	width:100%;
	display:block;
}

}


/*-- ITEM FOUNDATION --*/

.item_box_foundation_item_area{
	padding:15px 0px 0px 0px;
	width:100%;
}

.item_box_foundation_item{
	padding:15px 0px 0px 0px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.item_box_foundation_item_img{ width:25%; }
.item_box_foundation_item_img img{ width:100%; }
.item_box_foundation_item_text{ width:70%; }


/*-- MAIN CATCH --*/

.item_catch_color_area{
	padding:0px 0px 15px 0px;
}

.item_catch_color_flex{
	padding:0px 0px 15px 0px;
	display:flex;
	align-items:center;
}

.item_catch_color_big{
	padding:0px 0px 5px 0px;
	font-size:225%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(255,75,0,1.0);
	font-weight:900;
	text-align:left;
}

.item_catch_color_regular{
	font-size:187.5%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(255,75,0,1.0);
	font-weight:700;
	text-align:left;
}

.item_catch_icon_red{
	margin:0px 20px 0px 0px;
	padding:8px 0px 8px 0px;
	width:185px;
	background-color:rgba(200,25,75,1.0);
	font-size:162.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:800;
	text-align:center;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.item_catch_icon_orange{
	margin:0px 20px 0px 0px;
	padding:8px 0px 8px 0px;
	width:185px;
	background-color:rgba(255,50,0,1.0);
	font-size:162.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:800;
	text-align:center;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.item_catch_icon_blue{
	margin:0px 20px 0px 0px;
	padding:8px 0px 8px 0px;
	width:185px;
	background-color:rgba(50,150,200,1.0);
	font-size:162.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:800;
	text-align:center;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.item_catch_icon_green{
	margin:0px 20px 0px 0px;
	padding:8px 0px 8px 0px;
	width:185px;
	background-color:rgba(125,175,25,1.0);
	font-size:162.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:800;
	text-align:center;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.item_catch_main_area{
	padding:0px 0px 35px 0px;
}

.item_catch_main_big{
	font-size:250%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	font-family:"Noto Serif JP", serif;
	color:rgba(10,10,10,1.0);
	font-weight:700;
	text-align:left;
}

.item_catch_main_big span{
	font-family:"Noto Sans JP", sans-serif;
	font-weight:900;
	white-space:nowrap;
}

.item_catch_main_regular{
	padding:0px 0px 2px 0px;
	font-size:212.5%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	font-family:"Noto Serif JP", serif;
	color:rgba(10,10,10,1.0);
	font-weight:700;
	text-align:left;
}

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

.item_catch_color_area{
	padding:0px 0px 13px 0px;
}

.item_catch_color_flex{
	padding:0px 0px 13px 0px;
}

.item_catch_color_big{
	padding:0px 0px 4px 0px;
	font-size:200%;
}

.item_catch_color_regular{
	font-size:175%;
}

.item_catch_icon_red{
	margin:0px 18px 0px 0px;
	padding:7px 0px 7px 0px;
	width:180px;
	font-size:150%;
}

.item_catch_icon_orange{
	margin:0px 18px 0px 0px;
	padding:7px 0px 7px 0px;
	width:180px;
	font-size:150%;
}

.item_catch_icon_blue{
	margin:0px 18px 0px 0px;
	padding:7px 0px 7px 0px;
	width:180px;
	font-size:150%;
}

.item_catch_icon_green{
	margin:0px 18px 0px 0px;
	padding:7px 0px 7px 0px;
	width:180px;
	font-size:150%;
}

.item_catch_main_area{
	padding:0px 0px 30px 0px;
}

.item_catch_main_big{
	font-size:225%;
}

.item_catch_main_regular{
	font-size:187.5%;
}

}

@media all and (max-width:960px), print{

.item_catch_color_area{
	padding:0px 0px 11px 0px;
}

.item_catch_color_flex{
	padding:0px 0px 11px 0px;
	flex-wrap:wrap;
}

.item_catch_color_big{
	padding:0px 0px 3px 0px;
	font-size:175%;
}

.item_catch_color_regular{
	width:100%;
	font-size:162.5%;
}

.item_catch_icon_red{
	margin:0px 0px 9px 0px;
	padding:6px 0px 6px 0px;
	width:170px;
	font-size:125%;
}

.item_catch_icon_orange{
	margin:0px 0px 9px 0px;
	padding:6px 0px 6px 0px;
	width:170px;
	font-size:125%;
}

.item_catch_icon_blue{
	margin:0px 0px 9px 0px;
	padding:6px 0px 6px 0px;
	width:170px;
	font-size:125%;
}

.item_catch_icon_green{
	margin:0px 0px 9px 0px;
	padding:6px 0px 6px 0px;
	width:170px;
	font-size:125%;
}

.item_catch_main_area{
	padding:0px 0px 25px 0px;
}

.item_catch_main_big{
	font-size:200%;
}

.item_catch_main_regular{
	font-size:175%;
}

}

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

.item_catch_color_area{
	padding:0px 0px 9px 0px;
}

.item_catch_color_flex{
	padding:0px 0px 9px 0px;
}

.item_catch_color_big{
	font-size:150%;
}

.item_catch_color_regular{
	font-size:137.5%;
}

.item_catch_icon_red{
	margin:0px 0px 7px 0px;
	padding:5px 0px 5px 0px;
	width:145px;
	font-size:112.5%;
}

.item_catch_icon_orange{
	margin:0px 0px 7px 0px;
	padding:5px 0px 5px 0px;
	width:145px;
	font-size:112.5%;
}

.item_catch_icon_blue{
	margin:0px 0px 7px 0px;
	padding:5px 0px 5px 0px;
	width:145px;
	font-size:112.5%;
}

.item_catch_icon_green{
	margin:0px 0px 7px 0px;
	padding:5px 0px 5px 0px;
	width:145px;
	font-size:112.5%;
}

.item_catch_main_big{
	font-size:175%;
}

.item_catch_main_regular{
	font-size:150%;
}

}

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

.item_catch_color_big{
	font-size:137.5%;
}

.item_catch_color_regular{
	font-size:125%;
}

.item_catch_color_regular br{
	display:none;
}

.item_catch_icon_red{
	width:135px;
	font-size:100%;
}

.item_catch_icon_orange{
	width:135px;
	font-size:100%;
}

.item_catch_icon_blue{
	width:135px;
	font-size:100%;
}

.item_catch_icon_green{
	width:135px;
	font-size:100%;
}

.item_catch_main_big{
	font-size:162.5%;
}

.item_catch_main_big br{
	display:none;
}

.item_catch_main_regular{
	font-size:137.5%;
}

}


/*-- PRODUCER CATCH --*/

.item_catch_producer_flex{
	padding:25px 0px 15px 0px;
	display:flex;
	align-items:center;
}

.item_catch_producer_main{
	margin:0px 25px 0px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid rgba(50,50,50,1.0);
	font-size:250%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	font-family:"Noto Serif JP", serif;
	color:rgba(10,10,10,1.0);
	font-weight:700;
	text-align:left;
	white-space:nowrap;
}

.item_catch_producer_sub .catch{
	padding:0px 0px 5px 0px;
	font-size:150%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	font-family:"Noto Serif JP", serif;
	color:rgba(10,10,10,1.0);
	font-weight:700;
	text-align:left;
}

.item_catch_producer_sub .text{
	padding:0px 0px 0px 10px;
	font-size:106.25%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

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

.item_catch_producer_main{
	margin:0px 20px 0px 0px;
	font-size:225%;
}

.item_catch_producer_sub .catch{
	font-size:137.5%;
}

.item_catch_producer_sub .text{
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.item_catch_producer_flex{
	flex-wrap:wrap;
}

.item_catch_producer_main{
	margin:0px auto 15px auto;
	padding:0px 0px 5px 0px;
	font-size:225%;
	text-align:center;
}

.item_catch_producer_sub{
	margin:0px auto 0px auto;
}

.item_catch_producer_sub .catch{
	font-size:137.5%;
	text-align:center;
}

.item_catch_producer_sub .text{
	padding:0px 0px 0px 0px;
	font-size:100%;
	text-align:center;
}

}

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

.item_catch_producer_main{
	font-size:175%;
}

.item_catch_producer_sub .catch{
	font-size:112.5%;
}

.item_catch_producer_sub .text{
	font-size:93.75%;
}

}

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

.item_catch_producer_main{
	font-size:150%;
}

.item_catch_producer_sub .catch{
	font-size:93.75%;
}

.item_catch_producer_sub .text{
	font-size:87.5%;
}

}


/*-- FUKIDASHI --*/

.item_fukidashi_area{
	position:relative;
}

.item_fukidashi{
	position:relative;
	margin:0px auto 25px auto;
	padding:15px 15px 15px 15px;
	max-width:700px;
	background-color:rgba(225,215,205,1.0);
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.item_fukidashi::before{
	position:absolute;
	top:100%;
	left:15%;
	width:0;
	height:0;
	margin-left:-20px;
	border:20px solid transparent;
	border-top:20px solid rgba(225,215,205,1.0);
	display:block;
	content:'';
}

.item_fukidashi_none{
	position:relative;
	margin:0px auto 20px auto;
	padding:15px 15px 15px 15px;
	max-width:700px;
	background-color:rgba(225,215,205,1.0);
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.item_fukidashi_main{
	font-size:225%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:900;
	text-align:center;
}

.item_fukidashi_middle{
	font-size:175%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:900;
	text-align:center;
}

.item_fukidashi_sub{
	padding:2px 0px 2px 0px;
	font-size:150%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:900;
	text-align:center;
}

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

.item_fukidashi_main{
	font-size:200%;
}

.item_fukidashi_middle{
	font-size:150%;
}

.item_fukidashi_sub{
	font-size:137.5%;
}

}

@media all and (max-width:960px), print{

.item_fukidashi_area{
	display:flex;
	justify-content:center;
}

.item_fukidashi{
	margin:0px auto 20px auto;
	padding:13px 50px 13px 50px;
}

.item_fukidashi::before{
	left:35%;
	margin-left:-15px;
	border:15px solid transparent;
	border-top:15px solid rgba(225,215,205,1.0);
}

.item_fukidashi_none{
	margin:0px auto 18px auto;
	padding:13px 50px 13px 50px;
}

.item_fukidashi_main{
	font-size:175%;
}

.item_fukidashi_middle{
	font-size:137.5%;
}

.item_fukidashi_sub{
	font-size:125%;
}

}

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

.item_fukidashi{
	padding:11px 25px 11px 25px;
}

.item_fukidashi_none{
	margin:0px auto 16px auto;
	padding:11px 25px 11px 25px;
}

.item_fukidashi_main{
	font-size:150%;
}

.item_fukidashi_middle{
	font-size:125%;
}

.item_fukidashi_sub{
	font-size:112.5%;
}

}

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

.item_fukidashi{
	padding:9px 15px 9px 15px;
}

.item_fukidashi_none{
	margin:0px auto 14px auto;
	padding:9px 15px 9px 15px;
}

.item_fukidashi_main{
	font-size:131.25%;
}

.item_fukidashi_sub{
	font-size:93.75%;
}

}

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

.item_fukidashi_main{
	font-size:125%;
}

.item_fukidashi_sub{
	font-size:87.5%;
}

}


/*-- 商品名 --*/

.item_box_name{
	position:relative;
	padding:0px 0px 15px 32px;
	font-size:187.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:800;
	text-align:left;
}

.item_box_name::after{
	position:absolute;
	top:7px;
	left:0px;
	width:25px;
	height:25px;
	border:6px solid rgba(225,175,0,1.0);
	box-sizing:border-box;
	border-radius:100px;
	display:block;
	content:"";
}

.item_box_name span{
	padding:0px 1px 0px 3px;
	font-size:62.5%;
}

.item_box_name_sub{
	position:relative;
	padding:0px 0px 0px 32px;
	font-size:175%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:800;
	text-align:left;
}

.item_box_name_sub::after{
	position:absolute;
	top:7px;
	left:0px;
	width:25px;
	height:25px;
	border:6px solid rgba(225,175,0,1.0);
	box-sizing:border-box;
	border-radius:100px;
	display:block;
	content:"";
}

.item_box_name_sub span{
	padding:0px 1px 0px 3px;
	font-size:62.5%;
}

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

.item_box_name{
	padding:0px 0px 15px 30px;
	font-size:175%;
}

.item_box_name::after{
	width:23px;
	height:23px;
	border:5px solid rgba(225,175,0,1.0);
}

.item_box_name_sub{
	padding:0px 0px 5px 30px;
	font-size:162.5%;
}

.item_box_name_sub::after{
	width:23px;
	height:23px;
	border:5px solid rgba(225,175,0,1.0);
}

}

@media all and (max-width:960px), print{

.item_box_name{
	padding:0px 0px 10px 27px;
	font-size:162.5%;
}

.item_box_name::after{
	width:21px;
	height:21px;
	border:5px solid rgba(225,175,0,1.0);
}

.item_box_name_sub{
	padding:0px 0px 0px 27px;
	font-size:150%;
}

.item_box_name_sub::after{
	width:21px;
	height:21px;
	border:5px solid rgba(225,175,0,1.0);
}

}

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

.item_box_name{
	padding:0px 0px 10px 25px;
	font-size:150%;
}

.item_box_name::after{
	width:19px;
	height:19px;
}

.item_box_name_sub{
	padding:0px 0px 0px 25px;
	font-size:137.5%;
}

.item_box_name_sub::after{
	width:19px;
	height:19px;
}

}

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

.item_box_name{
	padding:0px 0px 10px 22px;
	font-size:137.5%;
}

.item_box_name::after{
	top:6px;
	width:17px;
	height:17px;
	border:4px solid rgba(225,175,0,1.0);
}

.item_box_name_sub{
	padding:0px 0px 0px 22px;
	font-size:125%;
}

.item_box_name_sub::after{
	top:6px;
	width:17px;
	height:17px;
	border:4px solid rgba(225,175,0,1.0);
}

}


/*-- TEXT --*/

.item_box_text{
	position:relative;
	padding:0px 0px 25px 0px;
}

.item_box_text .text{
	font-size:112.5%;
	line-height:175%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

.item_box_text .text_black{
	padding:10px 0px 0px 0px;
	font-size:93.75%;
	line-height:175%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

.item_box_text .text_red{
	padding:10px 0px 0px 0px;
	font-size:93.75%;
	line-height:175%;
	letter-spacing:-0.01em;
	color:rgba(175,0,0,1.0);
	font-weight:500;
	text-align:left;
}

.item_box_text .text_blue{
	padding:10px 0px 0px 0px;
	font-size:93.75%;
	line-height:175%;
	letter-spacing:-0.01em;
	color:rgba(0,75,125,1.0);
	font-weight:500;
	text-align:left;
}

.item_box_text_uv{
	padding:0px 0px 5px 0px;
	font-size:112.5%;
	line-height:175%;
	letter-spacing:-0.01em;
	color:rgba(0,100,150,1.0);
	font-weight:700;
	text-align:left;
}

.item_box_text_mincho{
	padding:0px 0px 10px 0px;
	font-size:125%;
	line-height:150%;
	letter-spacing:-0.01em;
	font-family:"Noto Serif JP", serif;
	color:rgba(10,10,10,1.0);
	font-weight:700;
	text-align:left;
}

.item_box_text_mincho span{
	font-family:"Noto Sans JP", sans-serif;
	font-weight:900;
	white-space:nowrap;
}

.item_box_text_mincho_blue{
	padding:0px 0px 10px 0px;
	font-size:137.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	font-family:"Noto Serif JP", serif;
	color:rgba(0,75,125,1.0);
	font-weight:700;
	text-align:left;
}

.item_box_text_gothic{
	padding:0px 0px 15px 0px;
	display:flex;
}

.item_box_text_gothic p{
	padding:3px 5px 3px 5px;
	border-top:1px solid rgba(50,50,50,1.0);
	border-bottom:1px solid rgba(50,50,50,1.0);
	box-sizing:border-box;
	font-size:112.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:800;
	text-align:left;
}

.item_box_text_gothic_orange{
	padding:0px 0px 10px 0px;
	font-size:150%;
	line-height:145%;
	letter-spacing:-0.01em;
	color:rgba(255,75,0,1.0);
	font-weight:800;
	text-align:left;
}

.item_box_text_gothic_orange span{
	font-size:115%;
	color:rgba(175,0,0,1.0);
}

.item_box_foundation_item_text .item_box_text{
	padding:0px 0px 15px 0px;
}

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

.item_box_text{
	padding:0px 0px 23px 0px;
}

.item_box_text .text{
	font-size:106.25%;
}

.item_box_text .text_black{
	padding:8px 0px 0px 0px;
	font-size:87.5%;
}

.item_box_text .text_red{
	padding:8px 0px 0px 0px;
	font-size:87.5%;
}

.item_box_text .text_blue{
	padding:8px 0px 0px 0px;
	font-size:87.5%;
}

.item_box_text_uv{
	font-size:106.25%;
}

.item_box_text_mincho{
	font-size:118.75%;
}

.item_box_text_mincho_blue{
	font-size:131.25%;
}

.item_box_text_gothic p{
	font-size:106.25%;
}

.item_box_text_gothic_orange{
	font-size:143.75%;
}

.item_box_foundation_item_text .item_box_text{
	padding:0px 0px 13px 0px;
}

}

@media all and (max-width:960px), print{

.item_box_text{
	padding:0px 0px 21px 0px;
}

.item_box_text .text{
	font-size:100%;
}

.item_box_text .text_black{
	padding:6px 0px 0px 0px;
	font-size:81.25%;
}

.item_box_text .text_red{
	padding:6px 0px 0px 0px;
	font-size:81.25%;
}

.item_box_text .text_blue{
	padding:6px 0px 0px 0px;
	font-size:81.25%;
}

.item_box_text_uv{
	font-size:100%;
}

.item_box_text_mincho{
	font-size:112.5%;
}

.item_box_text_mincho_blue{
	font-size:125%;
}

.item_box_text_gothic_orange{
	font-size:137.5%;
}

.item_box_foundation_item_text .item_box_text{
	padding:0px 0px 11px 0px;
}

}

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

.item_box_text{
	padding:0px 0px 19px 0px;
}

.item_box_text .text{
	font-size:93.75%;
}

.item_box_text .text br{
	display:none;
}

.item_box_text .text_black{
	font-size:75%;
}

.item_box_text .text_red{
	font-size:75%;
}

.item_box_text .text_blue{
	font-size:75%;
}

.item_box_text_uv{
	font-size:93.75%;
}

.item_box_text_mincho{
	font-size:106.25%;
}

.item_box_text_mincho_blue{
	font-size:118.75%;
}

.item_box_text_gothic_orange{
	font-size:125%;
}

.item_box_foundation_item_text .item_box_text{
	padding:0px 0px 9px 0px;
}

}


/*-- ITEM LIST TABLE --*/

.list_table_area{
	padding:0px 0px 20px 0px;
}

.list_table_area table{
	border-collapse:collapse;
	border-spacing:0;
	max-width:480px;
	width:100%;
}

.list_table_area table th{
	width:55%;
	background-color:#f5f5f5;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
}

.list_table_area table td{
	background-color:#ffffff;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
}

.list_table_area table .detail{
	padding:8px 10px 6px 10px;
	font-size:80%;
	line-height:150%;
	color:#333333;
	font-weight:normal;
	text-align:left;
}

.list_table_area table .price{
	padding:8px 5px 6px 5px;
	font-size:80%;
	line-height:150%;
	color:#cc0000;
	text-align:right;
}

.list_table_area table .detail span{
	font-size:80%;
}

.list_table_area table .price span{
	font-size:80%;
	color:#666666;
}

.item_box_foundation_item_text .list_table_area{
	padding:0px 0px 0px 0px;
}

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

.list_table_area{
	padding:0px 0px 20px 0px;
}

.list_table_area table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.list_table_area table th{
	width:55%;
	background-color:#f5f5f5;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
}

.list_table_area table td{
	background-color:#ffffff;
	border:1px solid #c8c8c8;
	box-sizing:border-box;
}

.list_table_area table .detail{
	padding:8px 10px 6px 10px;
	font-size:80%;
	line-height:150%;
	color:#333333;
	font-weight:normal;
	text-align:left;
}

.list_table_area table .price{
	padding:8px 5px 6px 5px;
	font-size:80%;
	line-height:150%;
	color:#cc0000;
	text-align:right;
}

.list_table_area table .detail span{
	font-size:80%;
}

.list_table_area table .price span{
	font-size:80%;
	color:#666666;
}

.item_box_foundation_item_text .list_table_area{
	padding:0px 0px 0px 0px;
}

}

@media all and (max-width:960px), print{

.list_table_area table{
	margin:0px auto 0px auto;
}

.list_table_area{
	padding:0px 0px 15px 0px;
}

.list_table_area table .detail{
	padding:7px 10px 5px 10px;
	font-size:75%;
}

.list_table_area table .price{
	padding:7px 5px 5px 5px;
	font-size:75%;
}

.list_table_area table .detail span{
	font-size:75%;
}

.list_table_area table .price span{
	font-size:75%;
}

}

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

.list_table_area table{
	max-width:360px;
}

.list_table_area table th{
	width:55%;
}

}


/*-- TABLE FUKIDASHI --*/

.table_fukidashi_area{
	position:relative;
}

.table_fukidashi_top{
	position:relative;
	margin:0px 0px 15px 0px;
	padding:9px 0px 9px 0px;
	max-width:480px;
	background-color:rgba(255,205,205,1.0);
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.table_fukidashi_top::before{
	position:absolute;
	top:100%;
	left:15%;
	width:0;
	height:0;
	margin-left:-10px;
	border:10px solid transparent;
	border-top:10px solid rgba(255,205,205,1.0);
	display:block;
	content:'';
}

.table_fukidashi_bottom{
	position:relative;
	margin:15px 0px 0px 0px;
	padding:9px 0px 9px 0px;
	max-width:480px;
	background-color:rgba(255,205,205,1.0);
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.table_fukidashi_bottom::before{
	position:absolute;
	bottom:100%;
	left:15%;
	width:0;
	height:0;
	margin-left:-10px;
	border:10px solid transparent;
	border-bottom:10px solid rgba(255,205,205,1.0);
	display:block;
	content:'';
}

.table_fukidashi_main{
	padding:1px 15px 1px 15px;
	font-size:100%;
	line-height:135%;
	letter-spacing:-0.01em;
	color:rgba(175,0,0,1.0);
	font-weight:600;
	text-align:left;
}

.table_fukidashi_sub{
	padding:1px 15px 1px 15px;
	font-size:87.5%;
	line-height:135%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

@media all and (max-width:960px), print{

.table_fukidashi_top{
	margin:0px auto 12px auto;
	padding:8px 0px 8px 0px;
}

.table_fukidashi_top::before{
	margin-left:-8px;
	border:8px solid transparent;
	border-top:8px solid rgba(255,205,205,1.0);
}

.table_fukidashi_bottom{
	margin:12px auto 0px auto;
	padding:8px 0px 8px 0px;
}

.table_fukidashi_bottom::before{
	margin-left:-8px;
	border:8px solid transparent;
	border-bottom:8px solid rgba(255,205,205,1.0);
}

.table_fukidashi_main{
	padding:1px 14px 1px 14px;
	font-size:93.75%;
}

.table_fukidashi_sub{
	padding:1px 14px 1px 14px;
	font-size:81.25%;
}

}

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

.table_fukidashi_top{
	padding:7px 0px 7px 0px;
}

.table_fukidashi_bottom{
	padding:7px 0px 7px 0px;
}

.table_fukidashi_main{
	padding:1px 13px 1px 13px;
	font-size:87.5%;
}

.table_fukidashi_sub{
	padding:1px 13px 1px 13px;
	font-size:75%;
}

}

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

.table_fukidashi_top{
	max-width:360px;
}

.table_fukidashi_bottom{
	max-width:360px;
}

}


/*-- ITEM DETAIL LINK --*/

.item_detail_link_box{
	position:relative;
	max-width:480px;
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
}

.item_detail_link{
	width:100%;
}

.item_detail_link .nav a{
	width:100%;
	background-color:rgba(50,50,50,1.0);
	text-align:center;
	transition:0.25s ease-out;
	display:block;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.item_detail_link .nav a:hover{
	background-color:rgba(25,25,25,1.0);
}

.item_detail_link .nav a span{
	padding:0px 15px 0px 15px;
	font-size:93.75%;
	line-height:50px;
	color:rgba(255,255,255,1.0);
	font-weight:600;
	text-align:center;
	transition:0.25s ease-out;
}

.item_detail_link .nav a:link{ text-decoration:none; }
.item_detail_link .nav a:visited{ text-decoration:none; }
.item_detail_link .nav a:hover{ text-decoration:none; }
.item_detail_link .nav a:active{ text-decoration:none; }

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

.item_detail_link .nav a span{
	padding:0px 13px 0px 13px;
	font-size:87.5%;
	line-height:45px;
}

}

@media all and (max-width:960px), print{

.item_detail_link_box{
	margin:0px auto 0px auto;
}

.item_detail_link .nav a:hover{
	background-color:rgba(50,50,50,1.0);
}

.item_detail_link .nav a span{
	padding:0px 11px 0px 11px;
	font-size:81.25%;
	line-height:40px;
}

}

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

.item_detail_link_box{
	max-width:360px;
}

}


/*-- MODAL NAV --*/

.item_modal_nav_area{
	position:relative;
	margin:50px 0px 0px 0px;
	max-width:480px;
}

.item_modal_nav_area .item_modal_nav{
	padding:0px 0px 0px 0px;
	width:100%;
	background-color:rgba(175,0,0,1.0);
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:250px;
	   -moz-border-radius:250px;
	        border-radius:250px;
}

.item_modal_nav_area .item_modal_nav:hover{
	background-color:rgba(150,0,0,1.0);
}

.item_modal_nav_area .item_modal_nav a{
	padding:15px 30px 15px 30px;
	font-size:118.75%;
	line-height:135%;
	color:rgba(255,255,255,1.0);
	font-weight:800;
	text-align:center;
	transition:0.25s ease-out;
	display:block;
}

.item_modal_nav_area .item_modal_nav a:link{ text-decoration:none; }
.item_modal_nav_area .item_modal_nav a:visited{ text-decoration:none; }
.item_modal_nav_area .item_modal_nav a:hover{ text-decoration:none; }
.item_modal_nav_area .item_modal_nav a:active{ text-decoration:none; }

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

.item_modal_nav_area{
	margin:45px 0px 0px 0px;
}

.item_modal_nav_area .item_modal_nav a{
	padding:14px 25px 14px 25px;
	font-size:112.5%;
}

}

@media all and (max-width:960px), print{

.item_modal_nav_area{
	margin:40px auto 0px auto;
}

.item_modal_nav_area .item_modal_nav a{
	padding:13px 20px 13px 20px;
	font-size:106.25%;
}

}

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

.item_modal_nav_area{
	margin:35px auto 0px auto;
	max-width:360px;
}

.item_modal_nav_area .item_modal_nav a{
	padding:12px 15px 12px 15px;
	font-size:100%;
}

}