@charset "UTF-8";


.f_m{
    font-weight: bold;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}


/************************************************************
カテゴリ（グループ）ページ
************************************************************/

/****************************************
商品説明
****************************************/


/****************************************
上級デザイン　上部コメント
****************************************/

/* Dog h1 共通見出し （背景イラスト）*/
.c_dog_hdg{
    position: relative;
    height: 0;
    padding-top: 45.81%;
    background: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_dog_products.png) 0 0 no-repeat;
    background-size: contain;
    margin: 10px 10px 0;
}
.c_dog_hdg h1 {
    position: absolute;
    top: 48%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
.c_dog_hdg.twolines h1{
    top: 42%;
}
.c_dog_hdg.threelines h1{
    top: 36%;
}


.c_dog_hdg2 {
    background-size: contain;
    position: relative;
    height: 39vw;
}
.c_dog_hdg2 h1 {
    font-family:  "M PLUS Rounded 1c";
    font-size: 5vw;
    font-weight: bold;
    text-shadow: 1px 0.3px 1px #3e1900;
    color: #3e1900;
    position: absolute;
    top: 12.5vw;
    left: 38vw;
}
.c_dog_hdg2.al{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/d_allergy_bg.jpg);
}
.c_dog_hdg2.diet{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/d_diet_bg.jpg);
}
.c_dog_hdg2.diet h1{
    top: 8.5vw;
}
.c_dog_hdg2.skin{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/d_skin_bg.jpg);
}
.c_dog_hdg2.pup{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/d_puppy_bg.jpg);
}
.c_dog_hdg2.pup h1{
    font-size: 6.5vw;
    top: 10vw;
}
.c_dog_hdg2.snr{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/d_senior_bg.jpg);
}
.c_dog_hdg2.snr h1{
    font-size: 5.7vw;
}
.c_dog_hdg2.first{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/d_first_bg.jpg);
}
.c_dog_hdg2.first h1{
    font-size: 5.2vw;
}

/* cat h1 共通見出し （背景イラスト） */
.c_cat_hdg {
    position: relative;
    height: 0;
    padding-top: 36.2%;
    background: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_cat_products.png) 0 0 no-repeat;
    background-size: contain;
    margin: 10px 10px 0;
}
.c_cat_hdg h1 {
    position: absolute;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
.c_cat_hdg.twolines h1{
    top: 35%;
}
.c_cat_hdg.threelines{
    margin: 50px 10px 0;
}
.c_cat_hdg.threelines h1{
    top: 22%;
}


.c_cat_hdg2 {
    background-size: contain;
    position: relative;
    height: 39vw;
}
.c_cat_hdg2 h1 {
    font-family:  "M PLUS Rounded 1c";
    font-size: 4.7vw;
    font-weight: bold;
    text-shadow: 1px 0.3px 1px #3e1900;
    color: #3e1900;
    position: absolute;
    top: 12.5vw;
    left: 38vw;
}
.c_cat_hdg2.al{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_allergy_bg.jpg);
}
.c_cat_hdg2.diet{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_diet_bg.jpg);
}
.c_cat_hdg2.diet h1{
    top: 9vw;
}
.c_cat_hdg2.skin{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_skin_bg.jpg);
}
.c_cat_hdg2.kitn{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_kitten_bg.jpg);
}
.c_cat_hdg2.kitn h1{
    font-size: 6.5vw;
    top: 10vw;
}
.c_cat_hdg2.snr{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_senior_bg.jpg);
}
.c_cat_hdg2.snr h1{
    font-size: 5.7vw;
}
.c_cat_hdg2.first{
    background-image: url(https://www.plaiaden.com/assets/img/fs-img/img05/c_first_bg.jpg);
}
.c_cat_hdg2.first h1{
    font-size: 4.8vw;
}


/****************************************
上級デザイン　下部コメント
****************************************/


/************************************************************
　商品ページ
************************************************************/

/****************************************
商品ページ キャンペーン記載
****************************************/
.reserve_cpm{
    border: double 4px #20b2aa;
    margin: 5px 20px;
    padding: 10px;
    font-weight: bold;
}
/****************************************
商品ページ 賞味期限記載
****************************************/
.BestByDate_area {
    margin: 20px 20px 10px;
    padding: 20px;
    background-color: #eae0c8;
    border-radius: 6px;
}
.BestByDate_area p.BestByDate{
    margin: 0;
    font-weight:bold;
} 
.BestByDate_area h3{
    margin: 10px 0;
}
.BestByDate_area h3.ArrivalUndecided{
    margin: 0 0 10px;
}
.BestByDate_area h3::before {
    content: "■";
}
.BestByDate_area h3.ArrivalUndecided::before {
    content: "";
}
.BestByDate_area p.BestByDate_detail{
    margin: 0;
}


/****************************************
商品説明
****************************************/
/* important_notes  */

.important_notes {
    margin: 20px 20px 0;
    padding: 20px;
    border: 2px solid #5a2e00;
}
.important_notes ul {
    padding-left: 18px;
    box-sizing: border-box;
    margin-bottom: 0;
}
.important_notes li {
    color: #5a2e00;
    text-indent: -18px;
}
.important_notes li.reference_mark:before {
    content:"※";
}



/* 商品詳細 外部ファイル部分 */

.products_info_hdg {
margin-top: 30px;
}
.products_info_hdg h2{
border: none;
padding: 16px 0;
font-size: 15px;
color: #5a2e00;
background: url(https://www.plaiaden.com/assets/img/fs-img/img04/pager_bg_01.jpg) 0 0 repeat;
text-align: center;
}
/*
body.fs-body-product p {
	margin: 20px;
}
*/

/* 商品詳細 外部ファイル部分 */

#products_info .common_info{
margin-top: 20px;
}
#products_info .common_info caption{
text-align: left;
margin-left: 20px;
padding-bottom: 20px;
}
#products_info .common_info tr{
border-color: #d9c799;
border-style: solid;
border-width: 1px 0;
}
#products_info .common_info th,
#products_info .common_info td {
	display: block;
	text-align: left;
	width: calc(100vw - 40px);
}
#products_info .common_info th{
padding: 20px 20px 10px;
}
#products_info .common_info td{
padding:10px 20px 20px;
}

#products_info .common_info td span.bold{
    font-weight: bold;
}

/* 給餌量  */
#products_info .feeding_info{
margin: 20px;
}
#products_info .feeding_info table{
width: 100%;
border-top: 1px solid #eae0c8;
border-left: 1px solid #eae0c8;
text-align: center;
}
#products_info .feeding_info caption{
text-align: left;
padding-bottom: 20px;
}
#products_info .feeding_info th{
padding-top: 2px;
background: #eae0c8;
}
#products_info .feeding_info th,
#products_info .feeding_info td{
padding: 5px 0;
box-sizing: border-box;
border-bottom: 1px solid #eae0c8;
border-right: 1px solid #eae0c8;
}
#products_info hr{
height: 1px;
background-color: #d9c799;
border: none;
}

/* キャプション付き画像テーブル2列 */
.fs-body-product #products_info .figure_2column {
margin: 20px 20px 40px;
}
.fs-body-product #products_info .figure_2column table{
width: 100%;
}
.fs-body-product #products_info .figure_2column caption{
font-weight: bold;
padding: 0 0 20px;
margin: 0;
text-align: left;
}
.fs-body-product #products_info .figure_2column td{
width: 50%;
border: 1px solid #DAC596;
}
.fs-body-product #products_info .figure_2column figure{
text-align: center;
}
.fs-body-product #products_info .figure_2column figure img{
width: 50%;
padding: 10px 0;
box-sizing: border-box;
}
.fs-body-product #products_info .figure_2column figure figcaption{
padding: 0 5px 5px;
font-size: 12px;
}
.fs-body-product #products_info .figure_2column p{
padding: 20px 0 10px;
margin: 0;
}
.fs-body-product #products_info .figure_2column ul{
list-style: disc;
padding-left: 20px;
}

/* 給餌量下テキスト  */
#products_info .feeding_info p{
margin-top: 10px;
}

/* 給餌量修正  */
.fs-body-product #products_info .common_info tr.bdrstyl-none {
    border-style: none;
}
.fs-body-product #products_info .common_info th.feeding_info_hd {
    font-size: 4vw;
    font-weight: bold;
}
.fs-body-product #products_info .common_info td.feeding_info {
    display: table-cell;
    padding: 10px 0 20px 20px;
}
.fs-body-product #products_info .common_info .feeding_info_table th.feeding_info_table-th {
    font-weight: normal;
    display: table-cell;
}
.fs-body-product #products_info .common_info .feeding_info_table td.feeding_info_table-td {
    display: table-cell;
}

/* プリンツ仕様 */
#products_info .feeding_info .prinz_h2{
text-align: left;
font-family: "ＭＳ Ｐゴシック",'MS PGothic', "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic ProN', "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#products_info .feeding_info .prinz_h3{
text-align: left;
margin-bottom: 3px;
padding: 20px 0 0;
font-size: 12px;
}

/* ベジグルメ仕様 */
#products_info .vege_img{
padding: 20px 40px 10px 30px;
width: 100%;
}

/* 商品詳細リンクボタン */
#products_info .details_link_btn{
margin: 16px;
}
.icon-right:before {
    content: none;
}









/****************************************
上級デザイン　上部コメント
****************************************/

/* bioアイコン（bio商品のみ） */

.sp.productComment.productComment1 .tag_icon{
width: 100%;

}
.sp.productComment.productComment1 .tag_icon ul{
display: flex;
justify-content: flex-start;
margin: 0 10px 10px;
}
.sp.productComment.productComment1 .tag_icon li{
width: 15%;
max-width: 120px;
margin: 3px
}
.sp.productComment.productComment1 .tag_icon img{
width: 100%;
}
.sp.productComment.productComment1 .tag_icon .text {
	width: 70%;
	max-width: 260px;
	font-size: 3vw;
	line-height: 24px;
}
.sp.productComment.productComment1 .tag_icon .text p {
	padding: 3px 0;
	margin: auto;
}


/****************************************
上級デザイン　下部コメント
****************************************/






/************************************************************
　カート
************************************************************/

/* あと〇〇円で送料無料下  */

span.cartInfor:after {
    content: "\A\A●通常1配送先につき送料770円(税込)\A※北海道は935円(税込)・沖縄は3,520円(税込)";
    white-space: pre;
    font-size: 11px;
    color: #5a2e00;
    font-weight: normal;
}



/************************************************************
　フッター
************************************************************/

/* いいねキャンペーンリンクボタン修正  */
.btn.before-none:before {
    content: none;
}