@charset "shift_jis";

/***************************************************
 商品名
***************************************************/


/* キャチコピーを非表示＠本店のみ(PCスマホ共通) */

.c_main .item_detail .c_copy {
    display: none;
}


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

html {
    font-size: 62.5%;
}

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

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


/* 大型手数料 */

.item_airline {
    margin-bottom: 10px;
}

.item_airline .title {
    background-color: #dc0000;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 0, 0, 0)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.75, rgba(0, 0, 0, 0)), color-stop(0.75, rgba(255, 255, 255, 0.3)), top(rgba(255, 255, 255, 0.3)));
    background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-size: 4px 4px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.item_airline .s_tit {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 0, 0, 0)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.75, rgba(0, 0, 0, 0)), color-stop(0.75, rgba(255, 255, 255, 0.3)), top(rgba(255, 255, 255, 0.3)));
    background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-size: 4px 4px;
    display: inline-block;
    margin: 5px 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.item_airline .tbtype4 {
    border-collapse: collapse;
    font-size: 90%;
    width: 300px;
}

.tbtype4 td,
.tbtype4 th {
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 3px;
}

.item_airline .tbtype4 td {
    background: #fff;
    text-align: center;
}

.item_airline .tbtype4 thead th {
    background: #ffcbcb;
    text-align: center;
}

.item_airline .tbtype4 tbody th {
    background: #fff1f1;
    text-align: center;
}


/* 返却方法についてボタン */

.hoon_back_button {
    margin: 5px 0;
}

.hoon_back_button a {
    display: block;
    width: 360px;
    max-width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 0 0 auto;
    padding: 5px 0;
    background-color: #ff8484;
    /* text-shadow: 1px 1px 2px rgba(0,0,0,.3); */
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    border-radius: 5px;
}

.hoon_back_button a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 8px solid #fff;
}


/* 2014/11 review style
--------------------------------------------------*/

.reviewrap {
    /* display:none; */
    margin-bottom: 15px;
}

.reviewrap .review_fq {
    margin: 0 0 4px 0;
    padding: 0;
}

.reviewrap .review_fq a {
    display: block;
    color: #111;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    padding: 7px 0;
    background-color: #f4f4f4;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.reviewrap .review_fq a:hover {
    background-color: #c4e4f4;
}

.reviewrap.item_word {
    border: 5px double #e73552;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
    margin: 10px 0;
    letter-spacing: -.4em;
}
.reviewrap.item_word>* {
    letter-spacing: normal;
}

.reviewrap.item_word .review_fq a {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 15px;
}

.reviewrap .item_col {
    width: 50%;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
}
.reviewrap p {
    margin: 0;
    padding: 0;
}

.reviewrap .item_col .cap {
    color: #e73552;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
}
.reviewrap .item_col .cap:before {
    content: "\00ff3c";
}

.reviewrap .item_col .cap:after {
    content: "\00ff0f";
}

.reviewrap .item_col .title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    margin: 5px 0;
}

.reviewrap .daily {
    color: #fff;
    background-color: #e73552;
    margin: 0 10px;
    padding: 5px 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.reviewrap .review_point {
    color: #e73552;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    display: block;
}
.reviewrap .review_point .point {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1;
}

.reviewrap .attn {
    margin: 0 5px 5px;
}

@media screen and (max-device-width: 414px) {

    .reviewrap .item_col {
        width: auto;
        display: block;
    }
    .reviewrap .review_point {
        margin: 10px 0;
    }

}

/* スタッフコメント & 商品説明 */

#ctl00_ContentPlaceHolder1_lbExplain1 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
}

hr.spec_line {
    border: 0;
    border-bottom: 1px dashed;
    margin: 10px 0;
}

ol.spec_number {
    margin: 0;
    padding: 0 0 0 1.3em;
    list-style-position: inside;
    text-indent: -1em;
}

ol.spec_number li {
    margin: 5px 0;
}


/* 商品説明内Youtube制御 */

.video-container {
    position: relative;
    padding-bottom: 56.24%;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 2018/01 pankuzu style
--------------------------------------------------*/
a.mappath__link {
	display: inline-block;
	color: #fff;
	background-color: #e7487d;
	border-radius: 3px;
	padding: 3px 5px;
	margin: 1px 0;
	font-size: 97%;
}

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

#TodayComment {
    border: 1px solid #ccc;
    /* font-size:100%; line-height: 1.4em; */
}

#todayframe_rs {
    width: 100%;
    height: 300px;
    border: 1px #cccccc solid;
    margin-bottom: 8px;
    padding-right: 5px;
}


/* 新レイアウト */

.itemSend-layout {
    border: 1px solid #ccc;
    margin: 5px 0 10px;
    padding: 5px 10px 5px 0;
    /*
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2.0rem;
        font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, "sans serif";
    */
}

#lblTxt,
#lblMoney,
#lblSendTime {
    color: #ff0000;
}

.itemSend-contents:after {
    content: ".";
    clear: both;
    display: block;
    font-size: 0px;
    height: 0;
    zoom: 1;
}

.itemSend-copy {
    margin: 0 0 5px;
}

.itemSend-icon {
    width: 110px;
    margin-right: 10px;
    float: left;
    text-align: center;
    display: table-cell;
}

.itemSend-comment {
    display: table-cell;
}

.itemSend-time {
    font-size: 120%;
    font-weight: bold;
    /*line-height: 180%;*/
    line-height: 200%;
}

.itemSend-time ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.itemSend-time p {
    margin: 0;
    padding: 0;
}

.itemSend-layout .nodisplay {
    display: none;
}


/*当日便*/

#AutoComment #layout {
    background: #fff9ad;
    padding: 10px;
    margin: 0 10px 10px 0;
    font-size: 120%;
}

#liList {
    list-style: none;
    padding: 0;
    margin: 0 0 5px 0;
}

#otodoke {
    font-size: .9em;
}

#otodoke:before {
    content: "→";
    margin-right: 5px;
    font-size: .9em;
}

#AutoComment-normal {
    margin-top: 15px;
}

#NoTimeComment_today {
    margin-top: 15px;
}

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


/* 通常便 */


/* ゆうパケット */

#yupacket_layout {
    font-size: 12px;
    line-height: 1.4em;
}


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

#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;
    width: 80%
}

#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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_dog {
    font-weight: bold;
    font-size: 140%;
    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%;
}

.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;
    font-size: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

.table_spec_neko td {
    border: solid 1px #cccccc;
    padding: 5px;
    /* width: 80%;*/
}

.catch_neko {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_aqua {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_wp {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_kaisui {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_kingyo {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_animal {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_interior {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_gardening {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_kame {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_insect {
    font-weight: bold;
    font-size: 140%;
    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: 140%;
    color: #ffffff;
    padding: 10px 0px 10px 5px;
}

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

.catch_food {
    font-weight: bold;
    font-size: 140%;
    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%;
}


/***************************************************
 補足説明用
***************************************************/


/* チモシー */

.partition-timothy {
    background: #D3FFA7;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    margin: 10px 0 0;
}


/* 花王商品連絡先 */

#kao_recode {
    width: 100%;
    font-size: .8rem;
    border: 2px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.kaorcd-title {
    line-height: 1.6rem;
    border-bottom: 1px dashed #ccc;
    margin: 10px 10px 0 10px;
}

.kaorcd-menu {
    margin: 10px;
}

.kaorcd-menu dt,
.kaorcd-menu dd {
    padding: 3px;
}

.kaorcd-menu dt {
    display: block;
    float: left;
    margin-right: 15px;
    width: 100px;
}

.kaorcd-menu dd {
    margin: 0;
}


/* GEXモニター */

#item_moniter .moniter_copy {
    color: #fd8570;
    font-size: 3rem;
    line-height: 3.8rem;
}

#item_moniter .items_contents {
    max-width: 656px;
}

#item_moniter .items_wrap {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    border: 1px solid #efefef;
    border-radius: 5px;
}

#item_moniter .items_wrap li {
    max-width: 164px;
    min-height: 168px;
    width: 25%;
    display: table-cell;
    float: left;
    margin: 5px 0;
}

#item_moniter .items_wrap li .image {
    display: block;
    text-align: center;
}

#item_moniter .items_wrap li .name {
    display: block;
    font-size: 1.2rem;
    margin: 5px 10px;
}

#item_moniter .items_title {
    color: #555;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 5px 0 5px 15px;
    border: 1px solid #efefef;
    border-radius: 5px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%, transparent 50%, #f3f3f3 50%, #f3f3f3 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #f3f3f3 25%, #fff 25%, #fff 50%, #f3f3f3 50%, #f3f3f3 75%, #fff 75%, #fff);
    background-size: 20px 20px;
}


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

.for_sp {
    display: none;
}

.include_contents {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
}
.include_contents * {
    box-sizing: border-box;
}

.include_contents p {
	margin: 0;
}

.include_contents h2 {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px;
    border-radius: 4px;
    background-color: #dc0000;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 0, 0, 0)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.75, rgba(0, 0, 0, 0)), color-stop(0.75, rgba(255, 255, 255, 0.3)), top(rgba(255, 255, 255, 0.3)));
    background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-size: 4px 4px;
}

.include_contents h3 {
    background-color: #ffddde;
    font-size: 1em;
    line-height: 25px;
    margin: 5px 0;
    padding: 0 10px;
}

/* Yahooでhタグが非対応のため、↑↓を連動 */
.inc-h3 {
    background-color: #ffddde;
    font-size: 1em;
    line-height: 25px;
    margin: 5px 0;
    padding: 0 10px;
    font-weight: bold;
}

.include_contents h4 {
    margin: 5px 0;
    padding: 0;
}

.include_contents h5 {
    margin: 5px 0 2px;
    padding: 0;
    font-size: 90%;
}

.include_contents strong {
    font-weight: bold;
}

.include_contents .red {
    color: #ff0000;
    border-color: #ff0000;
}

.include_contents .blue {
    color: #0000ff;
    border-color: #0000ff;
}

.include_contents .green {
    color: #53be3a;
    border-color: #55b20b;
}

.include_contents .under {
    border-bottom: 1px solid;
}

.include_contents .table {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: flex-start;
}

.include_contents .table a { color: inherit; }
.include_contents .table a:hover { color: #f57f00; }

.include_contents .table li {
    width: 25%;
    width: -webkit-calc( 100% / 4 );
    width: calc( 100% / 4 );
    padding: 5px;
}

.include_contents .table .tr {
    display: table-row;
}

.include_contents .table a {
    display: block;
    text-decoration: none;
}
.include_contents .table img {
    max-width: 100%;
    height: auto;
    display: block;
    border: solid 1px #ccc;
    padding: 3px;
}
.include_contents .name {
    font-size: inherit;
    line-height: inherit;
    margin: 5px 0;
}

.include_contents .col2 li { width: 50%; width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); }        /* 2分割 */
.include_contents .col3 li { width: 33.3%; width: -webkit-calc( 100% / 3 ); width: calc( 100% / 3 ); }    /* 3分割 */
.include_contents .col4 li { width: 25%; width: -webkit-calc( 100% / 4 ); width: calc( 100% / 4 ); }        /* 4分割 */
.include_contents .col5 li { width: 10%; width: -webkit-calc( 100% / 5 ); width: calc( 100% / 5 ); }        /* 5分割 */
.include_contents .col6 li { width: 16.6%; width: -webkit-calc( 100% / 6 ); width: calc( 100% / 6 ); }    /* 6分割 */

/* 個口送料説明画像 */
.include_contents #koguti_image img {
    max-width: 100%;
    height: auto;
}


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

.include_contents dl.weight {
    margin: 0;
    padding: 0;
    display: block;
    padding-left: 50px;
    position: relative;
    width: 100%;
}

.include_contents dl.weight:before {
    content: "（例）";
    position: absolute;
    left: 0;
    top: 0;
}

.include_contents dl.weight dt {
    display: block;
    width: 40%;
    min-width: 280px;
    float: left;
}

.include_contents dl.weight dd:before {
    content: "→";
    margin-right: 10px;
}

.include_contents dl.weight dd {
    display: block;
}

.include_contents dl.weight dd:after {
    content: ".";
    overflow: hidden;
    font-size: 0;
    width: 0;
    height: 0;
    display: block;
    clear: both;
}


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


/* 取り置き */

.include_contents #hokantime {
    margin: 10px 0;
}


/* 配送方法 */

.include_contents .item_airline table {
    max-width: 350px;
    width: 100%;
    font-size: 110%;
}

.include_contents .info_delivery ul {
    margin: 5px 0 10px;
    padding: 0;
    list-style: none;
    display: table;
}

.include_contents .info_delivery li {
    display: table-cell;
    vertical-align: top;
    padding: 0 1px;
}

.include_contents .info_delivery li:first-child {
    padding: 0;
}

.include_contents .item {
    margin-bottom: 10px;
}

.include_contents .item:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}


/* FAQ */

.include_contents .info_faq {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.include_contents .info_faq li {
    width: 45%;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}

.include_contents .button_faq {
    display: block;
    padding: 5px 0;
    border-radius: 5px;
    height: 50px;
    box-shadow: 1px 1px 3px rgba(255, 255, 255, .3) inset, -1px -1px 3px rgba(0, 0, 0, .2) inset;
}

.include_contents .button_faq:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.include_contents .button_faq a {
    display: block;
    width: 100%;
    height: 100%;
}

.include_contents .button_faq a:before {
    content: "";
    display: block;
    width: 60px;
    height: 50px;
    float: left;
}

.include_contents .button_faq .text {
    padding: 5px 0 0 0;
    width: 95%;
    display: block;
    font-size: 20px;
}

.include_contents .button_faq .text .small {
    font-size: 12px;
    margin-left: 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.include_contents .button_faq.fish {
    background-color: #c9ebe7;
}

.include_contents .button_faq.fish a:before {
    background: url(/UserArea/image/cat/icon_header/caticon_fish.png) no-repeat;
}

.include_contents .button_faq.kaisui {
    background-color: #c9dceb;
}

.include_contents .button_faq.kaisui a:before {
    background: url(/UserArea/image/cat/icon_header/caticon_kaisuigyo.png) no-repeat;
}

.include_contents .button_faq.wp {
    background-color: #c9ebe7;
    max-width: 300px;
}

.include_contents .button_faq.wp a:before {
    background: url(/UserArea/image/cat/icon_header/caticon_mizukusa.png) no-repeat;
}


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


/* 水草の植え方 */

.include_contents .wp_type {
    margin: 15px 0;
}

.include_contents .wp_type .image {
    display: block;
    float: left;
    margin-left: 10px;
}

.include_contents .wp_type .table {
    display: block;
    float: left;
    vertical-align: middle;
    width: calc(59% - 10px);
}

.include_contents .wp_type .button {
    margin-top: 5px;
}

.include_contents .wp_type table {
    border-collapse: collapse;
    border-spacing: 0;
}

.include_contents .wp_type th {
    background-color: #dedede;
    padding: 5px;
    text-align: center;
    min-width: 4em;
}

.include_contents .wp_type td {
    background-color: #f5f5f5;
    padding: 5px;
}

.include_contents .wp_type table,
.wp_type th,
.wp_type td {
    border: 1px solid #d1d1d1;
}

.include_contents .wp_type table .small {
    font-size: 10px;
}

.include_contents .wp_type .button {
    text-align: center;
}

.include_contents .wp_type .button a {
    display: block;
    color: #fff;
    background-color: #3ca82a;
    padding: 10px 0;
    border-radius: 5px;
}

.include_contents .wp_type .button a:hover {
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 30%, #36a224);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), color-stop(.3, rgba(255, 255, 255, .1)), to(#36a224));
    background-image: linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 30%, #36a224);
}


/* 水草について */

.include_contents .info_waterplant .item {
    width: 50%;
    float: left;
    display: block;
}

.include_contents .info_waterplant .item .text {
    display: block;
    margin: 0 5px;
}

.include_contents .info_waterplant .item .image {
    display: block;
    width: 100%;
    text-align: center;
}

.include_contents .dltable {
    margin: 0;
    padding: 0;
}

.include_contents .dltable dt {
    display: block;
    vertical-align: top;
}

.include_contents .dltable dd {
    display: block;
}

.include_contents .dltable dd:before {
    content: "・・・";
}


/* お届けする水草 */

.include_contents .info_wpship .item {
    width: 50%;
    float: left;
    display: block;
}

.include_contents .info_wpship .item .text {
    display: block;
    margin: 0 5px;
}

.include_contents .info_wpship .item .image {
    display: block;
    width: 100%;
    text-align: center;
}

.include_contents .info_wpcut {
    margin: 10px 0;
}

.include_contents .info_wpcut .item:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}

.include_contents .info_wpcut .image {
    float: right;
}


/* 発送について */

.include_contents .info_haisou .item {
    width: 50%;
    float: left;
    display: block;
}

.include_contents .info_haisou .item .text {
    display: block;
    margin: 0 5px;
}

.include_contents .info_haisou .item .image {
    display: block;
    width: 100%;
    text-align: center;
}


/* c-href_bettosoryo
------------------------------ */

.include_contents .table.betsoryo_price {
/*    max-width: 450px;*/
    width: 100%;
    font-size: 11px;
    text-align: center;
}

.table.betsoryo_price li {
    width: calc(100% / 6);
    border: 1px solid #ccc;
    display: inline-block;
}

.betsoryo_price .pos {
    display: block;
    padding: 2px 0;
    color: #654920;
    border-bottom: 1px solid #ccc;
    background-color: #cfeff3;
    background-image: -moz-linear-gradient(top, #cfeff3, #cfeff3 50%, #dff3f7 50%, #dff3f7);
    background-image: -webkit-linear-gradient(top, #cfeff3, #cfeff3 50%, #dff3f7 50%, #dff3f7);
    background-image: linear-gradient(to bottom, #cfeff3, #cfeff3 50%, #dff3f7 50%, #dff3f7);
    background-size: 4px 4px;
}

.betsoryo_price .price {
    display: block;
    padding: 2px 0;
    color: #0086ae;
}

.betsoryo_title {
    font-size: 12px;
    margin: 5px 0;
    color: #fff;
    background-color: #fe0000;
    line-height: 20px;
}

.betsoryo_title:before {
    content: "";
    width: 18px;
    height: 18px;
    margin: 0 5px;
    display: block;
    float: left;
    background-image: url(/UserArea/image/common/icon/attention.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: left center;
    /* IE8 */
    width: 0\9;
    background-image: none\9;
}


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

#pesticide_level {
    margin: 0 0 10px;
}

.lavel-box {
    display: table;
    width: 100%;
}

.level-image,
.level-text {
    display: table-cell;
    vertical-align: top;
}

.level-image .icon {
    display: inline-block;
    vertical-align: middle;
}

.level1 .level-image {
    width: 130px;
}

.level2 .level-image {
    width: 210px;
}

.level3 .level-image {
    width: 270px;
}

.icon.residual {
    border: 2px solid #e45b45;
    border-radius: 10px;
    white-space: nowrap;
    line-height: 62px;
    text-align: center;
    min-width: 110px;
    background-color: #ffe7e9;
    background-image: -moz-linear-gradient(-70deg, #fff 35%, #fef2f2 60%, #ffe7e9);
    background-image: -webkit-linear-gradient(-70deg, #fff 35%, #fef2f2 60%, #ffe7e9);
    background-image: linear-gradient(155deg, #fff 35%, #fef2f2 60%, #ffe7e9);
}

.pesticide_property {
    background-color: #f6f6f6;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset, -1px -1px 5px rgba(0, 0, 0, .2) inset;
    padding: 10px;
    margin: 0 0 5px;
}

.pesticide_property .title {
    margin: 0 0 5px;
}

/* c-href_plantssetumei_suijo
------------------------------ */
#waterplants_adapt {
    margin: 0 0 10px;
}
#waterplants_adapt p {
    margin: 0;
    padding: 0;
}
.wpadapt-image,
.wpadapt-text {
    display: table-cell;
    vertical-align: middle;
}
.wpadapt-image {
    width: 120px;
    text-align: center;
}
.wpadapt-text {
    /* padding: 10px; */
}
.wpadapt-point {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}
/*
.in-water .wpadapt-point { color: #1a91bb; }
.on-water .wpadapt-point { color: #885a2d; }
*/
.wpadapt_property {
    padding: 10px;
    margin: 0 0 5px;
}


/* c-href_cool_info
------------------------------ */
/*
.include_contents.cool_info {

}
*/

/* c-href_iyakuhin
------------------------------ */
#inc_medical_supplie {
    margin: 10px 0;
}
h3.medical_supplie_title {
    background-color: rgba(0,0,0,0);
    padding: 5px 0;
}
.medical_supplie_title:before {
    content: "\025CF";
}
.medical_supplie_table {
    border-collapse: collapse;
    font-size: inherit;
}
.medical_supplie_table th,
.medical_supplie_table td {
    border: 1px solid #ccc;
    padding: 5px;
}
.medical_supplie_table th {
    background-color: #eee;
    font-weight: normal;
}
.medical_supplie-image {
    display: table;
    margin:0;
    padding: 0;
    list-style: none;
}
.medical_supplie-image li {
    display: table-cell;
    padding: 2px;
}


/* c-href_minami
------------------------------ */


/* エビ・貝類の死着保証 */

.info_shrimp_quality {
    margin: 10px 0;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.info_shrimp_quality-title {
    background-color: #d51717;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2.0rem;
    padding: 5px 10px;
    margin: 0 0 5px;
}


/* c-href_chokutori
------------------------------ */

#inc_direct_delivery {
    border: 2px solid #00b1e4;
    border-radius: 5px;
    margin: 0 0 30px;
}

.inc_direct_delivery-title {
    background-color: #ddf5fc;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 5px 10px;
    border-bottom: 1px dashed #00b1e4;
    border-radius: 5px 5px 0 0;
}

.inc_direct_delivery-main {
    padding: 10px 20px;
}

.inc_direct_delivery-price {
    margin: 20px;
}

.delivery-prices {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.inc_direct_delivery-price th,
.inc_direct_delivery-price td {
    border: 1px solid #ccc;
    padding: 5px;
}

.delivery-prices thead tr>* {
    background-color: #fff3de;
}

.delivery-prices td {
    text-align: center;
}

.inc_direct_delivery-price .title {
    font-weight: bold;
}


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

.item-suiren-title {
    font-size: 26px;
    line-height: 36px;
    border-bottom: 1px dotted;
    margin: 0 0 10px;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.item-suiren-title:before {
    content: "■";
    font-size: 24px;
    color: #fcdd71;
}

.item-suiren-comment {
    margin: 0 0 10px;
}

.item-suiren-content {
    max-width: 678px;
    margin: 0 0 20px;
}

.item-suiren-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    letter-spacing: -0.4em;
}

.item-suiren-content li {
    display: inline-block;
    letter-spacing: normal;
    width: 50%;
    width: calc(50% - 6px);
    width: -webkit-calc(50% - 6px);
    max-width: 330px;
    margin: 3px;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
}

.item-suiren-content li img {
    max-width: 100%;
    height: auto;
}


/* c-href_dryseries
------------------------------ */
.inc_usayama .dry_series {
    width: 660px;
    margin: 10px auto;
    border: 1px solid #ccc;
    border-top: none;
}
.dry_series .list {
    margin: 0;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.dry_series .list li {
	width: 20%;
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5);
}
.dry_series .list img {
    display: block;
    margin: 0 auto 10px;
}


/* c-layout2
------------------------------ */
.stone_layout_list {
	margin: 0 0 10px;
}
.stone_layout_list h4 {
	margin: 10px 0 0;
}
.stone_layout_table {
	border-collapse:collapse;
	margin: 10px 0;
}
.stone_layout_table td,
.stone_layout_table th {
	border: 1px solid #ccc;
	padding: 5px;
}


/* c-href_aqlset
------------------------------ */
.aql-size input { display: none;}

.aql-size label {display: inline-block; font-weight: bold; text-align: center; vertical-align: middle; width: 165px; padding:4px;  margin-top: 4px;}
.aql-size label:hover { color: #4090d0;}
.aql-size label img { pointer-events: none;}

.aql-size .aql-grade {transition: 0.2s; height: 0; overflow: hidden; margin: 0px;}

.aql-size input:checked + .aql-grade {height: auto;}



/* c-href_aqullolineup
------------------------------ */
.aqullo-serise {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    margin: 0 0 20px;
}
.aqullo-serise__img {
    padding: 0 10px 0 0;
}
.aqullo-serise__table {
    width: 100%;
}
.aqullo-serise__table > table {
    border-collapse: collapse;
    border: 1px solid #808080;
    text-align: center;
}
.aqullo-serise__table > table th,
.aqullo-serise__table > table td {
    border: 1px solid #808080;
    padding: 5px;
}
.aqullo-serise__table > table > thead th {
    background-color: #e0e0e0;
}
.aqullo-serise__table > table > thead td {
    background-color: #e0e0e0;
}
.aqullo-serise__table > table > tbody th {
    width: 25%;
    background-color: #e0e0e0;
}
.aqullo-serise__table > table > tbody td {
    width: 15%;
    background-color: #fff;
}