@charset "UTF-8";

/*

shohin.css

*/

div#contents { float:right;	width:756px; }

/* ---------- 詳細 ---------------------------------------- */

/*
.syo-tt{
	background:url(../images/syosai-tt1.jpg) no-repeat left top;
	width:750px;
	height:54px;
	font-size:17px;
	padding-top:18px;
	font-weight:bold;
}*/

.syo-tt{
	background-image: url(../images/syosai-tt1t.jpg),
	url(../images/syosai-tt1b.jpg);

	background-repeat: no-repeat,
	no-repeat;

	background-position: left top,
	left bottom;

	width: 750px;
	font-size: 17px;
	line-height: 21px;
	padding: 18px 0 12px;
	font-weight: bold;
	margin: 10px 0;
}

html>/**/body .syo-tt{ 	background/*\**/:url(../images/syosai-tt1.jpg) no-repeat left top\9;}
*:first-child+html .syo-tt{ background: url(../images/syosai-tt1.jpg) no-repeat left top;}
*html .syo-tt{	background: url(../images/syosai-tt1.jpg) no-repeat left top;}

.syo-tt2{ width:750px; padding-top:30px; padding-bottom:20px; }
.syo-md{ width:750px; font-size:20px; padding-top:5px; padding-bottom:15px;	color:#6C0C0C; }
.syo-f{	font-size:14px;	line-height:1.4em;}
.syo-price{
		font-size:20px;
		line-height:1.2em;
		color:#E50012;
		padding: 10px 0 3px 10px;
}

.pointget{ padding-left:10px; font-size: 0.8em; color: #666;}
.pointget span{ font-weight: bold; margin-right: 5px; color:#333;}
.syo-tb-f{ font-size:14px; line-height:1.2em; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.syo-tb-btn{ text-align:center;	font-size:15px;	color:#EA6329; font-weight:bold; padding-bottom:10px; }

.syo-tb-btn li {	/* リスト項目 */
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
}

.syo-tb-btn li a { display:block; margin-left:25px;	margin-top:10px; margin-bottom:10px; }
.syo-tb-btn li a.btn01 { background:url(../img/btn_select.jpg) no-repeat top left; width:283px; height:64px;}
.syo-tb-btn li a:hover.btn01{ background-position:0px -64px;}
.cart-btn{ width: 320px; text-align: center; margin: 15px auto 0; }
.cart-btn p{ margin: 5px 0 10px; padding: 0; color: #EA6329; font-size: 15px; font-weight: bold;}

.footer-f{ float:right;	font-size:12px;	color:#C8C9CA;}


/* ---------- 一覧 ---------------------------------------- */

.ichi-tt{
	background:url(../images/ichi-tt.jpg) no-repeat top left;
	width:750px;
	height:50px;
	font-size:22px;
	padding-top: 9px;
	padding-left: 5px;
}

.ichi-img{ width:750px;	padding-top:10px; padding-bottom:10px; }
.ichi-cate{	font-size:13px;	color:#595757; line-height:1.7em; padding-left:10px;}
.ichi-pan{ font-size:13px; color:#595757; margin-bottom:10px; }
.ichi-pan a{ color: #595757; text-decoration: none; }

.ichi-kekka{
		font-size:14px;
		color:#595757;
		line-height:1.4em;
		margin-top:10px;
		padding-top:15px;
		padding-bottom:20px;
		margin-bottom:10px;
		border-top:#B4B4B5 dotted 1px;
		clear:both;
}

.ichi-brand{ margin-bottom:15px; margin-top:15px; width:750px; height:90px;}
.ichi-brand2{ padding-right:15px; float:left; }
.ichi-page-u{
		font-size:14px;
		color:#595757;
		margin-top:30px;
		padding-top:35px;
		padding-bottom:20px;
		margin-bottom:10px;
		border-top:#B4B4B5 solid 1px;
		clear:both;
}

.ichi-color1 { color:#cb1a36;}
.ichi-kekka a:link, .ichi-page-u a:link	{ color: #3c3fff; text-decoration:underline; }
.ichi-kekka a:hover, .ichi-page-u a:hover { color: #676cc9; }
.shousai{ margin: 5px 20px;}
.ichi-ph-box { width:180px;	height:205px; float:left; padding: 0 34px 30px 34px;}
.ichi-ph { padding-bottom:5px;}
.ichi-ph-f { font-size:13px; width:180px; height:90px; overflow:hidden;	text-overflow:clip;	line-height:1.4em;}
.ichi-ph-f2 { font-size:13px; line-height:1.4em;}
.price { font-size:13px; color:#cb1a36;	text-decoration:none;}
.price2 { font-size:20px; color:#cb1a36; text-decoration:none; font-weight: bold;}
.price2 span{font-size: 12px; font-weight: normal}
.ichi-ph-line {	border-left:#B4B4B5 dotted 1px;	width:1px; height:195px; float:left;}


/* ---------- 詳細(追加20111220) ---------------------------------------- */

.sshosaiL{ float: left; width: 525px; text-align: justify; text-justify: distribute;}
.sshosaiR{ float: right; width: 195px; margin-right: 10px;}
.ServiceBox{ width: 740px; padding: 25px 0 15px; clear: both; margin: 0;}
.ServiceBox p{ margin-top: 10px; padding: 0;}
.ServiceBox dl{ margin: 0; padding: 0 9px;}
.ServiceBox dl dt{ margin: 0 4px; float: left; width: 137px;}
.ServiceBox dl dd{ margin-left: 4px; float: right; width: 137px;}

.voiceShosai{ clear: both; border: 1px solid #daccbc; margin-top: 15px;}
.voiceShosai h5{ margin: 5px 0 2px;}
.voiceShosai p{ padding: 0 10px 10px 10px;}


/* ---------- cocomo(追加20130827) ---------------------------------------- */

#ccm_contents {
	width:750px;
	height:auto;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
	}　/*--20130925修正*/

#ccm_contents h2{
	padding:0;
	margin:0;
	}

#ccm_contents p.main{
	margin:0 0 10px;
}

#cocomo {
	width:730px;
	margin:auto;
}
#cocomo h3{
	clear:both;
}

#cocomo h3.info{
	font-size:15px;
	color:#d0111b;
	margin-top:10px;
	text-height:16px;
}	/*--20130925追加*/

#cocomo .cgMake{
	margin:5px 0 20px;
}

#cocomo .cgMake p{
	font-size:12px;
	text-align:center;
	padding-top:0;
	margin-top:0;
}

#cocomo ul{
	list-style:none;
	clear:both;
	height:50px;
	padding:0;
	margin-top:20px;
}

#cocomo form{
	width:304px;
	height:50px;
	padding:0;
}

#cocomo input.sarch{
	float:right;
}

#cocomo input.inputId{
	height:47px;
	border:0;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #999;
	margin:0;
	width:230px;
	background-color:#f0d9db;

	/*枠線を角丸*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#cocomo input:focus {
	background-color:#fff;
}


#cocomo dl.out{
	width:418px;
	margin:0;
}

#cocomo table.priceDate{
	width:260px;
	height:50px;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
}

#cocomo table.priceDate th{
	height:18px;
	background-color:#f0e7d9;
	font-size:12px;
	font-weight:100;
	color:#666;
	border-right:#ccc solid 1px;
}

#cocomo table.priceDate td{
	font-size:14px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	text-align:center;
}

#cocomo table.priceDate td.price{
	color:#c4000f;
}

#cocomo .mT12{
	margin-top:12px;
}

#cocomo .mL5{
	margin-left:5px;
}

#cocomo .floatL{
	float:left

}
#cocomo .floatR{
	float:right;

}

#cocomo p.idPlus{
	margin:15px auto;
	text-align:center;
}

#cocomo h3.cartIn{
	width:258px;
	height:100px;
	background-color:#f0e7d9;
	padding-top:20px;
	margin:15px auto;
}

#cocomo h3.cartIn p{
	margin:0;
	text-align:center;
	}

#cocomo h3.cartIn p.caption{
	color:#b6202c;
	font-size:12px;
	margin-top:15px;
	}


/* rollover */
#ccm_contents a:hover img,
#ccm_contents input.sarch:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #fff;
}

/* --- cocomo(追加201301002修正) --- */

.pr-top{
	background:url(../images/pr01.gif)  no-repeat left bottom;
	width:750px;
	height:210px;
	margin-top:30px;
}

.pr-middle{
	margin:0;
	width:750px;
	background:url(../images/back_y.gif) ;
}


.pr-middle p{
	text-align:center;
}

.pr-middle p.sys{
	margin-top:38px;
}

.pr-middle p.sys-g{
	margin:50px auto 0;
	padding-bottom:20px;
}

.pr-bottom{
	background:url(../images/back_bottom.gif)  no-repeat left top;
	width:750px;
	height:10px;
	margin-bottom:15px;
}

/*--このページのトップへ--*/
#ccm_contents .gotoTop{ text-align: right; margin: 10px 0 25px;}


/*-------------------------recommend-----------------------------------*/

.syo-tt3{ width: 750px; padding-top: 50px; border-bottom: 2px solid #333; margin-bottom: 1px; padding-bottom: 0;}
.syo-tt4{ width: 750px; padding-top: 0px; border-bottom: 2px solid #333; margin-bottom: 1px; padding-bottom: 0;}

.dv_recommend{ width: 700px;}

.dv_recommend .dv_rc_items{
  float: left;
  width: 201px;
  padding: 0 15px 15px 15px;
}

.dv_recommend .dv_rc_items img{ border: 1px solid #ccc; margin-bottom: 3px;}

.dv_recommend .dv_rc_items .dv_rc_name{ font-size: 12px;}

.dv_recommend .dv_rc_items .dv_rc_price{ text-align: right; margin-top: 5px; font-size: 0.9em;}

.dv_recommend:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

* html .dv_recommend { display: inline-block; }

*+html .dv_recommend { display: inline-block; }

/* for only mac IE5 \*//*/

* html .dv_recommend { height: 1%; }
.dv_recommend { display: block; }

/* end of for only mac IE5 */

.dv_rc_header { width: 750px; margin-bottom: 25px; margin-left: -25px; overflow:hidden;}






.ins-itemDigitalCatalogBtn2 {
	margin:2em 0 0 0;
	text-align:center;
}

.ins-itemDigitalCatalogNote {
	margin:1em 0 3em 0;
	text-align:center;
}



/*-------------------------スマートギフト詳細用(追加20140417)-----------------------------------*/

.smartgift_tl {
	margin: 20px 0px 0px;
}
.smartgift_tl img {
	vertical-align:bottom;
}
ul.smartgift_banners {
	margin: 0px;
	padding: 0px;
	width: 640px;
	height:200px;
	background-color: #FFF;
	list-style:none;
}
ul.smartgift_banners li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 320px;
}
ul.smartgift_banners li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.service_smartgift {
	margin: 20px 0px 0px;
	text-align:center;
}


/*-------------------------ディズニー三連時計詳細用(追加20141007)-----------------------------------*/

#disney-option {
	margin:40px 0px 0px;
	padding:0px;
	width:750px;
}

#disney-option a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#disney-option #radioclock {
	margin: 0px;
	padding: 12px;
	width: 250px;
	float: left;
	border: 8px solid #f1e0d1;
	box-sizing:border-box;
	border-radius:5px;
}
#disney-option #swarovski {
	margin: 0px;
	padding: 12px;
	width: 490px;
	float: right;
	border: 8px solid #f1e0d1;
	box-sizing:border-box;
	border-radius:5px;
}
#disney-option dl {
	margin: 0px;
	padding: 0px;
}
#disney-option #swarovski dl {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 210px;
}
#disney-option dl dt {
	margin: 0px 0px 10px;
	padding: 0px;
	text-align:center;
	border-bottom:1px solid #c9a684;
	font-size:20px;
	color:#976535;
}
#disney-option #swarovski dl dt {
	font-size:16px;
}
#disney-option dl dd {
	margin: 0px 0px 10px;
	padding: 0px;
	font:12px;
	line-height:1.4;
}
#disney-option dl dd span {
	color: #C00;
}
#disney-option .btn {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#disney-option .btn li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float:left;
}
#disney-option #swarovski .img {
	margin: 0px;
	padding: 0px;
	float: right;
	width:230px;
}



/*カタログカテゴリ用*/
.shohin_cg {
	width:100%;
	margin:0 0 10px;
	padding:20px;
	box-sizing:border-box;
	border:#CCC 1px solid;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.shohin_cg li {
	margin:0;
	padding:0;
	width:49%;
}
.shohin_cg li div img {
	max-width:100%;
	height:auto;
}
.shohin_cg li .cover {
	text-align:center;
}
.shohin_cg li .cover img {
	width:200px;
	height:auto;
}
.shohin_cg li .name {
	margin-top:5px;
	text-align:center;
}
.shohin_cg li .name a {
	font-size:16px;
}
.shohin_cg li .price {
	margin-top:5px;
	text-align:center;
}
.shohin_cg li .price a {
	font-size:16px;
	color:#333;
}
.shohin_cg li .btn {
	margin-top:10px;
	text-align:center;
}
.shohin_cg li .image {
	text-align:center;
}







/*ＪＡＬふるさとの大切にしたい逸品*/

.jalfurusato .ttl {
	font-size:1.7em;
	text-align:center;
	margin-bottom:1em;
}
.jalfurusato .ttl span {
	border-bottom:#CCC 4px solid;
	padding:0 0.5em 0.2em;
}
.jalfurusato .block {
	display: flex;
	align-items:center;
	margin-bottom:3em;
}
.jalfurusato .block .image {
	width:45%;
	margin:0 auto 1em;
}
.jalfurusato .block .image img {
	max-width:100%;
	height:auto;
}
.jalfurusato .block .image.jalca {
	padding:0 50px 90px 0;
	position:relative;
}
.jalfurusato .block .image.jalca .photo {
	position:absolute;
	width:240px;
	height:auto;
	bottom:10px;
	right:0;
}
.jalfurusato .block .txt {
	width:50%;
}
.jalfurusato .block.shokaisha {
	width:70%;
	margin:0 auto 3em;
}
.jalfurusato .block.shokaisha .image {
	width:25%;
}
.jalfurusato .block.shokaisha .txt {
	width:70%;
	padding-left:1em;
}
.jalfurusato .block.shokaisha .txt p {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0.5em
}
.jalfurusato .btn {
	width:60%;
	margin:auto;
}
.jalfurusato .btn a {
	display:block;
	background-color:#d9d9d9;
	padding:1em 2em;
	text-align:center
}
.jalfurusato .btn a img {
	width:50%;
	height:auto;
}

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

.jalfurusato .ttl {
	font-size:1.5em;
	text-align:center;
	margin-bottom:1em;
}
.jalfurusato .ttl span {
	border-bottom:#CCC 2px solid;
	padding:0 1em 0.2em;
}
.jalfurusato .block {
	display: block;
	margin-bottom:2em;
}
.jalfurusato .block .image {
	width:70%;
	margin:0 auto 1em;
}
.jalfurusato .block .image img {
	max-width:100%;
	height:auto;
}
.jalfurusato .block .image.jalca {
	padding:0 30px 30px 0;
	position:relative;
}
.jalfurusato .block .image.jalca .photo {
	position:absolute;
	width:100px;
	height:100px;
	bottom:10px;
	right:0;
}
.jalfurusato .block .txt {
	width:100%;
}
.jalfurusato .block.shokaisha {
	width:100%;
	display: flex;
	align-items:center;
	margin-bottom:3em;
}
.jalfurusato .block.shokaisha .image {
	width:30%;
}
.jalfurusato .block.shokaisha .txt {
	width:70%;
	padding-left:1em;
}
.jalfurusato .block.shokaisha .txt p {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0.5em
}
.jalfurusato .btn {
	width:90%;
	margin:auto;
}
.jalfurusato .btn a {
	display:block;
	background-color:#d9d9d9;
	padding:1em 2em;
	text-align:center
}
.jalfurusato .btn a img {
	width:70%;
	height:auto;
}

}