@charset "utf-8";
/* -----------------------------------------------------------
CSS 個人印鑑共通
----------------------------------------------------------- */

/* 個人印鑑 おすすめサイズ表 ============================ */

.set_product .settitle{
	float:left;width:110px;background:#4a4a4a;text-align:center;display:table-cell;
	}
.set_product p{
	color:#FFFFFF; margin:26px auto
	}
.set_product .setseal{
	float:left;width:110px;text-align:center;display:table-cell; margin:0 15px
	}
.set_product .setsize{
	float:left;text-align:center;width:380px
	}
.set_product.plus .setsize{
	background:url(https://www.hankoya.com/_packages/img/img/shop/icon_plus.png) no-repeat center 56px; height:112px
	}
.set_product.plus{
	background:url(https://www.hankoya.com/_packages/img/img/shop/icon_plus.png) no-repeat 48px 56px; height:112px
	}
.set_code{
	border:none;padding-bottom:0;margin-bottom:0
	}
.select_size{
	background:#666; color:#FFF;padding:5px 0;
	}
.item_service_icon .service_info {
	margin:20px 0
	}
.item_service_icon .service_info dt{
	float:left
	}
.item_service_icon .service_info dd{
	float:left;width:220px;padding:0 15px
	}
.item_service_icon .service_info dd span{
	line-height:1.6em
	}	
.size_notice{
	font-size:12px;margin-top:10px;color:#333
	}
ul.case_list {
	padding:5px 0 0;list-style:none; margin:10px 0 0; border:1px solid #CCC
	}
ul.case_list li {
	float:left;padding:3px;margin:0 3px 7px;text-align:center;line-height:130%;
	}
.best_size.m{
	background:#d9eff8
	}
.best_size.w{
	background:#ffeeee
	}
.font_table .empty {
	background:#E9E9E9
	}
.set_name{
	line-height:77px;color:#406A75;font-weight:bold; font-size:15px;position:absolute;top:-10px;left:180px;
	}
	
/* 個人印鑑 印材キャッチコピー ============================ */
.right_field_com div.copy, .pearl div.copy{
	font-size:16px;color:#3E7B00;margin-bottom:5px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	
	
/* 個人印鑑 プリズムチタンのカラーバリエーション一覧 ====== */	

.colorVariation p.title_txt{
	margin:15px 20px 5px;	
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}	
.colorVariation ul {
    display: block;
    margin: 0;
    width: 640px;
	margin-left:20px;
    list-style: none;
}
.colorVariation li {
    float: left;
    width: 100px;
	margin-right:8px;
    text-align: center;
    font-size: 12px;
    list-style: none;
}
.colorVariation li:last-child{
	margin-right:0;
	}
.colorVariation li p {
    display: block;
    padding-top: 8px;
    background-color: #FFF;
    border: 1px solid #999;
}
.colorVariation li p span{
	display:block;
	padding:5px 0;
	height:3em;
	}
	
	
/*-----------------------------------------------
	本店印鑑セットからキレイはんこへのナビ
-----------------------------------------------*/
.case_recommend{background:#F7F4FB;padding:8px 15px; margin-top:15px}
.case_recommend img{float:left;margin-bottom:0}
.case_recommend p{color:#000;margin:0 0 0 140px;vertical-align:top}
.case_recommend a{padding-top:20px}
.case_recommend a.link_detail:before{
	content: '';
    display: inline-block;
    width: 5px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #006699;}
.case_recommend a.link_detail:after{
	content: '';
	padding-right:18px;
	background:url(https://www.hankoya.com/img/common/icon-target-blank.png) no-repeat right center}
	
/*-----------------------------------------------
	印材一覧のグルーピング
-----------------------------------------------*/	
div.mt_list li{padding:3px 4px;margin-right:8px;position:relative;overflow:visible}
div.mt_list li:nth-child(7n){margin-right:0}
div.mt_list li.right_size{margin-right:0}
div.mt_list{background:none;padding-left:0}
div.mt_list div.title:hover{background:none}
.mt_list.mt_skip div.title{height:20px;text-align:center;border:none;display:inline-block;padding:3px 0;margin-bottom:30px;font-size:13px;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
.mt_list.mt_skip div.title:before{ content:'';width: 0;height: 0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid black;position:relative;top:10px;left:-3px;}
.mt_list.mt_skip div.title.usituno{background:#EDE0B4}
.mt_list.mt_skip div.title.wood{background:#C8E2AB}
.mt_list.mt_skip div.title.woman{background:#FFCAB8}
.mt_list.mt_skip div.title.titan{background:#D0D5DA}
.mt_list.mt_skip div.title.variety{background:#C9D3E8}
div.mt_list li span.info_icon{font-size:12px;padding:1px 10px;color:#FFF;border-radius:10px; position:absolute;top:-25px;left:0;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif}
div.mt_list li span.info_icon:hover{cursor:default}
div.mt_list li span.info_icon.tuno{background:#B5834A}
div.mt_list li span.info_icon.wood{background:#819A61}
div.mt_list li span.info_icon.titan{background:#777777}
div.mt_list li span.info_icon.variety{background:#6D7CA0}
div.mt_list li span.info_icon.woman{background:#E18179}

/*-----------------------------------------------
	サイズオススメアイコン
-----------------------------------------------*/
.item2.mt_align{margin-top:32px;position:relative}
.item3.mt_align{margin-top:32px;position:relative}
.item4.mt_align{margin-top:32px;position:relative}
.mt_align img.icon_recom{position:absolute;left:0;right:0;margin:auto;top:-32px;}