@charset "utf-8";
#fathersday.contentswrap{width:100%; overflow: hidden; padding: 0; box-sizing: border-box; margin: 0 auto;}
#fathersday h1{padding: 0; position: relative;}
#fathersday h1 .mvbtn{width:130px; height: 130px; position: absolute;bottom: 50px; right:20px;}
#fathersday .header_bar.js_fixed_bar.fixed { position: fixed; z-index: 999; top: 53px; overflow: hidden; display: block;}

#fathersday a:hover{text-decoration: none; opacity: 0.7;}
#fathersday .main{overflow: hidden; margin: 0 auto 50px; text-align: center;}
#fathersday .main p{font-size: 18px;}
#fathersday  nav{overflow: hidden; margin: 0 auto 30px; font-size: 0; background-color: #FFF;}
#fathersday  nav li{display: inline-block; vertical-align: top; border: 1px solid #2954c5; width:49.3%; margin:0 1.3% 2% 0;  background-image: url("../../../../img/usr/genre/dad00/240513_fathersday_ya.png"); background-repeat: no-repeat; background-position: 50% 85%; box-sizing: border-box; background-color: #FFF;}
#fathersday  nav li:nth-of-type(2){margin-right: 0;}
/*#fathersday  nav li:nth-of-type(4n){margin-right: 0;}*/
#fathersday  nav li p{font-size: 14px; margin: 10px auto 0}
#fathersday  nav li a{display: block; width:100%;font-size: 14px;padding:8px 0 20px;}
		
#fathersday .optionbox{padding: 2% 5%;background-color: #ecf7f9; box-sizing: border-box; overflow: hidden; font-size: 0;display: grid;place-items: center;}
#fathersday .optionbox img{display: inline-block; vertical-align: middle; width:30%;}
#fathersday .optionbox .textbox{display: inline-block; vertical-align: middle; width: 88%;}
#fathersday .optionbox p{font-size: 16px; text-align: left; margin: 0 auto 10px;}
#fathersday .optionbox .ltxt{font-size: 18px;}
#fathersday .optionbox .stxt{font-size: 14px; color: #B61F54;}
#fathersday .optionbox2{padding: 2% 5%;box-sizing: border-box; overflow: hidden; font-size: 0;display: grid;place-items: center;}
#fathersday .optionbox2 img{display: inline-block; vertical-align: middle; width:30%;}
#fathersday .optionbox2 .textbox{display: inline-block; vertical-align: middle; width: 88%;}
#fathersday .optionbox2 p{font-size: 16px; text-align: center; margin: 0 auto 10px;}
#fathersday .optionbox2 .ltxt{font-size: 18px;}
#fathersday .optionbox2 .stxt{font-size: 14px; color: #B61F54;}
#fathersday .optionbox_after{padding: 2% 5% 1%;background-color: #ecf7f9; box-sizing: border-box; overflow: hidden; font-size: 0;display: grid;place-items: center;margin-bottom: 3%;}
#fathersday .optionbox_after p{font-size: 16px; text-align: center; margin: 0 auto 10px;}

#fathersday .coupon{background-color: #FFBCCF; padding: 20px;}
#fathersday .coupon p{font-size: 16px; text-align: center;}
#fathersday .coupon .ltxt{font-size: 28px;}
#fathersday .itemblock{overflow: hidden; margin: 0 auto 50px;}
#fathersday .itemblock p{font-size: 14px;}
#fathersday .five_column{overflow: hidden; font-size: 0; margin: 0;}
#fathersday .five_column li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0;}
#fathersday .five_column li:nth-of-type(5n){margin-right: 0;}
#fathersday .four_column li{display: inline-block; vertical-align: top; width:24.0%!important; margin:0 0.8% 2% 0!important; padding:0;}
#fathersday .four_column li:nth-of-type(4n){margin-right: 0!important;}
#fathersday .bana_link li{display: inline-block; vertical-align: top; width:49%; margin:0 1.5% 2% 0; padding:0;}
#fathersday .bana_link li:nth-of-type(2n){margin-right: 0;}
#fathersday h2{font-size: 18px; text-align: center; margin: 0 auto 30px; border: 0; padding: 0;}
#fathersday .category{overflow: hidden; font-size: 0;}
#fathersday .category .brandlink{margin: 0 auto;  list-style: none;}
#fathersday .category .brandlink li{display: inline-block; vertical-align: top; width:33%; margin:0 0.5% 2% 0; }
#fathersday .category .brandlink li:nth-of-type(3n){margin-right: 0;}
#fathersday .category .brandlink li p{font-size: 14px; margin: 0 auto 0; text-align: center; padding: 10px; box-sizing: border-box;}
#fathersday .category .brandlink li p.pinktext{color: #fd1d35; display: flex; height: 60px; align-items: center;justify-content: center;}
#fathersday .category .brandlink li a{display: block; width:100%;}
#fathersday .category .brandtxtlink{margin: 0 auto 30px;  list-style: none;}
#fathersday .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;}
#fathersday .category .brandtxtlink li:nth-of-type(4n){margin-right: 0;}
#fathersday .category .brandtxtlink li p{font-size: 14px; margin: 10px auto 0}
#fathersday .category .brandtxtlink li a{display: block;height: 100%; width:100%;font-size: 14px;display:flex; justify-content: center; align-items: center;}
#fathersday h2{font-size: 18px; text-align: center; margin: 0 auto 30px; border: 0; padding: 0;}
#fathersday .category{overflow: hidden; font-size: 0; margin-bottom: 50px;}
#fathersday .category .catlink{margin: 0 auto 30px; padding: 0; list-style: none; font-size: 0;}
#fathersday .category .catlink li{display: inline-block; vertical-align: top; border: 1px solid #CCC; width:24%; height: 50px; margin:0 1.2% 1.2% 0;}
#fathersday .category .catlink li:nth-of-type(4n){margin-right: 0;}
#fathersday .category .catlink li a{display: flex; width:100%; height: 100%; justify-content: center; align-items: center; font-size: 14px;text-align: center;}
#fathersday .category .addtxt{font-size: 14px; text-align: left; padding-left: 2em; text-indent: -1em; margin: 0;}
#fathersday .category .banaarea{margin: 80px auto; }
#fathersday .category .banaarea .banablock{width:49%; display: inline-block; margin-right: 2%; vertical-align: top; font-size: 14px;}
#fathersday .category .banaarea .banablock:last-of-type{margin-right: 0;}
#fathersday .category .banaarea .banablock img{margin-bottom: 10px;}

#fathersday .category.product_area{background-color: #fff5f4; background-image: url("../../../../img/usr/genre/dad00/240513_fathersday_bg.png"); background-position: top; background-size: contain; background-repeat: no-repeat; padding: 50px 0}
#fathersday .category.product_area h2{margin-bottom: 50px;}
#fathersday .category.product_area .product_box{overflow: hidden; width:100%; padding:  30px 0 0;}
#fathersday .category.product_area .product_box .product_img{width:53%; display: inline-block; vertical-align: middle;}
#fathersday .category.product_area .product_box .product_text{width:47%; display: inline-block; vertical-align: middle; padding:0 40px; box-sizing: border-box;}
#fathersday .category.product_area .product_box .product_text .pink_text{color: #f4546c; font-size: 14px; margin-bottom: 10px}
#fathersday .category.product_area .product_box .product_text .product_name{ font-size: 18px; margin-bottom: 10px;}
#fathersday .category.product_area .product_box .product_text .price_text{ font-size: 16px; margin-bottom: 20px;}
#fathersday .category.product_area .product_box .pink_btn{background-color:#f4546c; width:100%;; max-width:300px; border-radius: 3px; }
#fathersday .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%;}
/*#fathersday .category .left-area{float: left;}
#fathersday .category .right-area{float: right;}*/
#fathersday .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;}

/*ランキング*/
#fathersday .itemblock{overflow: hidden; margin: 0 auto 50px;}
#fathersday .itemblock p{font-size: 14px;}
#fathersday .itemblock .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#fathersday .itemblock .three_column_rank li:nth-of-type(5){margin-right: 0;}
#fathersday .itemblock .three_column_rank li a{display:block; position:relative;}
#fathersday .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
}
#fathersday .itemblock .three_column_rank li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}
#fathersday .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
}
#fathersday .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
}
#fathersday .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
}

#fathersday .three_column_rank li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}

#fathersday .three_column_rank li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}

#fathersday .three_column_rank li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}

#fathersday .three_column_rank li:nth-child(4) a:before {
    background: url(../../../img/custom/icon_ranking4.png) no-repeat 0 0;
    background-size: 34px 34px
}

#fathersday .three_column_rank li:nth-child(5) a:before {
    background: url(../../../img/custom/icon_ranking5.png) no-repeat 0 0;
    background-size: 34px 34px
}
#fathersday .itemblock .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#fathersday .itemblock .three_column li{display: inline-block; vertical-align: top; width:32.2%; margin:0 1.2% 2% 0; padding:0; padding-top: 17px;}
#fathersday .itemblock .three_column li:nth-of-type(3n){margin-right: 0;}
#fathersday .itemblock .three_column li a{display:block; position:relative;}
#fathersday .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
}
/*
#fathersday .itemblock .three_column li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}
#fathersday .itemblock .three_column li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}
#fathersday .itemblock .three_column li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}
*/
#fathersday .three_column_rank li:nth-of-type(5n){margin-right: 0;}
#fathersday .five_column_bland{overflow: hidden; font-size: 0; margin: 0;}
#fathersday .five_column_bland li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0;}
#fathersday .five_column_bland li:nth-of-type(5n){margin-right: 0;}

#fathersday .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#fathersday .three_column_rank li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0; padding-top: 17px;}
#fathersday .three_column_rank li a{display:block; position:relative;}
/*ランキングend*/

#fathersday .btnlink{text-align: center; margin: 0 auto; width:33%; height: 50px;font-size: 14px;border: 1px solid #2954c5;padding: 1.5%;color: #2954c5;}

#fathersday .dad_sp{display: none;}
@media (max-width: 1199px) {
#fathersday .dad_sp{display: block;}
}