@charset "utf-8";

@import "format.css";

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

#catalog {
	font-family:
	"ヒラギノ明朝 ProN",
	"HiraMinProN",
	"游明朝",
	YuMincho,
	"HG明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	"MS 明朝",
	"Sawarabi Mincho",
	serif;
}

/* catalog_ttl
-------------------------------------------------------------*/

#catalog .catalog_ttl {
	height: 324px;
	min-width: 1100px;
}
#catalog .catalog_ttl p.category {
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
	padding: 60px 0 28px 80px;
}
#catalog.index .catalog_ttl p.category {
	padding: 100px 0 28px 80px;
}
#catalog .catalog_ttl p.category span {
	display: inline-block;
	padding: 2px 5px 2px 8px;
	font-size: 1rem;
	letter-spacing: 3px;
	color: #fff;
	background:#2d385a;
}
#catalog .catalog_ttl h1 {
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
	padding: 0 0 0 80px;
	font-size: 3.9rem;
	letter-spacing: 0.2em;
}
#catalog .catalog_ttl h1 .att-point{
	font-size:0.5em;
	position:relative;
	top:-0.7em;
}
#catalog .catalog_ttl h1 .ex{
	display:block;
	font-size:0.5em;
	margin-top:15px;
	letter-spacing: 0;
}
#catalog .catalog_ttl p.lead {
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
	padding: 24px 0 0 80px;
	line-height: 2.2;
	font-size: 1.3rem;
}
#catalog .catalog_ttl p.ttl_en {
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    padding: 24px 0 0 80px;
    font-size: 1rem;
    letter-spacing: 1px;
    color: #a9a7a8;
}
/* catalog_main
-------------------------------------------------------------*/

#catalog .catalog_main {
	margin: 0 auto;
	padding: 100px 0 100px;
	width: 1100px;
}
#catalog .catalog_main a:hover img {
	opacity: 0.8;
}

/* .pickup_product */

#catalog .catalog_main .pickup_product {
	display: table;
	margin: 0 auto 70px;
}
#catalog .catalog_main .pickup_product li {
	display: table-cell;
	padding: 0 46px;
	text-align: center;
}
#catalog .catalog_main .pickup_product li span {
	position: relative;
	top: -12px;
	display: block;
	line-height: 1.4;
	text-align: center;
	font-size: 1.25rem;
}

/* .leadcopy_box */

#catalog .catalog_main .leadcopy_box .copy {
	margin: 0 0 30px;
	line-height: 1.4;
	font-size: 2.6rem;
}
#catalog .catalog_main .leadcopy_box .text {
	margin: 0 0 20px;
	line-height: 2.2;
	font-size: 1.4rem;
}
#catalog .catalog_main .leadcopy_box .ex{
	font-size:1.2rem;
	line-height:1.5em;
	padding-left:1em;
	text-indent: -1em;
}
#catalog .catalog_main .leadcopy_box .link {
	line-height: 2.2;
	font-size: 1.6rem;
}
#catalog .catalog_main .leadcopy_box .link a {
	text-decoration: underline;
}

#catalog .catalog_main .related_box ul {
	position: relative;
	left: -20px;
}


/* ul.product_list */

#catalog .catalog_main .product_list {
	margin: 0 0 80px;
}
#catalog .catalog_main .product_list li {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding: 40px 0;
	overflow: hidden;
	border-bottom: solid 1px #dcdcdc;
}
#catalog .catalog_main .product_list li .ex{
	font-size:0.8em;
	display:block;
	padding-top:10px;
}
#catalog .catalog_main .product_list li > p {
	width: 260px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
#catalog .catalog_main .product_list li > p img {
	padding-top:10px;
	display:block;
	margin-right:auto;
	margin-left:auto;
}
/*2022/02/28追加*/
#catalog .catalog_main .product_list li > p.renew img{margin-top: 45px;}
#catalog .catalog_main .product_list li > p.renew::before{
	position: absolute;
	display: inline-block;
	content: '';
	background: url("../../catalog/img/renew_icon.png") no-repeat;
	background-size: cover;
	width: 57px;
	height: 57px;
	z-index: 1000;
	left:30px;
	top:46px;
}
#catalog .catalog_main .product_list li > p.new img{margin-top: 45px;}
#catalog .catalog_main .product_list li > p.new::before{
	position: absolute;
	display: inline-block;
	content: '';
	background: url("../../catalog/img/new_icon.png") no-repeat;
	background-size: cover;
	width: 57px;
	height: 57px;
	z-index: 1000;
	left:30px;
	top:46px;
}
/*以上*/
#catalog .catalog_main .product_list li > dl {
	width: 840px;
	vertical-align: middle;
}
#catalog .catalog_main .product_list li dd.copy {
	padding: 0 0 13px;
	font-size: 1.4rem;
}
#catalog .catalog_main .product_list li dt {
	padding: 0 0 34px;
	font-size: 2.6rem;
	letter-spacing: 0.1em;
}
#catalog .catalog_main .product_list li .att-point{
	font-style: normal;
	font-size:0.7em;
	position:relative;
	top:-0.5em;
}
#catalog .catalog_main .product_list li .posts{
	line-height:1.5em;
	padding-left:20px;
}
#catalog .catalog_main .product_list li dt span.ex{
	display:block;
	font-size:0.6em;
	letter-spacing: 0;
	color:#5c5c5c;
}
#catalog .catalog_main .product_list li dd.kind {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0 0 14px;
	font-size: 1.5rem;
}
#catalog .catalog_main .product_list li dd.name{
	margin: 0 0.5em 0 0;
	padding: 0 0 8px;
	font-size: 1.5rem;
}
#catalog .catalog_main .product_list li dd.jan{
	margin: 0 0.5em 0 0;
	padding: 0 0 14px;
	font-size: 1.5rem;
}
#catalog .catalog_main .product_list li dd.capa {
	padding: 0 0 14px;
	font-size: 1.5rem;
}
#catalog .catalog_main .product_list li dd.comp {
	clear: both;
	display: inline-block;
	margin: 0 0 15px;
	padding: 8px 12px 6px;
	line-height: 1.6;
	border: solid 1px #e5e5e5;
	font-size: 1.25rem;
	color: #7d7d7d;
	text-align: justify;
	text-justify: inter-ideograph;
}
#catalog .catalog_main .product_list li dd.comp span{
	color: #7d7d7d;
	background-color: #e5e5e5;
	display: inline-block;
	padding: 0px 4px;
	margin: 6px 0 2px;
}
#catalog .catalog_main .product_list li dd.link a {
	margin: 0 30px 0 0;
	text-decoration: underline;
}
#catalog .catalog_main .product_list li dd.link img {
	vertical-align: middle;
}

/* p.copy_shop */

#catalog .catalog_main p.copy_shop {
	display: table;
	margin: 120px auto 90px;
	padding: 0 0 10px;
	border-bottom: solid 1px #dcdcdc;
	text-align: center;
	letter-spacing: 0.2em;
	font-size: 2.2rem;
}

/* h3.type1 */

#catalog .catalog_main h3.type1 {
	margin: 0 0 40px;
	text-align: center;
	background: url("../img_catalog/ttl_line_bg.png") no-repeat 0 32px;
	letter-spacing: 0.2em;
	font-size: 2.5rem;
}
/* IE hack */
#catalog .catalog_main h3.type1:not(:target) {
	background-position: 0 27px\9;
}
@media all and (-ms-high-contrast:none){
	#catalog .catalog_main h3.type1 {
		background-position: 0 27px;
	}
}
#catalog .catalog_main h3.type1 span {
	position: relative;
	top: 3px;
	letter-spacing: 0.3em;
	line-height: 1.4;
	font-size: 1rem;
	color: #bcbcbc;
}

/* .related_box */

#catalog .catalog_main .related_box {
	margin: 0 0 50px;
	padding: 40px 0 30px;
	background: #f6f6f5;
}
#catalog .catalog_main .related_box ul {
	display: table;
	margin: 0 auto;
}
#catalog .catalog_main .related_box li {
	display: table-cell;
	padding: 0 80px;
	text-align: center;
}
#catalog .catalog_main .related_box li span {
	display: block;
	margin: 8px 0 16px;
	line-height: 1.4;
	text-align: center;
	font-size: 1.4rem;
}
#catalog .catalog_main .related_box li a {
	display: block;
	width: 131px;
	height: 31px;
	margin: 8px auto 20px;
	background: url("../img_catalog/btn_bg_1.png") no-repeat;
	line-height: 31px;
	text-align: center;
	font-size: 1.2rem;
	color: #272727;
	text-decoration: none;
}
#catalog .catalog_main .related_box li a:hover {
	opacity: 0.8;
}
#catalog .catalog_main .related_box li a[target="_blank"]:before {
	content: url("../img_catalog/icon_blank.png");
	position: relative;
	top: 0;
	left: -6px;
}

/* .btn_back */
#catalog .catalog_main .btn_back {
  margin: 8px auto 20px;
  text-align: center;
 }
/*2021/12/27修正
------------------------------------------------------------------------------------------------------------------*/
#catalog .catalog_main .btn_back a {
  font-size: 1.7rem;
  padding: 20px 20px 20px 40px;
  border-radius: 27px;
  display: inline-block;
  color:#272727;
  text-align: center;
  /*width: 240px;*/
  width: 285px;/*20220302修正*/
}
/*以上*/
#catalog .catalog_main .btn_back a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/* IE hack */
#catalog .catalog_main .related_box li a:not(:target),
#catalog .catalog_main .btn_back a:not(:target) {
	padding-top: 3px\9;
}
@media all and (-ms-high-contrast:none){
	#catalog .catalog_main .related_box li a,
	#catalog .catalog_main .btn_back a {
		padding-top: 3px;
	}
}

/* ============================================================
	mv
============================================================ */
#catalog.index .catalog_ttl {
	background: #deebf7 url("../../catalog/img/mv.png?20241002") no-repeat top center;
}
#catalog.mutenka .catalog_ttl {
	background: #f5f5f5 url("../../catalog/mutenka/img/mv.jpg?20210302") no-repeat top center;
}
#catalog.akuneoff .catalog_ttl {
	background: #f5f5f5 url("../../catalog/akuneoff/img/mv.jpg") no-repeat top center;
}
#catalog.angel .catalog_ttl {
	background: #f5f5f5 url("../../catalog/angel/img/mv.jpg?2021022402") no-repeat top center;
}
#catalog.shampoo .catalog_ttl {
	background: #f5f5f5 url("../../catalog/shampoo/img/mv.jpg?20210224") no-repeat top center;
}
#catalog.allergina .catalog_ttl {
	background: #f5f5f5 url("../../catalog/allergina/img/mv.jpg") no-repeat top center;
}
#catalog.asekakieste .catalog_ttl {
	background: #f5f5f5 url("../../catalog/asekakieste/img/mv.jpg") no-repeat top center;
}
#catalog.genki .catalog_ttl {
	background: #f5f5f5 url("../../catalog/genki/img/mv.jpg") no-repeat top center;
}
#catalog.taiyounosachi .catalog_ttl {
	background: #f0f4f7 url("../../catalog/taiyounosachi/img/mv.jpg") no-repeat top center;/*◀2019/10/02　※画像変更未完*/
}
#catalog.nbkakishibu .catalog_ttl {
	background: #f0f4f7 url("../../catalog/nbkakishibu/img/mv.jpg") no-repeat top center;
}
#catalog.soap .catalog_ttl {
	background: #f0f4f7 url("../../catalog/soap/img/mv.jpg") no-repeat top center;
}
#catalog.body-soap .catalog_ttl {
	background: #f7f7f7 url("../../catalog/body-soap/img/mv.jpg?20191007") no-repeat top center;
}
#catalog.bath-powder .catalog_ttl {
	background: #f0f4f7 url("../../catalog/bath-powder/img/mv.jpg") no-repeat top center;
}
#catalog.thebar .catalog_ttl {
	background: #e5effb url("../../catalog/thebar/img/mv.jpg") no-repeat top center;
}
/*20211101追加*/
#catalog.mentz .catalog_ttl {
	background: #f7f7f7 url("../../catalog/mentz/img/mv.jpg?2021101") no-repeat top center;
}
#catalog.hada_raku .catalog_ttl {
	background: #f7f7f7 url("../../catalog/hada_raku/img/mv.jpg") no-repeat top center;
}
#catalog.yamato .catalog_ttl {
	background: #f7f7f7 url("../../catalog/yamato/img/mv.jpg") no-repeat top center;
}
#catalog.bubble .catalog_ttl {
	background: #f7f7f7 url("../../catalog/bubble/img/mv.jpg") no-repeat top center;
}
#catalog.kns .catalog_ttl {
	background: #f7f7f7  url("../../catalog/kns/img/mv.jpg") no-repeat top center;
}
/*以上*/


/* ============================================================
	pages
============================================================ */

/* mutenka
-------------------------------------------------------------*/

#catalog.mutenka .leadcopy_box {
	width: 1100px;
	height: 469px;
	margin: 0 0 10px;
	padding: 60px 0 0 80px;
	background: url("../../catalog/mutenka/img/leadcopy_bg.jpg") no-repeat;
}

/* akuneoff
-------------------------------------------------------------*/

#catalog.akuneoff .leadcopy_box {
	width: 1100px;
	height: 467px;
	margin: 0 0 10px;
	padding: 80px 0 0 80px;
	background: url("../../catalog/akuneoff/img/leadcopy_bg.jpg") no-repeat;
}

/* allergina
-------------------------------------------------------------*/

#catalog.allergina .leadcopy_box {
	width: 1100px;
	height: 467px;
	margin: 0 0 10px;
	padding: 80px 0 0 80px;
	background: url("../../catalog/allergina/img/leadcopy_bg.jpg") no-repeat;
	position:relative;
}

#catalog.allergina .pickup_product li {
	padding: 0 66px;
}

/* asekakieste
-------------------------------------------------------------*/

#catalog.asekakieste .leadcopy_box {
	width: 1100px;
	height: 467px;
	margin: 0 0 10px;
	padding: 80px 0 0 80px;
	background: url("../../catalog/asekakieste/img/leadcopy_bg.jpg") no-repeat;
}

/* taiyounosachi
-------------------------------------------------------------*/

#catalog.taiyounosachi .leadcopy_box {
	width: 1100px;
	height: 467px;
	margin: 0 0 10px;
	padding: 80px 0 0 80px;
	background: url("../../catalog/taiyounosachi/img/leadcopy_bg.jpg") no-repeat;
}

/* nbkakishibu
-------------------------------------------------------------*/

#catalog.nbkakishibu .leadcopy_box {
	width: 1100px;
	height: 467px;
	margin: 0 0 10px;
	padding: 80px 0 0 80px;
	background: url("../../catalog/nbkakishibu/img/leadcopy_bg.jpg") no-repeat;
}

/* thebar
-------------------------------------------------------------*/

#catalog.thebar .leadcopy_box {
	width: 1100px;
	height: 467px;
	margin: 0 0 10px;
	padding: 80px 0 0 80px;
	background: url("../../catalog/thebar/img/leadcopy_bg.jpg") no-repeat;
}

/* .read_box */
#catalog .catalog_main .read_box {
	margin: 0 0 30px;
	padding: 30px 0;
	background: #f6f6f5;
}
#catalog .catalog_main .read_box p {
	font-size: 2.4rem;
	padding: 0 30px;
	line-height: 1.2;
}
#catalog .catalog_main .read_box p span {
	font-size: 1.3rem;
	margin-left: 2em;
	vertical-align: middle;
	display: inline-block;
    padding-bottom: 5px;
}




#catalog .catalog_main .product_list span.label {
	display: inline-block;
	margin: 4px 0;
	padding: 0 2px 0;
	background: #e5e5e5;
}
/* IE hack */
#catalog .catalog_main .product_list span.label:not(:target) {
	padding: 5px 2px 0\9;
}
@media all and (-ms-high-contrast:none){
	#catalog .catalog_main .product_list span.label {
		padding: 5px 2px 0;
	}
}

#catalog .catalog_main .product_list li dt {
	line-height: 1.2;
}

#catalog .catalog_main .product_list li dd.kind {
	padding:  0;
	line-height: 1.4;
}
#catalog .catalog_main .product_list li dd.capa {
	line-height: 1.4;
}

#catalog.gift .catalog_ttl {
	background: #f0f4f7 url("../../catalog/gift/img/mv.jpg") no-repeat top center;
}
#catalog.sp .catalog_ttl {
	background: #f0f4f7 url("../../catalog/sp/img/mv.jpg") no-repeat top center;
}

/* index
-------------------------------------------------------------*/
#catalog.index #catalog_index{
	margin: 80px auto 0;
	max-width: 1100px;
	width: 100%;
}
#catalog.index #catalog_index ul#index_memu{
	margin: auto;/*◀ 2019/10/11 追加*/
	/*width: 890px;*//*◀ 2019/10/11 追加*/
	width: 1000px;/*◀ 2021/02/25 追加*/
	overflow: hidden;
	padding-bottom: 30px;
	/*background: url(../../catalog/img/index_line03.png) no-repeat center bottom;*/
	display: flex;
	justify-content: space-around;
}
#catalog.index #catalog_index ul#index_memu li{
	font-size: 1.4rem;
}
#catalog.index #catalog_index ul#index_memu li a{
	/*float: left;*//*2021.0225追加*/
	display: block;
	/*padding: 0 30px 0 30px;*//*2021.0225追加*/
	/*padding: 0 26px;20211115修正*/
	padding: 0 18px;/*20211115追加*/
	height: 28px;
	background-image: url(../../catalog/img/index_icon01.png), url(../../catalog/img/index_line04.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center bottom, right 50%;
}
#catalog.index #catalog_index ul#index_memu li:last-child a{
	background-image: url(../../catalog/img/index_icon01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/*▼▼▼20191008　追加▼▼▼*/
#catalog.index #catalog_index .index_memu_box{
	background: url(../../catalog/img/index_line03.png) no-repeat center bottom;
}
/*▲▲▲20191008　追加▲▲▲*/
#catalog.index #catalog_index .catalog_index_box{
	max-width: 1100px;
	width: 100%;
	margin: 100px auto 0;
	text-align: center;
	background: url(../../catalog/img/index_line03.png) no-repeat center bottom;
}

#catalog.index #catalog_index .catalog_index_box div.index_box{
	/*float: left;*/
	text-align: center;
}
#catalog.index #catalog_index .catalog_index_box h2{
	margin-bottom: 35px;
	font-size: 2.7rem;
}
#catalog.index #catalog_index .catalog_index_box h2 span{
	padding: 0 118px 10px 113px;
	background-image: url(../../catalog/img/index_line01.png), url(../../catalog/img/index_line02.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left 15px, right 15px;
}
#catalog.index #catalog_index .catalog_index_box h2 span.caption{
	padding: 0;
	font-size: 1.0rem;
	color: #bbb;
	letter-spacing: 0.5rem;
	background: none;
}

#catalog.index #catalog_index .catalog_index_box h3{
	margin-bottom: 15px;
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
}
#catalog.index #catalog_index .catalog_index_box p{
	font-size: 1.1rem;
}
#catalog.index #catalog_index .catalog_index_box .index_link_btn{
  margin: 8px auto 20px;
  text-align: center;
}
#catalog.index #catalog_index .catalog_index_box .index_link_btn a{
  font-size: 1.4rem;
  background: #f7f7f7 url(../img/link_icon.png) no-repeat 25px 50%;
  background-image: url(../img/link_icon.png), -moz-linear-gradient(top,  rgb(247,247,247) 0%, rgb(215,215,215) 100%);
  background-image: url(../img/link_icon.png),-webkit-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-image: url(../img/link_icon.png),-ms-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-repeat: no-repeat;
  background-position: 25px 50%, 0;
  background-size: auto 8px, auto;
  padding: 10px 20px 10px 38px;
  border-radius: 27px;
  display: inline-block;
  color:#272727;
  /*text-align: left;20211112修正*/
  text-align: center;
  width: 170px;/*20211112追加*/
}
#catalog.index #catalog_index .catalog_index_box .index_link_btn a:hover {
	text-decoration: none;
	opacity: 0.8;
}
#catalog.index #catalog_index .catalog_index_box .index_link_btn a.blanklink {
  background: #f7f7f7 url("../../catalog/img/index_icon02.png") no-repeat 25px 50%;
  background-image: url("../../catalog/img/index_icon02.png"), -moz-linear-gradient(top,  rgb(247,247,247) 0%, rgb(215,215,215) 100%);
  background-image: url("../../catalog/img/index_icon02.png"),-webkit-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-image: url("../../catalog/img/index_icon02.png"),-ms-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-repeat: no-repeat;
  background-position: 25px 50%, 0;
  background-size: auto, auto;
}
/* skin */
#catalog.index #catalog_index #skin{
	padding-bottom: 70px;
}
/* binkan */
#catalog.index #catalog_index #binkan{
	padding-bottom: 103px;
	overflow: hidden;
}
#catalog.index #catalog_index #binkan .img_div{
	width: 25%;
	height: 166px;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}
#catalog.index #catalog_index #binkan div.index_box{
	/*float: left;*//*20210225追加*/
	width: 20%;
}
/* bath */
#catalog.index #catalog_index #bath{
	padding-bottom: 90px;
}
#catalog.index #catalog_index #bath .img_div{
	width: 100%;
}
/* deodorant */
#catalog.index #catalog_index #deodorant{
	padding-bottom: 103px;
	overflow: hidden;
}
#catalog.index #catalog_index #deodorant .img_div{
	height: 197px;
	width: 33%;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}
#catalog.index #catalog_index #deodorant div.index_box{
	float: left;
	width: 33%;
}
/* soap */
#catalog.index #catalog_index #soap{
	padding-bottom: 82px;
}
#catalog.index #catalog_index #soap.catalog_index_box div.one{
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
}
#catalog.index #catalog_index #soap.catalog_index_box div.one div.img_div{
	height: 112px;
	width: 25%;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}
#catalog.index #catalog_index #soap.catalog_index_box div.one div.index_box{
	float: left;
	width: 25%;
}
#catalog.index #catalog_index #soap.catalog_index_box div.two{
	overflow: hidden;
	width: 100%;
	margin-bottom: 40px;
		display: flex;
	justify-content: center;
}
/*---2017.09.06----------------------------*/
#catalog.index #catalog_index #soap.catalog_index_box div.two div.img_div{
	height: 121px;
/*	width: 33%;*/
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
/*-----*/
	display:block;
	margin:auto;
}
/*---2017.09.06----------------------------*/

#catalog.index #catalog_index #soap.catalog_index_box div.two div.index_box{
	/*float: left;*/
	width: 33%;
}
/* body */
#catalog.index #catalog_index #body{
	padding-bottom: 85px;
	overflow: hidden;
}
#catalog.index #catalog_index #body .img_div{
	height: 163px;
	width: 25%;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}
#catalog.index #catalog_index #body div.index_box{
/*
	float: left;
*/
	width: 25%;
	margin-bottom: 22px;
/**/
	float: none;
	display:inline-block;
}
#catalog.index #catalog_index #body p.index_link_btn{
	float: none;
	clear: both;
}
/*shampoo*/
#catalog.index #catalog_index #shampoo{
	padding-bottom: 85px;
	overflow: hidden;
}
#catalog.index #catalog_index #shampoo .img_div{
	height: 163px;
	width: 25%;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}
#catalog.index #catalog_index #shampoo div.index_box{
/*
	float: left;
*/
	width: 25%;
	margin-bottom: 22px;
/**/
	float: none;
	display:inline-block;
}
#catalog.index #catalog_index #shampoo p.index_link_btn{
	float: none;
	clear: both;
}
/* nyuyoku */
#catalog.index #catalog_index #nyuyoku{
	padding-bottom: 85px;
	overflow: hidden;
}
#catalog.index #catalog_index #nyuyoku .img_div{
	height: 137px;
	width: 33%;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}
#catalog.index #catalog_index #nyuyoku div.index_box{
/*	float: left;*/
	width: 33%;
	margin-bottom: 25px;
/**/
	float:none;
	margin-right:auto;
	margin-left:auto;
}
#catalog.index #catalog_index #nyuyoku p.index_link_btn{
	float: none;
	clear: both;
}
/* sp */
#catalog.index #catalog_index #sp{
	padding-bottom: 80px;
}
#catalog.index #catalog_index #sp .img_div{
	width: 100%;
	margin-bottom: 22px;
	/**/
	display:block;
}
/* gift */
#catalog.index #catalog_index #gift{
	padding-bottom: 90px;
}
#catalog.index #catalog_index #gift .img_div{
	width: 100%;
	margin-bottom: 22px;
	
}


#catalog.gift div#brand_logo_mari {	
	margin: -15px 0;
	padding-left: 25px;
}

/*--------2017.09.06追加分--------*/
	#catalog .banner{
		overflow:hidden;
		clear:both;
		width:800px;
		margin:0 auto;
		padding-top:50px;
	}
	#catalog .banner.mb50{
		margin-bottom:50px;
	}
	#catalog .banner li{
		margin-left:20px;
		float:left;
		overflow:hidden;
		text-align:center;
	}
	#catalog .banner li p{
		margin-bottom:10px;
		font-size:18px;
	}
	#catalog .banner li:first-child{
		margin-left:0;
	}
	#catalog .banner li a:hover{
		opacity:0.8;
	}
/*--------2017.09.06追加分--------*/


#catalog.asekakieste .catalog_image{
	overflow:hidden;
	clear:both;
}


/*--------2019.10.02追加分--------*/

#catalog .skn_low{
	display: flex;
	justify-content: space-between;
}

#catalog .skn-item{
	width:30%;
}
#catalog .skn-item .img_div img{ object-fit: contain;width: 100%;height: 165px;}/*2021/10/29追加*/
#catalog .bath_low{
	display: flex;
	justify-content: center;
}
#catalog .bath_low{
	display: flex;
	justify-content: center;
}

#catalog .bath-item{
	width: 50%;
}

/*--------2021.02.25追加分--------*/

#catalog .sensitive_low{
	display: flex;
	justify-content: space-between;
}

/*--------2021.03.08追加分--------*/
#catalog .sdgs_low{
	display: flex;
	justify-content: center;
}

#catalog .sdgs-item{
	width: 50%;
}
/*--------2021.03.15追加分--------*/
#catalog .catalog_btn {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	width: 35%;
}
#catalog .catalog_btn a {
	display: block;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	text-align: center;
	background: rgb(72,165,154);
	background: linear-gradient(0deg, rgba(72,165,154,1) 4%, rgba(127,188,191,1) 100%);
	color: #ffffff;
	border-radius: 27px;
	font-size: 1.7rem;
}
#catalog .catalog_btn a span{
	display: inline;
		position: relative;
}
#catalog .catalog_btn a span::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 14px;
	background: url("../../catalog/thebar/img/link_icon.png") no-repeat;
	position: absolute;
		left: -1.3em;
}
#catalog .catalog_btn a span::after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 14px;
	background: url("../../catalog/thebar/img/link_icon02.png") no-repeat;
	position: absolute;
right: -1em;
	margin: auto;
}
#catalog .catalog_btn a:hover {
	text-decoration: none;
	opacity: 0.8;
}
#catalog .catalog_btn a{
	background:linear-gradient(0deg, rgb(255, 98, 0) 0%, rgb(255, 172, 9) 100%)
		}
/*カタログシステスタイル 21/12/22
-------------------------------------------------------------------------------*/
#catalog .option01{
	display: flex;
	justify-content: space-between;
}
#catalog .option01 li{
	width: 320px;
	font-size: 16px;
	text-align: center;
}
#catalog .option01 li a{display: inline-block; 
	width: 100%;
	text-decoration: none;
	padding-bottom: 11px;
	border-bottom: 2px solid #d2d2d2;
}
#catalog .option01 li.selected a{border-bottom: 2px solid #1c2951;}

#catalog .option01 li a span{background:url("../../catalog/img/arrow01.png")no-repeat; padding-left: 20px;}
#catalog .option01 li a:hover span{
background:url("../../catalog/img/arrow01_h.png")no-repeat; padding-left: 20px;
transition:.2s;
color: #8491E5;}
#catalog .option02{
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	
}
#catalog .option02 li{
	width: 205px;
	height: 200px;
	background: #f2f5ff;
	font-size: 14px;
	border-radius: 8px;
}
#catalog .option02 li:hover{opacity:.7;transition: .2s;}
#catalog .option02 li:not(:nth-of-type(5n)){
	margin-right: 18px;
}
#catalog .option02 li:nth-of-type(n+6){
	margin-top: 18px;
}
#catalog .option02 li a{
	width:100%;
	height: 100%;
	color: #1c2951;
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.7;
}
#catalog .option02 li a img{
	display: block;
	margin: auto;
	padding-top: 21px;
	/*padding-bottom: 4px;*/
}
/*h2
--------------------------------------------------*/
#catalog .catalog_main .h2_styl01{color: #262626;
font-size: 32px;
padding-bottom: 15px;
border-bottom: solid 2px #f2f5ff;
}
#catalog .catalog_main .h2_styl01 span{
	padding: 10px 0 10px 36px;
	border-left: 10px solid #1c2951;
	display: block;
}
/*h3
--------------------------------------------------*/
#catalog .catalog_main .h3_styl01{font-size: 30px;color: #3e3e3e;position: relative;padding-left: 52px;}
#catalog .catalog_main .h3_styl01::before{
	position: absolute;
	display: inline-block;
	content: '';
	width: 20px;
	height: 6px;
	background: #1c2951;
	left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
#catalog .catalog_main .h3_styl01::after{
	position: absolute;
	display: inline-block;
	content: '';
	width: 20px;
	height: 6px;
	background: #bfc9eb;
	left: 20px;
    top: 50%;
    transform: translate(0, -50%);
}
#catalog .catalog_main .option03{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	background: #f2f5ff;
	padding: 17px 25px;
}
#catalog .catalog_main .option03 li{
	font-size: 15px;
	color: #1c2951;
}
#catalog .catalog_main .option03 li:not(:first-child){
	 /* margin-left: 50px;20240325修正 */
	 margin-left: 19px;
}
#catalog .catalog_main .option03 li a:hover{text-decoration: none; color: #8491e5;}
#catalog .catalog_main .option03 li a::after{background:url("../../catalog/img/arrow02.png")no-repeat;
display:inline-block;
content: '';
width: 13px;
height: 8px;
margin-left: 16px;}
#catalog .catalog_main .option03 li a:hover::after{background:url("../../catalog/img/arrow02_h.png")no-repeat;}

#catalog .option04{display: flex;flex-shrink: 0;flex-wrap: wrap;}
#catalog .option04>li{width: 351px;}
#catalog .option04>li:not(:nth-child(3n)){margin-right: 23px;}
#catalog .option04>li:nth-child(n + 4){margin-top: 60px;}
#catalog .option04>li figure{margin: auto; margin-bottom: 20px;}
#catalog .option04>li figure img{border: 1px #f2f5ff solid; width: 100%; margin-bottom: 20px;}
#catalog .option04>li figure figcaption{
	text-align: left;
	font-size: 14px; 
	font-weight: bold; 
	color: #000;
	padding-left: 10px;
}
#catalog .option04>li figure+ul{display: flex;margin: auto 10px;flex-shrink: 0;}
#catalog .option04>li figure+ul li{text-align: center; width: 160px;}
#catalog .option04>li figure+ul li:first-child{margin-right: 10px;}
#catalog .option04>li figure+ul li a{background: #f2f5ff; font-size: 14px; color: #1c2951; width: 100%; padding: 6px; display:block; text-decoration: none;}
#catalog .option04>li figure+ul li a:hover{opacity: .6;transition: .2s;}
#catalog .option04>li figure+ul li a.outside::after{
	background: url("../../catalog/img/outside01.png")no-repeat;
width: 7px;
height: 7px;
content: '';
display: inline-block;
margin: 0 0 3px 5px;}
#catalog .catalog_main .btn_back a:not(.blanklink){
	  background-image: url(../img/link_icon.png), -moz-linear-gradient(top,  rgb(247,247,247) 0%, rgb(215,215,215) 100%);
  background-image: url(../img/link_icon.png),-webkit-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-image: url(../img/link_icon.png),-ms-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-repeat: no-repeat;
}
#catalog .catalog_main .btn_back a.blanklink{
	  background-image: url(../../catalog/img/index_icon02.png), -moz-linear-gradient(top,  rgb(247,247,247) 0%, rgb(215,215,215) 100%);
  background-image: url(../../catalog/img/index_icon02.png),-webkit-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-image: url(../../catalog/img/index_icon02.png),-ms-linear-gradient(top,  rgb(247,247,247) 0%,rgb(215,215,215) 100%);
  background-repeat: no-repeat;
}
#catalog .catalog_main .btn_back a{
	background-position: 18% 50%, 0;/*2021/12/24/修正*/
  background-size: auto 11px, auto;
}
#catalog .catalog_main.dosageform h3.h3_styl01{display: none;}
/*マージン
-------------------------------------------------------------------------------*/
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mb14{margin-bottom: 14px !important;}/*20220317追加*/
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}

/*2022/04/05追加
-------------------------------------------------------------------------------*/
#catalog .catalog_main .product_list li dl .flex_bnr01{display: flex;justify-content: space-between;}
#catalog .catalog_main .product_list li dl .flex_bnr01 .flex_right a{ width: 270px;display: block;}
#catalog .catalog_main .product_list li dl .flex_bnr01 .flex_right a img{width: 100%;}

/*2025.03*/
#catalog .catalog_ttl{position:relative;}
#catalog .catalog_ttl .lead,#catalog .catalog_ttl h1{
	position:relative;
	z-index: 2;
}
#catalog .catalog_ttl .ttl_pickup{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-right:auto;
	margin-left:auto;
	width:1100px;
	z-index: 0;
}
.t-right{
	text-align:right;
}
.fs80{
	font-size:0.8em;
}
#catalog i{
	font-style: normal;
}
.mt10{
	margin-top:10px;
}
.w1100{
	width:1100px;
	margin-right:auto;
	margin-left:auto;
}
.mb10{
	margin-bottom:10px;
}