@charset "utf-8";

#whi00 p span.small{font-size: 11px;}

#whi00.akic00.contentswrap{width:100%; overflow: hidden; margin-bottom: 30px;}
	#whi00.akic00 h1{padding:20px 0 5px; margin:0;}
		#whi00.akic00 a:hover{text-decoration: none; opacity: 0.7;}
		#whi00.akic00 .main{overflow: hidden; margin: 0 auto 50px;}
		#whi00.akic00 .main p{font-size: 18px;}
		#whi00.akic00 nav{overflow: hidden; margin-bottom: 40px; font-size: 0;}
		#whi00.akic00 nav li{display: inline-block; vertical-align: top; border: 1px solid #cccccc; width:32.5%; margin:0 1.2% 1.2% 0; padding:12px 0; box-sizing: border-box; background: none;}
		#whi00.akic00 nav li:nth-of-type(3n){margin-right: 0;}
		#whi00.akic00 nav li p{font-size: 14px; margin: 10px auto 0}
		#whi00.akic00 nav li a{display: block; width:100%;font-size: 14px;}
		
		#whi00.akic00 .postage{background-color: #e8f8ff; padding: 10px 60px 0px; box-sizing: border-box; overflow: hidden;}
		#whi00.akic00 .main .postage p{font-size: 16px; text-align: left; margin: 0 auto 10px;}
		#whi00.akic00 .main .postage p.ltxt{font-size: 18px;}
		#whi00.akic00 .main .postage p.stxt{font-size: 14px; color: #dc5f36;}

#whi00.akic00 .coupon{width: 100%;height: 45px; background-color: #822009;text-align: center;color: #fff;padding: 7px;font-weight: bold;margin-bottom: 1.2%;}
#whi00.akic00 .coupon p{font-size: 16px; text-align: center;}
#whi00.akic00 .coupon span{letter-spacing: 0.2rem;}
#whi00.akic00 .coupon .ltxt{font-size: 28px;}
#whi00.akic00 .coupon_code p{font-size: 16px; text-align: center;}
#whi00.akic00 .coupon_code span{font-size: 18px;}
#whi00.akic00 .itemblock#whi00.akic00{overflow: hidden; margin: 70px auto 0px;}
#whi00.akic00 .itemblock p{font-size: 14px; text-align: left;}
#whi00.akic00 .cosme_content{
	position: relative;
    background-image: url("../../../img/usr/genre/akic00/240827_akic00_bg.jpg");
    background-repeat: round;
    padding-bottom: 20px;
}
#whi00.akic00 .cosme_content .productBlock{
margin:0 25px;
}
#whi00.akic00 .cosme_content .productBlock{
	    background: #fff;
    padding: 20px 50px;
    margin-bottom:30px;
}
#whi00.akic00 .cosme_content .productBlock .onecolumn{
	margin-bottom:0px;
}
#whi00.akic00 .cosme_content .productBlock .textBox{
	width:44%;
}
#whi00 .productBlock.__2 .onecolumn .textBox{
	float: left;
}
#whi00 .productBlock.__2 .onecolumn .imgBox{
	float: right;
}
#whi00.akic00 .cosme_content .productBlock .textBox p.release_date{
	background-color: #e6cd8c;
    padding: 3px 5px;
    width: fit-content;
    margin-bottom: 0;
}
#whi00.akic00 .cosme_content .productBlock .textBox p{
	margin-bottom:20px;
}
#whi00.akic00 .cosme_content .productBlock .textBox p.price{
	margin-bottom:40px;
}
#whi00.akic00 .cosme_content .productBlock .textBox p.logo{
	margin-bottom:0;
}
#whi00.akic00 .cosme_content_ttl{
	text-align:center;
	font-size:20px;
	position:relative;
	padding-top: 50px;
}

#whi00.akic00 .cosme_content_ttl:before{
	content: "";
	position:absolute;
	background-image: url("../../../../img/usr/genre/akic00/240827_leaf_after.png");
   background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	left: 32%;
    top: 60%;
    z-index: 1;
    width: 45px;
    height: 45px;
}
#whi00.akic00 .cosme_content_ttl:after{
	content: "";
	position:absolute;
	background-image: url("../../../../img/usr/genre/akic00/240827_leaf_before.png");
   background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	right: 32%;
    top: 52%;
    z-index: 1;
    width: 45px;
    height: 45px;
}

#whi00.akic00 .productBlock .textBox p.textlink,
#whi00.akic00 .itemblock p.textlink{
    background-color: #dc5f36;
    width: 100%;
    max-width: 300px;
    padding-right: 0;
    margin:0 auto;
}
#whi00.akic00 .productBlock .textBox p.textlink:before,
#whi00.akic00 .itemblock p.textlink:before{
	display:none;
}
#whi00.akic00 .productBlock .textBox p.textlink a,
#whi00.akic00 .itemblock p.textlink a{
	    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    display: block;
    width: 100%;
}
      #whi00 .four_column_bland{overflow: hidden; font-size: 0; margin: 0;margin-bottom:20px;}
      #whi00 .four_column_bland li{display: inline-block; vertical-align: top; width:24%; margin:0 1.2% 2% 0; padding:0;}
      #whi00 .four_column_bland li:nth-of-type(4n){margin-right: 0;}


 #whi00 img.bg2{
 	margin-bottom:50px;
 	display:block;
 }





@charset "utf-8";
#whi00.contentswrap{width:100%; overflow: hidden; padding: 0; box-sizing: border-box; margin: 0 auto 80px;}
#whi00 h1{padding: 0; position: relative;}
#whi00 h1 .mvbtn{width:130px; height: 130px; position: absolute;bottom: 50px; right:20px;}
#whi00 .header_bar.js_fixed_bar.fixed { position: fixed; z-index: 999; top: 53px; overflow: hidden; display: block;}

#whi00 a:hover{text-decoration: none; opacity: 0.7;}
/*#whi00 .main{overflow: hidden; margin: 0 auto 50px; text-align: center;}*/
#whi00 .main p{font-size: 18px;}
#whi00  nav{overflow: hidden; margin: 0 auto 30px; font-size: 0; background-color: #FFF;}
#whi00  nav li{display: inline-block; vertical-align: top; border: 1px solid #2954c5; width:24%; margin:0 1.3% 2% 0;  background-image: url("../../../../img/usr/genre/dad00/240513#whi00_ya.png"); background-repeat: no-repeat; background-position: 50% 85%; box-sizing: border-box; background-color: #FFF;}
#whi00  nav li:nth-of-type(4n){margin-right: 0;}
#whi00  nav li p{font-size: 14px; margin: 10px auto 0}
#whi00  nav li a{display: block; width:100%;font-size: 14px;padding:8px 0 20px;}
		
#whi00 .optionbox{padding: 2% 5%;background-color: #ecf7f9; box-sizing: border-box; overflow: hidden; font-size: 0;display: grid;place-items: center;}
#whi00 .optionbox img{display: inline-block; vertical-align: middle; width:30%;}
#whi00 .optionbox .textbox{display: inline-block; vertical-align: middle; width: 88%;}
#whi00 .optionbox p{font-size: 16px; text-align: left; margin: 0 auto 10px;}
#whi00 .optionbox .ltxt{font-size: 18px;}
#whi00 .optionbox .stxt{font-size: 14px; color: #B61F54;}
#whi00 .optionbox2{padding: 2% 5%;box-sizing: border-box; overflow: hidden; font-size: 0;display: grid;place-items: center;}
#whi00 .optionbox2 img{display: inline-block; vertical-align: middle; width:30%;}
#whi00 .optionbox2 .textbox{display: inline-block; vertical-align: middle; width: 88%;}
#whi00 .optionbox2 p{font-size: 16px; text-align: center; margin: 0 auto 10px;}
#whi00 .optionbox2 .ltxt{font-size: 18px;}
#whi00 .optionbox2 .stxt{font-size: 14px; color: #B61F54;}

#whi00 .coupon{background-color: #FFBCCF; padding: 20px;}
#whi00 .coupon p{font-size: 16px; text-align: center;}
#whi00 .coupon .ltxt{font-size: 28px;}
#whi00 .itemblock{overflow: hidden; margin: 0 auto 50px;}
#whi00 .itemblock p{font-size: 14px;}
#whi00 .five_column{overflow: hidden; font-size: 0; margin: 0;}
#whi00 .five_column li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0;}
#whi00 .category .catlink .five_column li:nth-of-type(5n){margin-right: 0;}
#whi00 .four_column li{display: inline-block; vertical-align: top; width:24.0%!important; margin:0 0.8% 2% 0!important; padding:0;}
#whi00 .four_column li:nth-of-type(4n){margin-right: 0!important;}
#whi00 .bana_link li{display: inline-block; vertical-align: top; width:49%; margin:0 1.5% 2% 0; padding:0;}
#whi00 .bana_link li:nth-of-type(2n){margin-right: 0;}
#whi00 h2.title{font-size: 18px; text-align: center; margin-bottom:1%;; border: 0; padding: 0;}
#whi00 .category{overflow: hidden; font-size: 0;}
#whi00 .category .brandlink{margin: 0 auto;  list-style: none;}
#whi00 .category .brandlink li{display: inline-block; vertical-align: top; width:33%; margin:0 0.5% 2% 0; }
#whi00 .category .brandlink li:nth-of-type(3n){margin-right: 0;}
#whi00 .category .brandlink li p{font-size: 14px; margin: 0 auto 0; text-align: center; padding: 10px; box-sizing: border-box;}
#whi00 .category .brandlink li p.pinktext{color: #fd1d35; display: flex; height: 60px; align-items: center;justify-content: center;}
#whi00 .category .brandlink li a{display: block; width:100%;}
#whi00 .category .brandtxtlink{margin: 0 auto 30px;  list-style: none;}
#whi00 .category .brandtxtlink li{display: inline-block;height: 60px; vertical-align: top; border: 1px solid #CCC; width:24%; margin:0 1.2% 2% 0;  border-radius: 10px;}
#whi00 .category .brandtxtlink li:nth-of-type(4n){margin-right: 0;}
#whi00 .category .brandtxtlink li p{font-size: 14px; margin: 10px auto 0}
#whi00 .category .brandtxtlink li a{display: block;height: 100%; width:100%;font-size: 14px;display:flex; justify-content: center; align-items: center;}
#whi00 .category{overflow: hidden; font-size: 0; margin-bottom: 50px;}
#whi00 .category .addtxt{font-size: 14px; text-align: left; padding-left: 2em; text-indent: -1em; margin: 0;}
#whi00 .category .banaarea{margin: 80px auto; }
#whi00 .category .banaarea .banablock{width:49%; display: inline-block; margin-right: 2%; vertical-align: top; font-size: 14px;}
#whi00 .category .banaarea .banablock:last-of-type{margin-right: 0;}
#whi00 .category .banaarea .banablock img{margin-bottom: 10px;}
#whi00 .category .catlink li{ height:50px; margin:0 1.2% 1.2% 0; border: 1px solid #CCC; text-align: center;}
#whi00 .category .catlink li a{display: flex; width:100%; height: 100%; justify-content: center; align-items: center; font-size: 14px;text-align: center;}
#whi00 .category.product_area{background-color: #fff5f4; background-image: url("../../../../img/usr/genre/dad00/240513#whi00_bg.png"); background-position: top; background-size: contain; background-repeat: no-repeat; padding: 50px 0}
#whi00 .category.product_area h2{margin-bottom: 50px;}
#whi00 .category.product_area .product_box{overflow: hidden; width:100%; padding:  30px 0 0;}
#whi00 .category.product_area .product_box .product_img{width:53%; display: inline-block; vertical-align: middle;}
#whi00 .category.product_area .product_box .product_text{width:47%; display: inline-block; vertical-align: middle; padding:0 40px; box-sizing: border-box;}
#whi00 .category.product_area .product_box .product_text .pink_text{color: #f4546c; font-size: 14px; margin-bottom: 10px}
#whi00 .category.product_area .product_box .product_text .product_name{ font-size: 18px; margin-bottom: 10px;}
#whi00 .category.product_area .product_box .product_text .price_text{ font-size: 16px; margin-bottom: 20px;}
#whi00 .category.product_area .product_box .pink_btn{background-color:#f4546c; width:100%;; max-width:300px; border-radius: 3px; }
#whi00 .category.product_area .product_box .pink_btn a{text-align: center; color: #FFF; text-decoration: none; font-size: 16px; padding: 8px; display: block; width:100%;}
/*#whi00 .category .left-area{float: left;}
#whi00 .category .right-area{float: right;}*/
#whi00 .deliveryfee{ color:#f4546c; border: 1px solid #f4546c; background-color: #FFF; display: inline-block; vertical-align: middle; padding: 2px 20px; letter-spacing: 1px; font-size: 12px; border-radius: 20px;}
#whi00 .category .catlink li a{display: flex; width:100%; height: 100%; justify-content: center; align-items: center; font-size: 14px;text-align: center;}
#whi00 .category .catlink li:nth-of-type(5n){margin-right: 0;}

/*ランキング*/
#whi00 .itemblock{overflow: hidden; margin: 0 auto 0px;}
#whi00 .itemblock p{font-size: 14px;}
#whi00 .itemblock .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#whi00 .itemblock .three_column_rank li:nth-of-type(5){margin-right: 0;}
#whi00 .itemblock .three_column_rank li a{display:block; position:relative;}
#whi00 .itemblock .three_column_rank li a:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
    display: block;
    width: 34px;
    height: 34px
}
#whi00 .itemblock .three_column_rank li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}
#whi00 .itemblock .three_column_rank li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}
#whi00 .itemblock .three_column_rank li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}
#whi00 .three_column_rank li a:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
    display: block;
    width: 34px;
    height: 34px
}

#whi00 .three_column_rank li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}

#whi00 .three_column_rank li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}

#whi00 .three_column_rank li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}

#whi00 .three_column_rank li:nth-child(4) a:before {
    background: url(../../../img/custom/icon_ranking4.png) no-repeat 0 0;
    background-size: 34px 34px
}

#whi00 .three_column_rank li:nth-child(5) a:before {
    background: url(../../../img/custom/icon_ranking5.png) no-repeat 0 0;
    background-size: 34px 34px
}
#whi00 .itemblock .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#whi00 .itemblock .three_column li{display: inline-block; vertical-align: top; width:32.2%; margin:0 1.2% 2% 0; padding:0; padding-top: 17px;}
#whi00 .itemblock .three_column li:nth-of-type(3n){margin-right: 0;}
#whi00 .itemblock .three_column li a{display:block; position:relative;}
#whi00 .itemblock .three_column li a:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
    display: block;
    width: 34px;
    height: 34px
}
/*
#whi00 .itemblock .three_column li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}
#whi00 .itemblock .three_column li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}
#whi00 .itemblock .three_column li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}
*/
#whi00 .three_column_rank li:nth-of-type(5n){margin-right: 0;}
#whi00 .five_column_bland{overflow: hidden; font-size: 0; margin: 0;}
#whi00 .five_column_bland li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0;}
#whi00 .five_column_bland li:nth-of-type(5n){margin-right: 0;}

#whi00 .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#whi00 .three_column_rank li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0; padding-top: 17px;}
#whi00 .three_column_rank li a{display:block; position:relative;}
/*ランキングend*/

#whi00 .btnlink{text-align: center; margin: 0 auto; width:33%; height: 50px;font-size: 14px;border: 1px solid #2954c5;padding: 1.5%;color: #2954c5;}

#whi00 .dad_sp{display: none;}
@media (max-width: 1199px) {
#whi00 .dad_sp{display: block;}
}