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

.table_spec {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 5px 0px;
    padding: 0px;
}

.table_spec td {
    border: solid 1px #cccccc;
    padding: 2px 0px 2px 3px;
}


/***************************************************
当日便レイアウト
***************************************************/


/* 新レイアウト */

.itemSend-time {
    line-height: 140%;
    margin: 10px 0;
}


/*ipad横表示*/

#DeliverytType {
    margin: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
}


/*ipad縦表示*/

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


/*スマホ表示*/

@media screen and (max-width: 640px) {
    /* ゆうパケット */
    .youcom .halfbox .item {
        float: none;
    }
    .youcom .halfbox {
        padding: 0 5px;
    }
}


/* 通常便用 */

#DeliverytType.normal {}

#DeliverytType.tojitu {}

#toujitsu_area {
    position: relative;
}

a:visited {
    color: #80664A;
    text-decoration: none;
}

#DeliverytType .layout {
    background: #fff9ad;
    font-size: 1em;
    margin: 5px 0;
}

#toujitsu_footarea_ok {}

#liList {
    padding: .2em;
    margin: 0px;
    font-size: 0.9em;
}

#NoTimeComment {
    position: relative;
}

#otodoke {
    margin: 0px 0px 0px 0.5em;
}

#toujitsu_footarea {
    margin: 10px 0px 0px 120px;
    z-index: 10;
}

#lblTxt1,
#lblTxt2,
#lblTxt3,
#lblMoney1,
#lblMoney2,
#lblMoney3,
#lblSendTime1,
#lblSendTime2,
#lblSendTime3 {
    color: #ff0000;
}

#DeliverytType.normal .comment {
    margin: 0px 0px 0px 20%;
    z-index: 10;
}


/*当日便休止中の表示*/

#toujitsu_area_yasumi {
    position: relative;
    width: 100%;
    background: url('https://www.charm.co.jp/rakuten/image/icon/index/img_toujitsu_ok1130_yasumi.gif') no-repeat 1px 0px;
    margin-top: 5px;
    color: #666666;
    border: 1px solid #ccc;
    background-size: 100%
}

#toujitsu_footarea_yasumi {
    margin: 0px 0px 0px 20%;
    z-index: 10;
}

#yasumi_info {
    margin: 10px 0px 45px 0px;
    color: #ff0000;
    font-size: 14px;
}


/***************************************************
犬商品用
***************************************************/

.container_dog {
    width: 100%;
}

.table_spec_dog {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_dog th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #FED465;
    font-weight: normal;
    width: 20%;
}

.table_spec_dog th.title {
    background: #C14F05;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_dog td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_dog {
    font-weight: bold;
    font-size: 120%;
    color: #94420C;
}

.dog_food {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 90%;
}

.dog_food td {
    width: auto;
}


/***************************************************
猫商品用
***************************************************/

.container_neko {
    width: 100%;
    line-height: 1.6em;
}

.table_spec_neko {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_neko th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #ffff80;
    font-weight: normal;
    width: 20%;
}

.table_spec_neko th.title {
    background: #cb820f;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_neko td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_neko {
    /*    line-height: 1.2em;*/
    color: #6d370c;
}

.neko_food {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 90%;
}

.neko_food td {
    width: auto;
}


/***************************************************
アクア商品用
***************************************************/

.container_aqua {
    width: 100%;
}

.table_spec_aqua {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_aqua th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #B0F1FD;
    font-weight: normal;
    width: 20%;
}

.table_spec_aqua th.title {
    background: #0190FE;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_aqua td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_aqua {
    font-weight: bold;
    font-size: 120%;
    color: #0377C0;
}

.aqua_innertable {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 90%;
}

.aqua_innertable td {
    width: auto;
}


/***************************************************
水草用
***************************************************/

.container_wp {
    width: 100%;
}

.table_spec_wp {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_wp th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #e8f9a3;
    font-weight: normal;
    width: 20%;
}

.table_spec_wp th.title {
    background: #6cad1c;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_wp td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_wp {
    font-weight: bold;
    font-size: 120%;
    color: #6cad1c;
}

.wp_innertable {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 90%;
}

.wp_innertable td {
    width: auto;
}


/***************************************************
 海水用品用
***************************************************/

.container_kaisui {
    width: 100%;
}

.table_spec_kaisui {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_kaisui th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #BEEDFF;
    font-weight: normal;
    width: 20%;
}

.table_spec_kaisui th.title {
    background: #002368;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_kaisui td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_kaisui {
    font-weight: bold;
    font-size: 120%;
    color: #002368;
}


/***************************************************
 金魚・メダカ用品用
***************************************************/

.container_kingyo {
    width: 100%;
}

.table_spec_kingyo {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_kingyo th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #FDC856;
    font-weight: normal;
    width: 20%;
}

.table_spec_kingyo th.title {
    background: #FD5502;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_kingyo td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_kingyo {
    font-weight: bold;
    font-size: 120%;
    color: #FD5502;
}


/***************************************************
 小動物・鳥用
***************************************************/

.container_animal {
    width: 100%;
}

.table_spec_animal {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_animal th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #FEDCE5;
    font-weight: normal;
    width: 20%;
}

.table_spec_animal th.title {
    background: #D30E3C;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_animal td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_animal {
    font-weight: bold;
    font-size: 120%;
    color: #D30E3C;
}


/***************************************************
 インテリア用
***************************************************/

.container_interior {
    width: 100%;
}

.table_spec_interior {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_interior th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #F6E59F;
    font-weight: normal;
    width: 20%;
}

.table_spec_interior th.title {
    background: #D4B94C;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_interior td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_interior {
    font-weight: bold;
    font-size: 120%;
    color: #AF983A;
}


/***************************************************
 ガーデニング用
***************************************************/

.container_gardening {
    width: 100%;
}

.table_spec_gardening {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_gardening th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #DDFEBA;
    font-weight: normal;
    width: 20%;
}

.table_spec_gardening th.title {
    background: #63B708;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_gardening td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_gardening {
    font-weight: bold;
    font-size: 120%;
    color: #57A009;
}


/***************************************************
 両生類・爬虫類用
***************************************************/

.container_kame {
    width: 100%;
}

.table_spec_kame {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_kame th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #ABFDCE;
    font-weight: normal;
    width: 20%;
}

.table_spec_kame th.title {
    background: #0AAD62;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_kame td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_kame {
    font-weight: bold;
    font-size: 120%;
    color: #059341;
}


/***************************************************
 昆虫用品用
***************************************************/

.container_insect {
    width: 100%;
}

.table_spec_insect {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_insect th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #FEF3A8;
    font-weight: normal;
    width: 20%;
}

.table_spec_insect th.title {
    background: #480E01;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_insect td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_insect {
    font-weight: bold;
    font-size: 120%;
    color: #480E01;
}


/***************************************************
 食品用
***************************************************/

.container_food {
    width: 100%;
}

.table_spec_food {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_spec_food th {
    border: solid 1px #cccccc;
    padding: 8px 0px 8px 5px;
    text-align: center;
    background: #FEF3A8;
    font-weight: normal;
    width: 20%;
}

.table_spec_food th.title {
    background: #e59361;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_food td {
    border: solid 1px #cccccc;
    padding: 5px;
}

.catch_food {
    font-weight: bold;
    font-size: 120%;
    color: #480E01;
}


/***************************************************
 魚病薬用
***************************************************/

.table_iyakuhin {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin: 2px 0px;
    padding: 0px;
    table-layout: auto;
    width: 100%;
}

.table_iyakuhin td {
    border: solid 1px #cccccc;
    padding: 2px 0px 2px 2px;
}

.table_iyakuhin th {
    border: solid 1px #cccccc;
    padding: 2px 0px 2px 2px;
    text-align: left;
    background: #e5e5e5;
    font-weight: normal;
    width: 32%;
}


/***************************************************
 include用
***************************************************/

.for_sp {
    display: block;
}

/* common
------------------------------ */
@media screen and (max-width: 568px) {

	.include_contents .col5 li { width: 25%; width: -webkit-calc( 100% / 4 ); width: calc( 100% / 4 ); }

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

	.include_contents .col5 li { width: 33.3%; width: -webkit-calc( 100% / 3 ); width: calc( 100% / 3 ); }

}
/* c-href_qrcode
------------------------------ */

@media screen and (max-width: 375px) {
	.include_contents dl.weight dt {
		min-width: 100%;
	}
}

/* c-href_fish
------------------------------ */

@media screen and (max-width: 680px) {
    .include_contents .info_fish .item {
        width: 100%;
    }
    .include_contents .info_haisou .item {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .include_contents .info_delivery li {
        display: inline-block;
    }
    .include_contents .info_faq li {
        width: 95%;
        margin: 5px 0 5px 5px;
    }
}


/* c-href_plantssetumei
------------------------------ */

.include_contents .wp_type .table {
    width: auto;
}

@media screen and (max-width: 480px) {
    .include_contents .info_waterplant .item {
        float: none;
        width: auto;
    }
    .include_contents .info_wpship .item {
        float: none;
        width: auto;
    }
}


/* c-href_plantssetumei_munouyaku
------------------------------ */

@media screen and (max-width: 480px) {
    .level-text {
        display: inline-block;
    }
    .level-image {
        display: inline-block;
    }
}

/* c-href_plantssetumei_suijo
------------------------------ */
.wpadapt-image {
	width: 15%;
}


/* c-href_bio_plants
------------------------------ */

.item-suiren-title {
    font-size: 2.2rem;
}

@media screen and (max-width: 375px) {
    .item-suiren-title {
        font-size: 1.8rem;
    }
}


/* 商品アイコン */

img[src*="image/icon/dog/dogicon/"],
img[src*="image/icon/cat/caticon/"],
img[src*="image/icon/tankset/icon_"],
img[src*="image/icon/tank/icon"] {
    width: 50px;
}
