/*取扱商品 コンタクトレンズ*/


/*ブロック
------------------------------*/
.product{max-width:850px;padding:0 15px;}


/*ヘッダー
------------------------------*/
.product_catch{padding:64px 0;text-align:center;position:relative;margin:40px 0}
.product_catch img{max-width:100%;height:auto;}
.product_catch h2{display:inline-block}
.product_catch1{position:absolute;left:0;bottom:40px;}
.product_catch2{position:absolute;right:0;bottom:0;}

@media (max-width:767px){
.product_catch{padding:0;max-width:500px;margin:40px auto}
.product_catch h2{margin-bottom:20px;}
.product_catch1{max-width:48%;position:static;float:left;}
.product_catch2{max-width:48%;position:static;float:right;}
}

@media (max-width:600px){
.product_catch img{transform:scale(0.8);}
}


/*ナビ
------------------------------*/
.pn_box{display:table;width:100%;background:#ffe200;cursor:pointer;transition:0.3s;}
.pn_box_th,.pn_box_td{display:table-cell;vertical-align:middle;}
.pn_box_th{padding:8px 5px 8px 8px;}
.pn_box_td{width:100%;font-size:1.2rem;padding-right:1.7em;line-height:1.3;position:relative;color:#005ca2}
.pn_box img{width:36px;height:auto;}

.hover .pn_box:hover{background:#ffec62}
.hover .pn_box:hover i{top:18px;}


/*アイコンの説明
------------------------------*/
.icon_desc{text-align:center;border:1px solid #333;padding:13px;border-radius:5px;margin:10px 0 0;background:#fff;}
.icon_desc_inner{display:inline-block;width:23%;font-size:14px;}
.icon_desc_inner img{vertical-align:middle;}

@media (max-width:767px){
.icon_desc_inner{display:block;width:100%;text-align:left;margin-bottom:5px;}
.icon_desc_inner:last-of-type{margin-bottom:0;}
}


/*タイトル
------------------------------*/
.t_type{margin:100px 0 0 0;}
.t_type img{width:77px;height:auto;display:block;}
.t_product{font-size:2.5rem;margin:40px 0 40px;overflow:hidden;color:#005ca2;}

@media (max-width:420px){
.t_type{margin:50px 0 0 0}
.t_type img{width:50px;}
.t_product{font-size:2rem;}
}


/*商品一覧
------------------------------*/
.item_box{border:1px solid #333;background:#fff;padding:70px 0 70px;position:relative;border-radius:4px;}
.item_icon{position:absolute;top:10px;left:10px;z-index: 999;}
.item_icon_r{position:absolute;top:36px;right:10px;z-index: 999;}
.item_maker{position:absolute;top:10px;right:10px;z-index: 999;}
.item_photo{width:100%;max-width:194px;height:100px;display:block;margin:0 auto}
.item_title{position:absolute;bottom:27px;display:block;text-align:center;font-size:1.1rem;padding:0 10px;color:#000;width:100%;line-height:1.3;}
.number{position:absolute;width:100%;bottom:10px;font-size:0.8rem;text-align:center;
    white-space: nowrap;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}

@media (min-width:238px) and (max-width:420px){
    .item_box{width: 100%;position: relative; height: 200px;}
    .item_maker{height: 18px;width: auto;}
    .item_photo{position:absolute;top:30px;left: 50%;margin-left: -97px;}
    .item_img_wrap{height: 30px;}
}