@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css"); 
/* =================================================================
2.base
=================================================================*/

#main .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#main .buttonarea .button{display: inline-block; margin: 0 10px;}
#main .buttonarea .attention{color: #C00; font-size: 90%;}
#main .buttonareaFR{margin: 0 0 0px; float: right;}
#main .buttonareaFR:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#main .member_buttonarea .button{display: inline-block; margin: 0 10px;}
#main .hissu{color: #C00; font-weight: bold;}
#main .amazon_comment{color: #C00; font-weight: bold;}
#main .expiration_date{padding-left: 10px;}
@media screen and (max-width: 896px) {
/* 896px以上に適用されるCSS */
#cartmaterial th{display:table-cell!important;}
#cartmaterial td{display:table-cell!important;}
#member_estimate_record th{display:table-cell!important; width: 20%!important; }
#member_estimate_record td{display:table-cell!important;}
	#history .infoarea.estimate .button.estimate{display: block!important;position: relative!important;right:0!important;margin: 2% auto;}
	
}
/* パンくず
-------------------------------------------------------------*/
#breadcrumbs{
	margin-bottom: 10px;
}
#breadcrumbs .breadcrumbs_box {
    line-height: 1rem;
}
#breadcrumbs .hidden_parent{
	display: none;
}
#breadcrumbs a {
    color: #333;
    font-weight: bold;
    font-size: 0.7rem;
}
#breadcrumbs .partition {
    color: #9e9e9e;
    font-size: 0.6rem;
    margin: 0 6px;
}
#breadcrumbs .breadcrumbs_top {
    color: #9e9e9e;
    font-weight: normal;
}
.breadcrumbs_last {
    color: #333;
    font-weight: bold;
    font-size: 0.7rem;
}
/*  ボタンデザイン
-------------------------------------------------------------*/
/*基本デザイン-下記クラスに加えpositive　negative等のクラスを合わせて付与する*/
a.button{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 13px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; width: 100%;}
input.button{border: none; display: block; line-height: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 13px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; width: 100%;}

/*マウスホバー時*/
a.button:hover{opacity: 0.7; cursor: pointer; transition: all .3s;}
input.button:hover{opacity: 0.7; cursor: pointer; transition: all .3s;}

/*次へ・入力内容を確認する・注文する・ログイン・登録する・送信・検索・ご注文手続きへ進む等*/
a.positive{background: #f5695f; color: #FFFFFF;}
input.positive{background: #f5695f; color: #FFFFFF;}

/*戻る・クリア・削除・ログアウト等*/
a.negative{background: #4c4c4c; color: #FFFFFF;}/*戻る・クリア・削除・ログアウト等*/
input.negative{background: #4c4c4c; color: #FFFFFF;}

/*上記以外のボタン*/
a.normal{background: #f7f7f7; color: #333333; border: 1px solid #adadad;}
input.normal{background: #f7f7f7; color: #333333; border: 1px solid #adadad;}
.medium.normal{ padding:9px !important;}
.small.normal{ padding:5px 9px !important;}

/*input装飾*/
.button_wrap{
  position: relative;
  transition: 0.5s;
  margin:0 auto;
}
.button_wrap::after{
	transition: 0.3s;
	content: "";
	width: .4rem;
	height: .4rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.button_wrap::before{
    content: "";
    display: inline-block;
    background-image: url(../images/common/category.png);
	background-size: 380px 940px;
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin: 0 5px 0 0;
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 15%;
	z-index: 1;
    background-position: -360px -200px;
}
.button_wrap:hover::after{
  right: 12px;
}
/*押せないボタン*/
.not_click{
	border: none;
    display: block;
    text-align: center;
    font-size: 12px;
    border-radius: 0;
    color: rgb(255 255 255);
    padding: 8px;
    background: #ddd;
}
.not_click.medium{max-width: 230px; min-width: 200px;}
/*  予約商品ボタン
-------------------------------------------------------------*/
.reserve_btn.button_wrap ::before {
    top: 22%;
}

/*見積ボタン*/
a.estimate{background: #ED9E00; color: #FFFFFF;}
input.estimate{background: #ED9E00; color: #FFFFFF;}

/*普通サイズの時にはクラスに下記を追加*/
.medium{ min-width: 200px; font-size: 16px;}
a.medium{max-width: 230px; min-width: 200px; font-size: 16px;}
input.medium{max-width: 230px; min-width: 200px; font-size: 16px;}

/*小さいサイズの時にはクラスに下記を追加*/
.small{font-size: 0.7rem;}
a.small{padding: 6px 10px; font-size: 12px;}
input.small{padding: 6px 10px; font-size: 12px;}

/*  画像の縦横比調整
-------------------------------------------------------------*/
#item-block .img_box{text-align: center; position: relative;}
#item-block .img_box img{width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/*  カートフローチャート
-------------------------------------------------------------*/
.cart_step{position: relative; overflow: hidden;}
.cart_step:after {content: ""; clear: both; display: block;}/* clearfix */
.cart_step ul{position: relative; left: 50%; float: left; margin-bottom: 45px;}
.cart_step ul li{position: relative; left: -50%; float: left; text-align: center; width: 140px; line-height: 1.2; color: #CDCDCD;}
.cart_step ul li.active{color: #000000; font-weight: bold;}
.cart_step ul li strong{font-size: 35px; display: block;}

/*画像の場合*/
.step{display: block; margin: 25px auto 45px auto;}

/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton{min-height: 80px;}

/*  ローディング表示のスタイル
-------------------------------------------------------------*/
#loading{position: fixed; top: 50%; left: 50%; padding-top: 100px; width: 100px; background-image: url("../images/loader_icon_pc.gif"); background-position: center center; background-repeat: no-repeat;}

/*  商品一覧、商品詳細ページアイコン類
-------------------------------------------------------------*/
.item_icon{color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: normal; line-height: 1; padding: 3px 5px; vertical-align: text-bottom;}/*アイコン共通設定*/
.item_short {background: #f5695f;}/*品切*/
.item_soldout {background: #666666;}/*品薄*/
.item_new {background: #ffcc00;}/*NEW*/
.item_before {background: #ff9900;}/*COMING SOON*/
.item_download {background: #00cccc;}/*ダウンロード商品*/
.item_yoyaku {background: #000000;}/*予約商品*/
.item_discount {background: #cc0000;}/*会員割引あり*/
.item_timesale {background: #cc0000;}/*タイムセール中*/
.item_teiki_together {background: #a52ead;}/*定期にまとめて注文可能*/
.item_volume_discount {background: #ff6699;}/*ボリュームディスカウントあり*/
.item_bundle_sale {background: #0000ff} /* まとめ買い対象*/
.item_outlet.item_icon {
	font-weight: bold;
    background: #f00;
}
.item_shippingfree.item_icon {
	font-weight: bold;
    background: #ff9800;
}

/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/

/* アクセスランキング
-------------------------------------------------------------*/
.accessranking h2{
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    margin-bottom: 15px;
	text-align: left;
}
.accessranking .a_ranking_title01{
	width: 100%;
    border-bottom: 1px solid #000;
    font-size: 1.5rem;
	display: inline-block;
    line-height: 1.35;
    position: relative;
}
.accessranking .a_ranking_title02{
	display: block;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1.0;
    margin-top: 10px;
}

.accessranking .badge {
  position: relative;
}
  .triangle {
    position: absolute;
    border-bottom: 30px solid transparent;
    border-left: 30px solid black;
  }
.accessranking .badge_min {
position: absolute;
    top: 1px;
    left: 4px;
    font-size: 0.6rem;
    color: #fff;
    transform: rotate(-45deg);
    font-weight: bold;
	letter-spacing: -0.8px;
}
.accessranking #ranking_no1 .badge_min,
.accessranking #ranking_no2 .badge_min,
.accessranking #ranking_no3 .badge_min{
	color: #ffc107;
}
.accessranking .a_ranking_box{
    margin: 10px;
    position: relative;
}
.accessranking .itemname{
    font-size: 0.8rem;
    color: rgb(102, 102, 102);
    line-height: 1.5;
    margin-top: 5px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.accessranking .price{
    display: inline-block;
    width: 100%;
    color: #000000;
    font-weight: bold;
}
/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/






/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/


/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart{width: 190px; margin-bottom: 60px;}
#cart h2{background-image: url("../images/icon/black/icon_cart.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#cart h3{float: left; margin: 0 0 5px 5px; font-size: 90%; font-weight: normal;}
#cart .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cart .box p{float: right; margin:0 5px 5px 0; color: #C00; font-size: 90%; font-weight: bold; text-align: right;}
#cart a{width: 140px; margin: 10px auto 0;}

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width: 190px; margin-bottom: 60px;}
#category h2{background-image: url("../images/icon/black/icon_category.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#category li{display: inline;}
#category .select{background: url("../images/marker_on.gif") 10px 10px no-repeat #C00; color: #FFF; text-decoration: none;}
#category li a{display: block; padding: 5px 5px 5px 25px; background: url("../images/marker.gif") 10px 10px no-repeat; color: #333; font-size: 90%; text-decoration: none;}
#category li a:link{display: block; overflow: hidden;}
#category li a:hover{background: url("../images/marker.gif") 10px 10px no-repeat #CCC; color: #FFF; text-decoration: underline;}

/* present - プレゼント枠
-------------------------------------------------------------*/
#present{width: 190px; margin-bottom: 60px;}
#present h2{background-image: url("../images/icon/black/icon_present.png"); background-size:17px 17px; background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; margin-bottom: 10px; font-size: 15px;}
#present h3{display: block; padding: 0 10px 0 18px; background: url("../images/marker.gif") 6px 6px no-repeat; font-size: 90%; font-weight: normal;}
#present .period{margin: 0 5px 10px 15px; font-size: 90%;}
#present .all{margin: 10px 0px 0px 0px; text-align: right; font-size: 80%;}

/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
			　ext/social_provider.xhtml
=================================================================*/
/* table01 */
#ext tr {
  border-bottom: 1px solid #b5b1b1;
}

#ext th,
#ext td {
  padding: 24px 0;
  border: none;
}

#ext th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #ext th,
  #ext td {
    width: 100%;
    display: block;
  }

  #ext th {
    width: 100%;
  }

  #ext td {
    padding-top: 0;
  }
}

/* social_provider.xhtml
-------------------------------------------------------------*/
#ext.social_provider tr th{background: #FFF;}
#ext.social_provider tr th a{text-decoration: none;}
#ext.social_provider tr.title th{background: #F6F6F6;}
#ext.social_provider th.service{width: 220px;}
#ext.social_provider th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#ext.social_provider th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#ext.social_provider th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#ext.social_provider th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#ext.social_provider th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#ext.social_provider th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#ext.social_provider th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#ext.social_provider th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#ext.social_provider th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

#ext.social_provider th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}

#ext.social_provider td{vertical-align: middle;}



/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml,
　　　　　　　member_estimate_order_input.xhtml, member_estimate_order_result.xhtml,
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{width: 210px; float: right;}
#cartSidebar #sideInner{width: 210px;}
#cartSidebar .total_box{border: #CCC 1px solid; padding: 10px; background: #F6F6F6;}
#cartSidebar .total_box .box{border: none; margin-bottom: 10px;}
#cartSidebar .total_box .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: left;}
#cartSidebar .total_box p.price{font-size: 14px; float: right; margin: 0px; font-weight: bold;}
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{border: none; margin-bottom: 10px; padding-top: 10px; border-top: 1px #CCCCCC solid;}
#cartSidebar .total_box .totalpricebox:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .cartButtonArea a{display: block; margin: 0 auto 10px; min-width: 180px;; max-width: 180px;}
#cartSidebar .cartButtonArea img{display: block;}
#cartSidebar .cartButtonArea input{display: block; margin: 0 auto 10px; min-width: 180px;; max-width: 180px;}
#cartSidebar .tax{font-size: 9px; color: #666;}
@media screen and (max-width: 896px) {
	/* 896px以上に適用されるCSS */
#cartSidebar{width: 100%; float: none!important;}
#cartSidebar #sideInner{width: 10
	0%;}
	#cartSidebar #sideInner{width: 100%;}
}
/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width: 980px; padding-bottom: 20px; margin: 0 auto;}
#cartIndex .content{width: 750px; float: left; margin-right: 20px;}
#cartIndex:after {content: ""; clear: both; display: block;}/* clearfix */
#cartIndex table{width: 750px; margin: 0px 0 10px;}
#cartIndex table th.itemname{width: 500px;}
#cartIndex .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left;}
#cartIndex .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartIndex .text_box{padding-left: 90px;}
#cartIndex .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartIndex .text_box p.code{font-size: 80%;}
#cartIndex .text_box p.last{margin-bottom: 0px;}

#cartIndex .empty{margin: 20px 0;}
#cartIndex .price{color: #C00; text-align: right;}
#cartIndex .tax{font-size: 9px; color: #666;}
#cartIndex .amount{text-align: center;}
#cartIndex .delete .button{width: 50px;}

#cartIndex .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 750px;}
#cartIndex .total p{margin: 0px; font-size: 90%;}
#cartIndex h3{margin-bottom: 15px; padding: 1px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#cartIndex .box{border: 1px solid #CCC; margin-bottom: 30px; clear: both;}
#cartIndex .box .buttonarea.amazon_btn{margin: 10px; padding: 10px 0 0; text-align: center;}
#cartIndex .box .buttonarea.amazon_btn .button.medium{max-width: 270px; width: 270px;}


/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin table{margin: 0 auto 20px auto; width: 428px;}
#cartLogin h3{margin-bottom: 15px; padding: 1px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#cartLogin .box{border: 1px solid #CCC; width: 468px; float: left; margin: 0 10px 30px; position: relative;}
#cartLogin .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#cartLogin .box table{margin: 10px; width: 446px;}
#cartLogin .box .link_text{text-align: right; padding: 15px 0 10px;}
#cartLogin .box .regist_non_area{width: 442px; margin: 0 auto;}
#cartLogin .box .regist_non_area p{margin: 0 0 10px;}
#cartLogin .box .amazon_area{width: 442px; margin: 0 auto; border-top: 1px solid #ccc;}
#cartLogin .box .amazon_area p{margin: 10px 0;}
#cartLogin .widebox{border: 1px solid #CCC; width: 960px; margin: 0 10px 30px; clear: both;}
#cartLogin .widebox .link{text-align: right;}
#cartLogin .widebox table{width: 920px;}
#cartLogin input[type='text'],#cartLogin input[type='password']{width: 200px;}

#cartLogin .social_provider ul{margin: 10px 19px 20px;}
#cartLogin .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin .social_provider ul li{width:280px; height:44px; font-size:14px; display:block; float:left; margin:10px 5px;}
#cartLogin .social_provider ul li a{display: block; text-decoration: none;}
#cartLogin .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#cartLogin .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#cartLogin .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#cartLogin .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#cartLogin .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#cartLogin .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#cartLogin .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#cartLogin .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{width: 980px; padding-bottom: 20px; margin: 0 auto;}
#cartFlow:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .content{width: 750px; float: left; margin-right: 20px;}
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard{width: 547px; font-size: 100%; margin: 10px auto;}

#cartFlow .point_info{margin-bottom: 20px;}

#cartFlow .teiki ul{margin: 5px 10px;}
#cartFlow .teiki ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .teiki ul li{float: left; font-size: 13px; margin-right: 1em;}

#cartFlow table{width: 750px; margin: 0px 0 20px;}
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow table td.short input{width: 120px;}

#cartFlow .text_box{padding-left: 90px;}
#cartFlow .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartFlow .text_box p.code{font-size: 80%;}
#cartFlow .text_box p.last{margin-bottom: 0px;}

#cartFlow h3{display: block; font-size: 110%; margin: 30px 0px 10px; padding-bottom: 5px;}
#cartFlow h3 img{vertical-align: middle;}
#cartFlow h3 .lock{position:relative; top:-3px;}
#cartFlow .price{color: #C00; text-align: right;}
#cartFlow .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 700px;}
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .point{color: #F60; font-weight: bold;}
#cartFlow .attention{color: #C00; font-weight: bold; font-size: 110%;}
#cartFlow .attention_message{color: #C00; font-weight: bold;}

#cartFlow .sendCopyButton{margin-bottom: 10px;}
#cartFlow .sendCopyButton:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .sendCopyButton .button{width: auto; display: inline-block;}

#cartFlow .multi_send .buttonarea{background: #EEE; margin: 0px 0 20px; padding: 30px 0;}
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton a{width: auto; display: inline-block; margin-bottom: 10px;}

#cartFlow #reCAPTCHA{margin: 20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width: 158px; height: 138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}

#cartFlow .cartitem{margin-top: 20px; width: 210px; padding: 10px; border: #CCC 1px solid;}
#cartFlow .cartitem h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #CCC;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{width: auto; max-width: 25px; max-height: 25px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartFlow .cartitem .text_box{padding-left: 0px; margin-bottom: 5px;}
#cartFlow .cartitem .text_box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .cartitem .text_box p{margin: 0px; font-size: 70%; line-height: 130%;}
#cartFlow .cartitem p.price{font-size: 70%; margin: 0px; float: left;}
#cartFlow .cartitem p.amount{font-size: 70%; margin: 0px; float: right;}

#cartFlow .cartresult table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{width: 920px; margin: 0 10px 30px;}

#cartFlow .cartconfirm table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartconfirm .total{width: 920px; margin: 0 10px 30px;}
#cartFlow .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}

#cartFlow .card-supplement{font-size:12px; color:#368bc6; font-weight:bold;}

@media screen and (max-width: 896px) {
	/* 896px以上に適用されるCSS */
#cartFlow{width: 100%; }

#cartFlow .content{width: 100%;float: none!important; }

#cartFlow table.newCreditCard{width: 100%; }

#cartFlow .teiki ul li{float: none;}

#cartFlow table{width: 100%; }
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow table td.short input{width: 120px;}

#cartFlow .text_box{padding: 1%;}
#cartFlow .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartFlow .text_box p.code{font-size: 80%;}
#cartFlow .text_box p.last{margin-bottom: 0px;}

#cartFlow h3{display: block; font-size: 110%; margin: 30px 0px 10px; padding-bottom: 5px;}
#cartFlow h3 img{vertical-align: middle;}
#cartFlow h3 .lock{position:relative; top:-3px;}
#cartFlow .price{color: #C00; text-align: right;}
#cartFlow .total{margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #CCC 1px solid; width: 700px;}
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .point{color: #F60; font-weight: bold;}
#cartFlow .attention{color: #C00; font-weight: bold; font-size: 110%;}
#cartFlow .attention_message{color: #C00; font-weight: bold;}

#cartFlow .sendCopyButton{margin-bottom: 10px;}
#cartFlow .sendCopyButton:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .sendCopyButton .button{width: auto; display: inline-block;}

#cartFlow .multi_send .buttonarea{background: #EEE; margin: 0px 0 20px; padding: 30px 0;}
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton a{width: auto; display: inline-block; margin-bottom: 10px;}

#cartFlow #reCAPTCHA{margin: 20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width: 158px; height: 138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}

#cartFlow .cartitem{margin-top: 20px; width: 100%; padding: 10px; border: #CCC 1px solid;}
#cartFlow .cartitem h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #CCC;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{width: auto; max-width: 25px; max-height: 25px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartFlow .cartitem .text_box{padding-left: 0px; margin-bottom: 5px;}
#cartFlow .cartitem .text_box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .cartitem .text_box p{margin: 0px; font-size: 70%; line-height: 130%;}
#cartFlow .cartitem p.price{font-size: 70%; margin: 0px; float: left;}
#cartFlow .cartitem p.amount{font-size: 70%; margin: 0px; float: right;}

#cartFlow .cartresult table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{width: 920px; margin: 0 10px 30px;}

#cartFlow .cartconfirm table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartconfirm .total{width: 920px; margin: 0 10px 30px;}
#cartFlow .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}

#cartFlow .card-supplement{font-size:12px; color:#368bc6; font-weight:bold;}
	
#cartFlow #estiamteOrderInput .content .img_box{width: 80px; height: 80px; float: none!important;}
#cartFlow #estiamteOrderInput .content .img_box img{max-width: 80px; max-height: 80px;}
}/*@media screen and (max-width: 480px) */

/* estiamteOrderInput -　見積詳細・注文情報入力
-------------------------------------------------------------*/
#cartFlow #estiamteOrderInput .content h3:first-child{margin-top:0;}
#cartFlow #estiamteOrderInput .estimate.button{margin:10px 0}
#cartFlow #estiamteOrderInput .content .img_box{width: 80px; height: 80px; float: left;}
#cartFlow #estiamteOrderInput .content .img_box img{max-width: 80px; max-height: 80px;}

/* クーポンラジオボタン制御に仕様 */
.couponHide{display: none;}

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult .number{margin: 30px 0px; text-align: center; line-height: 200%;}
#cartResult .number strong{ font-size: 20px;}
#cartResult { padding:1%;}
/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend{margin-top: 20px; width: 210px; padding: 10px; border: #CCC 1px solid; }
#cartRecommend .box{margin: 0px 0 40px; border: 0px;}
#cartRecommend .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartRecommend .text{margin-left: 70px; min-height: 60px;}
#cartRecommend h3{margin-bottom: 10px; height: auto; background: none; padding: 0px; border-bottom: none;}
#cartRecommend h3 a{float: right;}
#cartRecommend h4{display: block; margin: 0px 0px 10px; background: none; padding: 0px; font-size: 70%; border-bottom: none;}
#cartRecommend .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#cartRecommend .price{display: block; margin: 0; color: #C00;}
#cartRecommend .price .teika{font-weight: bold; font-size: 100%;}
#cartRecommend .price .other{font-size: 90%;}
#cartRecommend .explanation1{display: block; margin: 5px 0px 0 0; padding: 10px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#cartRecommend .buttonarea{display: block; margin: 0px; padding-top: 10px; text-align: left;}
#cartRecommend .buttonarea .button{display: block; margin: 0 0 10px;}
#cartRecommend .property{ margin: 0 0 10px; color: #AAA; font-size: 75%;}

#cartRecommend .img_box{width: 60px; height: 60px; text-align: center; position: relative; float: left;}
#cartRecommend .img_box img{width: auto; max-width: 60px; max-height: 60px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* presentFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#presentFlow #cartLogin table{width: 446px !important;}




/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer{clear: both; width: 100%; /*margin-top: 120px;*/}
#footer .copyright{padding: 10px 0 10px; font-size: 75%; color: #333; text-align: center; border-top: 1px solid #CCC;}

/* backtotop */
#topBtn{position:fixed; bottom:20px; right:20px; display:block;}
#topBtn a{width:54px; height:54px; display:block;}

/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
=================================================================*/
/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html{margin-bottom: 20px;}
#category_html img{display: block; margin-bottom: 10px;}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
.category_top {
    margin-bottom: 10px;
}
.category_top h1 {
    font-size: 1rem;
}
#list h2{
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.12em;
    margin-bottom: 15px;
	text-align: left;
}
#list .item_list_title01{
	width: 100%;
    border-bottom: 1px solid #000;
    font-size: 1.5rem;
	display: inline-block;
    line-height: 1.35;
    position: relative;
}
#list .item_list_title02{
	display: block;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1.0;
    margin-top: 10px;
}
#itemListCategory{margin-bottom: 20px;}
#itemListCategory h2 {
    background: #f8f8f8;
    font-size: 0.9rem;
    padding: 10px 0 0 15px;
    font-weight: bold;
}
#itemListCategory ul{
	border: #f8f8f8 10px solid;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}
#itemListCategory .select{
	color: #333;
    text-decoration: none;
}
#itemListCategory ul:after,
#itemListCategory ul:before{
	content:"";
	display:block;
	width: 23%;
	height:0;
}
#itemListCategory ul:before{
	order:1;
}
#itemListCategory li{
	width: 23%;
}
#itemListCategory li h3 {
    font-weight: normal;
}
#itemListCategory .category_img img {
    width: 20%;
    height: 20%;
    text-align: center;
}
#itemListCategory #sub li a{
	padding: 5px;
    color: #333;
    font-size: 0.8rem;
    text-decoration: none;
}
#itemListCategory #sub li a:hover{
opacity: 0.7; cursor: pointer; transition: all .3s;
}
#itemListCategory #sub li a:link{display: block;}
#itemListCategory #sub li a.select {
    pointer-events: none;
    border: none;
    background: #ddd;
}
.category_box_list a:not(.select) {
    display: none;
}
#itemListCategory #sub:not(:last-child) a:not(.select) {
	display: none;
}
div#sub:not(:last-child) {
    display: none;
}
span.category_count {
    display: none;
}
#itemListCategory #sub .icon_a {
    width: 20px;
    height: 20px;
    background-position: -360px -20px;
    margin: 0 5px 0 0;
}
@media screen and (max-width: 896px) {	
	/* 896px以上に適用されるCSS */
	#itemListCategory ul{
		width: 100%;
	}
	#itemListCategory #sub ul{
		width: 1000px;
		justify-content: flex-start;
	}
	#itemListCategory h2 {
		width: 1000px;
	}
}
/* narrowListCategory - 絞り込みカテゴリ
-------------------------------------------------------------*/
#narrowListCategory_box {
    background-color: #f8f8f8;
	  flex-direction: column;
	  flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    width: 100%;
	margin-bottom: 20px;
}
#narrowListCategory .title {
	font-weight: bold;
    border-bottom: 1px solid #000;
    display: block;
    padding-bottom: 5px;
    width: 100%;
    font-size: 0.8rem;
    background: none;
    color: #333;
    text-align: left;
}
#narrowListCategory .title .icon_a {
    width: 20px;
    height: 20px;
    background-position: -360px -40px;
    margin: 0 5px 0 0;
}
#narrowListCategory:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory h3{	display: block; padding: 3px 10px; font-size: 80%; border: 1px solid #ccc; z-index: 99; position: relative; cursor: default;border-radius: 3px;}
#narrowListCategory h3:before {
    background-color: transparent;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    content: "";
    height: 4px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 4px;
}
#narrowListCategory .inner{
	padding-top: 15px;;
}
#narrowListCategory .inner:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory #narrowDownCategoryMultiple{
	float: left;
    width: 210px;
    height: 27px;
    margin: 2px;
    background: #fff;
}
#narrowListCategory #narrowDownCategoryMultiple:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory h3:hover + ul{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;}

#narrowListCategory .box {display: none; background: #FFF; padding: 5px;}
#narrowListCategory .box:hover{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;}
#narrowListCategory .box.hover{display: block; z-index: 100; position: relative; border: 1px solid #ccc; border-top: none; margin-top: -1px;}
#narrowListCategory .box li{font-size: 80%; display: block; margin-bottom: 5px;}
#narrowListCategory .box li:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory .box input{float: left; display: block; margin: 3px 5px 0 3px;}
#narrowListCategory .box label{display: block;}
*+html #narrowListCategory .box label{margin: 5px 0 0 0px;}

#narrowListCategory .filterArea{
	clear: both;
    border-top: 1px solid #000;
    margin-top: 15px;
    padding-top: 15px;
}
#narrowListCategory .filterArea:after {content: ""; clear: both; display: block;}/* clearfix */
#narrowListCategory .filterArea li{
	display: block;
    font-size: 80%;
    background: #C00;
    float: left;
    color: #FFF;
    text-decoration: none;
    padding: 5px;
    white-space: nowrap;
    margin-right: 10px;
    line-height: 130%;
    height: 27px;
    margin: 2px;
	border-radius: 3px;
}
.filter_clear .icon_a {
	width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    background-position: -248px -444px;
}
#narrowListCategory .filterArea li a{margin-left: 10px; color: #FFFFFF; text-decoration: none; font-size: 130%;}
#narrowListCategory .filterArea li a:hover{text-decoration: underline;}
#narrowListCategory .filterArea li.filter_clear {
    background: none;
    margin: 0 auto;
    text-indent: 0px;
    text-align: center;
    margin: 15px 0;
    width: 100%;
    font-size: 85%;
    display: block;
}
#narrowListCategory .filterArea li.filter_clear a{ 
	color: #333333;
    margin: 0px;
    font-size: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* font-size: 1.4rem; */
    min-height: 50px;
    padding: 13px 30px 13px 10px;
    width: inherit;}
/* category_explanation - カテゴリ用コンテンツ
-------------------------------------------------------------*/
	.category_explanation img {
		width: 100%;
		height: auto;
	}
	#main .category_explanation table {
		width: 100%;
		margin: 0;
		border: none;
	}
	#main .category_explanation td{
		border: none;
		padding: 0;
		display: revert;
	}
/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom: 20px;}
#list ul:after {content: ""; clear: both; display: block;}/* clearfix */
#list li{
	margin: 0 0 0 10px;
}
#list li a{display: block; margin-right: 5px; padding: 5px 10px 5px 25px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #CCC; font-size: 80%; color: #333;}
#list .detail{background: url("../images/icon_list_detail.png") 7px 7px no-repeat #DDD;}
#list .image{background: url("../images/icon_list_image.png") 7px 7px no-repeat #DDD;}
#list .simple{background: url("../images/icon_list_simple.png") 7px 7px no-repeat #DDD;}
#list .detail.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .image.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .simple.select{border: 1px solid #CCC; border-bottom: 1px solid #FFF; background-color: #FFFFFF; color: #333; text-decoration: none;}
#list .pageguide{
	font-size: 85%;
	}
#list .rearrange{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.item_exist_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#list .rearrange select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    min-height: 50px;
    padding: 13px 30px 13px 10px;
    width: inherit;
}
#list .rearrange select::-ms-expand {
    display: none;
}
.rearrange_box {
    background-color: #fff;
    display: inline-block;
    min-height: 50px;
    position: relative;
    width: inherit;
}
.rearrange_box:before {
    background-color: transparent;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    content: "";
    height: 8px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 1.5vh;
    top: 2vh;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 8px;
}
#list .pagelink{clear: both; font-size: 80%; padding: 10px 0;}
#list .nolink{color: #999;}
@media screen and (max-width: 896px) {	
	/* 896px以上に適用されるCSS */
    /* パンくず
    -------------------------------------------------------------*/
    #main #breadcrumbs {
        font-size: 0.7rem;
        overflow-x: scroll;
        white-space: nowrap; 
    }
    span.breadcrumbs_box:first-child {
        font-size: 0.7rem;
    }
	#narrowListCategory h3 {
		font-size: 0.6rem;
	}
	#narrowListCategory #narrowDownCategoryMultiple {
		height: 23px;
	}
	#list .pageguide{
		width: 100%;
		text-align: center;
		font-weight: bold;
		margin-bottom: 10px 0;
	}
	#list .rearrange{ 
		width: 100%;
		text-align: center;
		justify-content: center;
	}
	.item_exist_box {
		flex-direction: column;
		flex-wrap: wrap;
	}
	#itemListCategory #sub {
		overflow-x: auto;
	}
	#itemListCategory li h3 {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 2px 2px;
}
	#itemListCategory #sub li a {
		font-size: 0.7rem;
	}
	#itemListCategory ul li {
		flex: 0 0 auto;
		display: inline-block;
		width: auto;
	}
	#itemListCategory .category_img img {
		text-align: center;
		border-radius: 4px;
		width: 100%;
	}
	#narrowListCategory #narrowDownCategoryMultiple {
    	width: 48%;
	}
	#list .rearrange select {
		font-size: 0.8rem;
		min-height: 40px;
    	padding: 10px 30px 10px 10px;
	}
	.filter_clear .icon_a {
		background-position: -45px -25px;
		width: 20px;
		height: 20px;
	}
}
/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom: 20px; clear: both;}
#itemListDetail .box{margin-top: 10px; border: #CCC 1px solid; padding-top: 10px;}
#itemListDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListDetail .text{margin-left: 140px;}
#itemListDetail .sale_date{margin: 0px 10px 10px 0px;}
#itemListDetail h3{display: block; margin: 0px 10px 10px 0; font-size: 95%;}
#itemListDetail .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#itemListDetail .price{display: block; margin: 0 10px 10px 0; color: #C00;}
#itemListDetail .price .teika{font-weight: bold; font-size: 110%;}
#itemListDetail .price .other{font-size: 90%;}
#itemListDetail .explanation1{display: block; margin: 10px 10px 0px 0px; padding: 10px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#itemListDetail .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#itemListDetail .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListDetail .button_area .button{width: auto; display: inline-block;}
#itemListDetail .property{float: right; margin: 0; color: #AAA; font-size: 75%; padding: 3px;}
#itemListDetail .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#itemListDetail .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* itemListDetail - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListDetail .wishlistSubmitButton{position: relative;}
#itemListDetail .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListDetail .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemListDetail .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemListDetail .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemListDetail - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListDetail .cartSubmitButton{position: relative;}
#itemListDetail .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListDetail .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListDetail .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListDetail .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListDetail .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemL#itemListDetailistImage .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemListDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#itemListSimple{margin-bottom: 20px;}
#itemListSimple .box{margin-top: 10px; border: #CCC 1px solid;}
#itemListSimple .box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListSimple h3{display: block; margin: 10px; font-size: 95%;}
#itemListSimple .appeal{display: block; margin: 0 0 0 10px; color: #F60; font-size: 70%;}
#itemListSimple .price{display: block; margin: 0 0 0 10px; color: #C00;}
#itemListSimple .price .teika{font-weight: bold; font-size: 110%;}
#itemListSimple .price .other{font-size: 90%;}
#itemListSimple .explanation1{display: block; margin: 5px 10px 0; padding: 10px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#itemListSimple .button_area{margin: 0px 10px 20px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#itemListSimple .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListSimple .button_area .button{float: right; width: auto; margin-left: 10px;}
#itemListSimple .button_area .not_click{float: right; width: auto; margin-left: 10px;}
#itemListSimple .property{float: right; margin: 0; color: #AAA; font-size: 75%; padding: 3px;}

/* itemListSimple - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListSimple .cartSubmitButton{position: relative;}
#itemListSimple .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListSimple .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListSimple .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListSimple .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListSimple .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemListSimple .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemListSimple .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
/* itemListSimple - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListSimple .wishlistSubmitButton{position: relative;}
#itemListSimple .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListSimple .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemListSimple .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemListSimple .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom: 20px;}
#itemListImage:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListImage .box{
	display: inline-block;
    margin: 0px 20px 20px 0;
    width: 210px;
	vertical-align: top;
}
#itemListImage .text{
    width: 210px;
    margin: 5px;
}
#itemListImage h3{
    font-size: 0.8rem;
    color: rgb(102, 102, 102);
    line-height: 1.5;
    margin-top: 5px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
#itemListImage .text a {
    color: #5d5d5d;
    color: rgb(102, 102, 102);
}
#itemListImage .teika {
    display: inline-block;
    width: 100%;
    color: #000000;
    font-weight: bold;
}
#itemListImage .text .outlet-lbl .teika {
    color: #f00!important;
}
#itemListImage .teika .small {
    padding: 0;
    font-size: 12px;
}
#itemListImage .icon{display: block; margin: 10px 7px 0 0; line-height: 120%;}
#itemListImage .button_area{
    clear: both;
    line-height: 100%;
	margin-top: 10px;
}
#itemListImage .button_area a {
    border-radius: 0;
    border: 1px solid #d9d9d9;
    color: rgb(102, 102, 102);
    padding: 8px;
    display: inline-block;
    background: none;
}
#itemListImage .button_area .icon_a {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background-position: -360px -180px;
}
#itemListImage .button{margin-bottom: 10px;}
#itemListImage .property{margin: 0; color: #AAA; font-size: 70%; margin-bottom: 10px;}
#itemListImage .img_box{
    width: 200px;
    height: 200px;
    margin: 5px;
    text-align: center;
    position: relative;
}
#itemListImage .img_box img{
	width: auto;
    max-width: 200px;
    max-height: 200px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
/* カテゴリ看板画像
-------------------------------------------------------------*/
.description h2 {
    font-size: 0.9rem;
    font-weight: normal;
}
.description .box3{
	display: flex;
	justify-content: space-between;
}
.description .box3 li {
    flex-basis: calc((100% - 20px) / 3);
    max-width: calc((100% - 20px) / 3);
    margin-top: 10px;
    text-align: center;
}
.description .box3 li a {
    color: #333;
    font-size: 0.7rem;
}
#main .description table {
    margin: initial;
    border: initial;
}
#main .description td {
    padding: inherit;
    border: inherit;
}
@media screen and (max-width: 896px) {
	/* 896px以上に適用されるCSS */
	#itemListImage{padding:0 0.5% }
	#itemListImage .box{
    margin: 0px 0px 10px 0;
    width: 49%;
    min-height: 317px;
	}
	#itemListImage .box {
		min-height: 317px;
		width: 44vw;
		margin: 2vw;
	}
	#itemListImage .box:nth-last-child(even){}
	#itemListImage .img_box{
		width: calc(44vw);
    	height: calc(44vw);
	}
	#itemListImage .img_box img{
		width: calc(44vw);
	    height: calc(44vw);
	}
	#itemListImage .text{width: 100%;}
	#itemListImage .icon{height: 20px}
	
	}
	.accessranking h2,#list h2 {
		margin: 0 10px;
	}
/* itemListImage - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .cartSubmitButton{position: relative;}
#itemListImage .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListImage .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListImage .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemListImage .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemListImage .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
/* itemListImage - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .wishlistSubmitButton{position: relative;}
#itemListImage .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListImage .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListImage .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemListImage .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {margin-bottom: 20px;}
#topicsList .box {margin-top: 10px; padding: 10px; border: #CCC 1px solid;}
#topicsList .box:after {content: ""; clear: both; display: block;}/* clearfix */
#topicsList .box h3{font-size: 95%; display: block; margin: 10px 10px 0 0px;}
#topicsList .box p{display: block; width: 728px; margin: 0; padding: 5px 0px; font-size: 90%; font-weight: normal;}
#topicsList .img_box{width: 120px; height: 120px; float: right; margin: 0 0 10px 10px; text-align: center; position: relative;}
#topicsList .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom: 20px;}
#itemDetail .box{margin-top: 10px;}
#itemDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */

/* 商品画像の切り替え */
#itemDetail .item_image_area{float: left; width: 270px;}
#itemDetail .item_image_area #targetarea{visibility: hidden;}
#itemDetail .item_image_area #main_box{position: relative; border: 1px solid #ccc;}
#itemDetail .item_image_area #main_box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemDetail .item_image_area .img_box{display: none; width: 268px; height: 268px;}

#itemDetail .item_image_area .img_box img{max-width: 268px; max-height: 268px;}
#itemDetail .item_image_area .thumb{margin: 10px 0 20px;}
#itemDetail .item_image_area .thumb:after {content: ""; clear: both; display: block;}/* clearfix */
#itemDetail .item_image_area .thumb li{margin: 0 5px 5px 0; float: left;}
#itemDetail .item_image_area .thumb li.last{margin-right: 0;}
#itemDetail .item_image_area .thumb a{border: 1px solid #ccc; width: 50px; height: 50px; display: block; text-align: center; position: relative;}
#itemDetail .item_image_area .thumb a img{max-width: 48px; max-height: 48px; width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemDetail .item_image_area .thumb a img:hover{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6;}
#itemDetail .item_image_area .thumb li.active a{border: 1px solid #cc3333; display: block; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#itemDetail .item_image_area .thumb li.active a img:hover{cursor: default; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}

#itemDetail .otherImage{clear: both; padding: 10px 10px 0 15px; font-size: 75%;}
#itemDetail .recommend{clear: both; padding: 0 10px 10px 15px; font-size: 75%;}
#itemDetail .property_image_area{ clear: both;}
#itemDetail .propertyImg{width: 80px; float: left; margin-right: 15px;}
#itemDetail .propertyImg .propertyimg_box{width: 80px; height: 80px; text-align: center; position: relative; margin: 0 10px 0px 0;}
#itemDetail .propertyImg .propertyimg_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemDetail .propertyImg p{margin: 0; text-align: center;}
#itemDetail p{margin: 0 0 10px;}
#itemDetail .text{float: right; width: 480px;}
#itemDetail .appeal{display: block; margin: 10px 0px 0 0; color: #F60; font-size: 75%;}
#itemDetail h3{display: block; margin: 10px 0px 5px 0; font-size: 105%;}
#itemDetail .price{display: block; margin: 0 0px 5px 0; font-size: 90%; color: #C00;}
#itemDetail .price .teika{display: block; margin-bottom: 5px; font-weight: bold; font-size: 110%;}
#itemDetail .price .other{display: block; font-size: 90%;}
#itemDetail .information{display: block; margin: 0 0px 0 0; font-size: 80%;}
#itemDetail .explanation2{display: block; margin: 10px 0px 20px 0; padding-top: 10px; border-top: #CCC 1px solid; font-size: 100%; line-height: 150%;}
#itemDetail .explanation3{display: block; margin: 0 0px 20px 0; padding: 10px; background: #EEE; color: #666; font-size: 90%; line-height: 150%;}
#itemDetail table{width: 480px; margin: 0 0 10px;}
#itemDetail th{width: 100px; padding: 5px 10px; text-align: left;}
#itemDetail td{padding: 5px 10px;}
#itemDetail .button{margin-bottom: 10px;}
#itemDetail .button.small{max-width: 160px;}

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton{position: relative;}
#itemDetail .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemDetail .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemDetail .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemDetail .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton{position: relative;}
#itemDetail .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemDetail .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemDetail .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* itemDetail - トピックス詳細
-------------------------------------------------------------*/
#itemDetail .topics_img h3,#itemDetail .topics_noimg h3{margin: 10px 10px 5px 0px; display: block; font-size: 105%;}
#itemDetail .topics_img p,#itemDetail .topics_noimg p{
	font-size: 0.9rem;
    margin: 5px 0px;
    line-height: 1.2rem;
}
#itemDetail .topics_img img{display: block;}
#itemDetail .topics_img .img_box{width: 140px; height: 140px; margin: 10px 10px 10px 0; text-align: center; position: relative; float: left;}
#itemDetail .topics_img .img_box img{width: auto; max-width: 140px; max-height: 140px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemDetail .topics_img .topics_text{overflow: auto;}
#itemDetail .topics_img,#itemDetail .topics_noimg{padding: 10px;}
#itemDetail .topics_noimg p img{float: right; margin: 0 0 10px 10px;}

/* present_detail.xhtml - プレゼント詳細
-------------------------------------------------------------*/
#itemDetail.present .item_image_area #targetarea{visibility: visible;}
#itemDetail.present .item_image_area .img_box{display:block; width: 268px; height: 268px;}


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
.item-common .item_star ul {
    align-items: normal;
}
.item-common ul.star li {
    width: 18px;
    height: 18px;
}
.item-common .item_star ul .count {
    color: #333333;
    font-size: 0.8rem;
}
#review{margin-bottom: 40px;}
#review .review_total{
    text-align: center;
}
#review ul.star{
    display: flex;
}
#review ul.star li{
    width: 15px;
    height: 15px;
}
#review .review_total ul.star {
    justify-content: center;
    margin: 10px 0;
}
#review .review_total ul.star li {
    width: 30px;
    height: 30px;
}
#review .review_total p {
    font-size: 0.75rem;
    color: #666;
}
#review p.item_name{font-size: 95%; font-weight: bold;}
#review .review_box{ 
	padding: 10px;
    margin: 0 20px;
}
#review .loop_review_item:not(:last-child) {
    border-bottom: 1px solid #F0F0F0;
}
#review .box{padding: 10px;margin: 20px;}
#review .box h4{
    font-size: 0.9rem;
}
#review .box .name{
    color: #666;
    font-size: 0.75rem;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
}
#review .review_comment{
    padding-top: 10px;
    font-size: 0.85rem;
}
.review_total div {
    margin: 5px;
}
#review .goodButton_box {
    margin-top: 10px;
}
#review p.goodButton{
    margin-bottom: 5px;
    display: inline-block;
}
#review p.goodButton .button{
    display: inline-block;
    border-radius: 4px;
}
#review p.goodNumber{
    display: inline-block;
    font-size: 0.8rem;
}
.name li {
    justify-content: center;
    display: flex;
}
.name li p::after{
    font-weight: 400;
    z-index: 1;
    content: "\003a";
    margin: 0 8px;
}
p.good_number {
    display: inline-block;
    font-size: 0.8rem;
    color: #666;
}
#review p.more{margin-bottom: 20px; font-size: 75%; text-align: right;}
#review p.pageguide{margin: 10px;}
#review p.pagelink{text-align: center; padding-top: 40px;}
#review .star_box {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
.contribution {
    padding: 4% 3vw;
    border-radius: 3px;
}
.contribution h3 {
    text-align: center;
    margin-bottom: 30px;
}
table.review_area {
    width: 100%;
    margin: 10px 0;
}
.review_area th, .review_area td {
    padding: 12px 20px;
    text-align: left;
    border: 1px solid #E9E9E9;
    vertical-align: middle;
    line-height: 1.6;
}
.review_area th {
    width: 25%;
    text-align: center;
    background: #F8F8F8;
    color: #2B2B2B;
    font-weight: bold;
    font-size: 0.9rem;
}
.review_area td {
    padding-left: 10%;
    padding-right: 10%;
}
.review_area input,.review_area select,.review_area textarea {
    font-size: 16px;
    font-weight: 400;
}
.review_area textarea {
    resize: vertical;
}
.review_area input[type="text"], .review_area input[type="email"], .review_area input[type="tel"], .review_area input[type="number"], .review_area input[type="password"], .review_area textarea {
    padding: 8px 12px;
    border: 1px solid #EAEAEA;
    background: #fff;
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
}
.review_area .form-ctl {
    position: relative;
    padding: 5px 0;
}
.contribution .attention {
    font-size: 0.9rem;
    text-align: center;
    margin: 20px 0;
}
.review_area .example {
    color: #a0a0a0;
    font-size: 0.8rem;
}
.review_area .hissu {
    border: 1px solid #c00;
    font-size: 0.7rem;
    padding: 0 5px;
    margin-left: 5px;
    color: #c00;
    vertical-align: middle;
}
.review_area span.rate {
    color: #FFDF88;
    font-size: 1.5rem;
}
.contribution .btn {
    max-width: 100%;
    padding: 2% 10%;
    font-weight: bold;
}
#review .review-image{padding-top: 20px;}
#review .review-image:after {content: ""; clear: both; display: block;}/* clearfix */
#review .review-image .img_box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;}
#review .review-image img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.star-rating{
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
    width: 150px;
    height: 30px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating i{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
  opacity: 1;
}
.star-rating i ~ i {
  width: 40%;
}
.star-rating i ~ i ~ i {
  width: 60%;
}
.star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}
.star_body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.star_body::before {
  height: 100%;
  content: '';
  width: 0;
  background: red;
  vertical-align: middle;
  display: inline-block;
}
ul.star li.bad {
    font-size: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=);
    background-size: contain;
}       
ul.star li.good {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=);
    background-size: contain;
    font-size: 0;
}
#result_box{
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
#result_box .text {
    margin: 20px;
    line-height: 1.8;
}
#result_box .text a {
    display: block;
}
#result_box .note {
    background-color: #eee;
    padding: 20px;
    width: 100%;
    position: relative;
    color: #000;
    margin: 20px 0;
}
#result_box .note .red {
    color: red;
}
#result_box .note p:before {
    content: '';
    display: inline-block;
    background-image: url(https://shop.elecom.co.jp/client_info/ELECOM/view/userweb/images/common/form_notes_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
#result_box .note li {
    list-style: disc outside;
    margin: 0 20px;
    font-size: 0.8rem;
    line-height: 1.5em;
}
.result_box .note {
    text-align: center;
    padding: 40px;
    font-size: 1rem;
}
.result_box .button.negative.medium {
    line-height: 45px;
    font-size: 1rem;
}
/*estimateListDetail - 見積履歴
-------------------------------------------------------------*/
#history #estimateListDetail .box{margin-bottom: 30px;}
#history #estimateListDetail .box:first-child{margin-top: 15px;}
#history #estimateListDetail .status_icon{color: #333; float:none; font-weight: bold; background: #CCC; padding: 5px 5px;}
/*#history #estimateListDetail .infoarea:first-child{margin: 20px 10px 0;}*/
#history #estimateListDetail th.total_price{width: 120px;}

/* member_history - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#history .cartSubmitButton{position: relative;}
#history .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#history .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#history .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#history .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#history .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#history .cartSubmitButton .cartMessage .link a{display: inline-block;}
#history .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */
#subwindow{width: 500px; margin: auto;}
#subwindow #header{background: none;}
#subwindow #header h1 a{float: none;}
#subwindow #content h2{margin-bottom: 20px; font-weight: normal;border-bottom: solid 3px #cccccc; position: relative;}
#subwindow #content h2:after{position: absolute; content: " "; display: block; border-bottom: solid 3px #373737; bottom: -3px; width: 20%;}
#subwindow #content table{font-size: 80%;line-height: 160%;margin: 10px 0px;width: 100%;border: 1px solid #CCCCCC;}
#subwindow #content th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: normal; text-align: left;}
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{padding: 10px; border: 1px solid #CCC; vertical-align: top;}
#subwindow #content td.number{text-align: right;}
#subwindow #content .hissu{color: #CC0000;font-weight: bold;}
#subwindow #content .close{margin: 10px 0; font-size: 80%; line-height: 150%; text-align: right;}
#subwindow .buttonarea{text-align: center; margin: 10px; padding-top: 40px;}
#subwindow .buttonarea .button{display: inline-block; margin: 0 10px;}

#subwindow #content #products{width: 500px; position: relative;}
#subwindow #content #products .slides_container{overflow: hidden; position: relative; border: 1px solid #ccc; margin: 10px 0 0 0;}
#subwindow #content #products .slides_container .ima_box{width: 498px; height: 498px; position: relative; text-align: center;}
#subwindow #content #products .slides_container img{width: auto; margin: auto; max-width: 498px; max-height: 498px; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
#subwindow #content #products .slides_container a{width: 400px; height: 400px; display: block;}
#subwindow #content #products .thumbox{clear: both; margin: 15px 0 0; padding: 0;}
#subwindow #content #products .thumbox:after {content: ""; clear: both; display: block;}/* clearfix */
#subwindow #content #products .thumbox .pagination li{margin: 0 10px 10px 0; float: left;}
#subwindow #content #products .thumbox .pagination li.last{margin-right: 0;}
#subwindow #content #products .thumbox .img_box{border: 1px solid #ccc; width: 92px; height: 92px; display: block;}
#subwindow #content #products .thumbox .img_box img{max-width: 90px; max-height: 90px;}
#subwindow #content #products .thumbox .img_box img:hover{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6;}
#subwindow #content #products .thumbox .current .img_box{border: 1px solid #cc3333; display: block; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .thumbox .current .img_box img:hover{cursor: default; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .prev{display: block; background: url(../images/detail_prev_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; left: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .next{display: block; background: url(../images/detail_next_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; right: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next{display: block;}
#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover{filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error{width: 100%; padding: 10px 0px;}
#error table{margin: 0px 0 10px; border: none !important; font-size: 85%;}
#error td{padding: 10px; border: none !important;}
#error .ico{width: 40px; vertical-align: top; text-align: center;}
#error .content{padding: 5px; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#error .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#error ul{background: none;}
#error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}

/*  social_provider.xhtmlのエラー部分
-------------------------------------------------------------*/
#social_plus_error{width: 100%; padding: 10px 0px;}
#social_plus_error table{margin: 0px 0 10px; border: none !important; font-size: 85%;}
#social_plus_error td{padding: 10px; border: none !important;}
#social_plus_error .ico{width: 40px; vertical-align: top; text-align: center;}
#social_plus_error .content{padding: 5px; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#social_plus_error .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; text-align: center;}
#social_plus_error ul{background: none;}
#social_plus_error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}


/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button_area{text-align: center;}
#credit td.button_area .button{display: inline-block; width: auto;}
#credit .can_regist{padding-top: 30px;}
#credit .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}


/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList{margin-bottom: 20px;}
#wishList .box{margin-top: 10px; border: #CCC 1px solid;}
#wishList .box:hover{border: #8CC329 1px solid;}
#wishList .box:after {content: ""; clear: both; display: block;}/* clearfix */
#wishList .provisional{margin: 0px;}
#wishList .text{margin-left: 140px;}
#wishList h3{display: block; margin: 10px 10px 0 0; font-size: 95%;}
#wishList .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#wishList .price{display: block; margin: 0; color: #C00;}
#wishList .price .teika{font-weight: bold; font-size: 110%;}
#wishList .price .other{font-size: 90%;}
#wishList .explanation1{display: block; margin: 5px 10px 0 0; padding: 10px 0px; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#wishList .explanation1 h4{margin-bottom: 10px;}
#wishList .explanation1 h4 a{display: inline-block; width: auto; font-weight: normal;}
#wishList .explanation1 p{margin: 0px;}
#wishList .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#wishList .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
#wishList .button_area .button{width: auto; display: inline-block;}
#wishList .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}

#wishList .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#wishList .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#wishList .cartSubmitButton{position: relative;}
#wishList .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#wishList .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#wishList .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#wishList .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#wishList .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#wishList .cartSubmitButton .cartMessage .link a{display: inline-block;}
#wishList .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList{padding-bottom: 20px;}
#addressList h3{margin-bottom: 15px; padding: 1px 0px 0px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat; font-size: 85%; margin-top: 30px;}
#addressList ul{padding: 20px 0 10px;}
#addressList ul:after {content: ""; clear: both; display: block;}/* clearfix */
#addressList li{float: left; font-size: 80%; border: 1px solid #CCC; padding: 10px 10px 40px 10px; margin-right: 10px; margin-bottom: 10px; width: 348px; line-height: 180%; position: relative;}
#addressList li strong{font-size: 18px;}
#addressList li .button_area{margin: 0px 0px 0; position: absolute; bottom: 10px;}
#addressList li .button_area .button{width: auto; display: inline-block;}
#addressList .widebox li{width: 453px;}
#addressList .pageguide{float: left; width: 500px; font-size: 75%;}
#addressList .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#addressList .pagelink{clear: both; font-size: 75%;}
#addressList .nolink{color: #999;}
@media screen and (max-width: 896px) {
	/* 896px以上に適用されるCSS */
#addressList .widebox li{width: 100%;}
#addressList li{float: none;  margin-right: 0px; width: 100%; line-height: 180%; position: relative;}
}

/* =================================================================
19.マイページ
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h3{margin: 10px 0 10px 10px;}
#member.mypage h3 a{ float: right; width: auto;}
#member.mypage ul{margin: 0 0 50px 10px;}
#member.mypage ul:after {content: ""; clear: both; display: block;}/* clearfix */
#member.mypage ul li{float: left; width: 253px; padding: 0 0 10px;}
#member.mypage ul li h4{font-size: 16px; background: #F6F6F6; font-weight: normal; padding: 6px 10px; margin: 0 0px 15px 0;}
#member.mypage ul li .box{border: 1px solid #CCCCCC; margin-right: 10px; padding: 0px 0px 10px;}
#member.mypage ul li p{font-size: 12px;}
#member.mypage ul li a{font-size: 12px;}

#member.mypage #social_plus tr th{background: #FFF;}
#member.mypage #social_plus tr th a{text-decoration: none;}
#member.mypage #social_plus tr.title th{background: #F6F6F6;}
#member.mypage #social_plus th.service{width: 220px;}
#member.mypage #social_plus th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#member.mypage #social_plus th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#member.mypage #social_plus th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#member.mypage #social_plus th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#member.mypage #social_plus th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#member.mypage #social_plus th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#member.mypage #social_plus th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#member.mypage #social_plus th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#member.mypage #social_plus th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

#member.mypage #social_plus th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus td{vertical-align: middle;}

/* =================================================================
20.ログイン
使用ファイル：login.xhtml
=================================================================*/
#loginNew:after {content: ""; clear: both; display: block;}/* clearfix */
#loginNew table{margin: 0 auto 20px auto; width: 428px;}
#loginNew h3{margin-bottom: 15px; padding: 1px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#loginNew .box{border: 1px solid #CCC; width: 468px; float: left; margin: 0 10px 30px; position: relative;}
#loginNew .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#loginNew .box table{margin: 10px; width: 446px !important;}
#loginNew .box .link_text{text-align: right; padding: 15px 0 10px;}
#loginNew .box .regist_non_area{width: 442px; margin: 0 auto;}
#loginNew .box .regist_non_area p{margin: 0 0 10px;}
#loginNew .box .amazon_area{width: 442px; margin: 0 auto; border-top: 1px solid #ccc;}
#loginNew .box .amazon_area p{margin: 10px 0;}
#loginNew .widebox{border: 1px solid #CCC; width: 960px; margin: 0 10px 30px; clear: both;}
#loginNew .widebox .link{text-align: right;}
#loginNew .widebox table{width: 920px;}
#loginNew input[type='text'],#loginNew input[type='password']{width: 200px;}

#loginNew .social_provider ul{margin: 0px 20px 0px;}
#loginNew .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#loginNew .social_provider ul li{width: 194px; height: 44px; font-size: 14px; display: block; float: left; margin: 0px 28px 20px 0;}
#loginNew .social_provider ul li:nth-child(2n){margin-right: 0px;}
#loginNew .social_provider ul li a{display: block; text-decoration: none;}
#loginNew .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#loginNew .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#loginNew .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#loginNew .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#loginNew .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#loginNew .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#loginNew .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#loginNew .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}
/* =================================================================
21.商品比較
使用ファイル：item_compare.xhtml
=================================================================*/
#itemCompare .img_box{width: 80px; height: 80px; margin: 0; text-align: center; position: relative;}
#itemCompare .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare .propertyimg_box{width: 60px; height: 60px; margin: 0; text-align: center; position: relative;}
#itemCompare .propertyimg_box img{width: auto; max-width: 60px; max-height: 60px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare th{width: 150px;}
#itemCompare .button_area .button{width: auto; display: inline-block; width: 130px;}

/* itemCompare - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemCompare .cartSubmitButton{position: relative;}
#itemCompare .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
#itemCompare .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemCompare .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
#itemCompare .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemCompare .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemCompare .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemCompare .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}

/* =================================================================
22.キャンペーン
使用ファイル：top.xhtml,item_detail.xhtml,cart_index.xhtml,cart_seisan.xhtml,cart_confirm.xhtml,cart_confirm$amazon_payments.xhtml,cart_result.xhtml,member_history.xhtml
=================================================================*/
/* member_history */
#history .campaign {line-height:1.5; display: inline-block; margin:0 5px 0 0;}

/* top,item_detail */
#mainCampaign ul{width:100%;}
#mainCampaign ul:after {content: ""; clear: both; display: block;}/* clearfix */
#mainCampaign li{width:375px; margin:0 20px 20px 0; float: left;}
#mainCampaign li a{display: block;}
#mainCampaign li img{width:100%; display: block;}
#mainCampaign li h3{padding:5px 0 0 0;}
#mainCampaign li h4{font-size:90%;}
#mainCampaign li p{margin:5px 0 0 0; font-size:90%;}

/* cart_index */
#cartCampaign ul{width:100%;}
#cartCampaign ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartCampaign p.heed{margin:0 0 10px 0; font-size:75%;}
#cartCampaign li{width:365px; margin:0 20px 20px 0; float: left;}
#cartCampaign li a{display: block;}
#cartCampaign li img{width:100%; display: block;}
#cartCampaign li h4{padding:5px 0 0 0;}
#cartCampaign li p{margin:5px 0 0 0;}

/* cart_confirm */
#cartFlow .confirmCampaign{width:100%; margin-top: 20px; padding:10px; border:#CCC 1px solid;}
#cartFlow .confirmCampaign h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .confirmCampaign li{padding:0 0 10px 0; border:none;}
#cartFlow .confirmCampaign li h4{font-size: 90%;}
#cartFlow .confirmCampaign li img{width:100%;}
#cartFlow .confirmCampaign li p{margin:0;}

/* cart_result */
#resultCampaign ul{width:100%;}
#resultCampaign ul:after {content: ""; clear: both; display: block;}/* clearfix */
#resultCampaign h3 {margin-bottom: 15px; padding:1px 20px; border-bottom: 1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size: 85%;}
#resultCampaign {width:980px;}
#resultCampaign:after {content: ""; clear: both; display: block;}/* clearfix */
#resultCampaign li{width:480px; margin:0 20px 20px 0; float: left;}
#resultCampaign li a{display: block;}
#resultCampaign li img{width:100%; display: block;}
#resultCampaign li p{margin:5px 0 0 0;}
@media screen and (max-width: 896px) {
	/* 896px以上に適用されるCSS */
#resultCampaign {width:100%!important;}
#resultCampaign li{width:100%; margin:0 20px 20px 0; float: none;}
}

/* =================================================================
23.会員登録
使用ファイル：member_input.xhtml
=================================================================*/
#memberInput{padding:30px 0 0 0;}
#memberInput h3{margin:10px 0 10px 10px;}
#memberInput .social_provider ul{width:100%; padding:0 10px;}
#memberInput .social_provider li{width:225px; margin:0 20px 20px 0; float: left;}
#memberInput .social_provider ul li a{display: block; text-decoration: none;}
#memberInput .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#memberInput .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#memberInput .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#memberInput .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#memberInput .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#memberInput .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#memberInput .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}
#memberInput .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;  
	-moz-border-radius-topright: 3px;  
	-moz-border-radius-bottomright: 3px;
	}
#memberInput .social_provider li.rakuten_regist a span{padding:0; border:0; margin:0; background:none;}


/* =================================================================
メールマガジン
使用ファイル：mailmag.xhtml
=================================================================*/
.magazine .top {
	
    height: 700px;
    position: relative;
}
.magazine .top p, .magazine .top h1 {
    text-align: center;
}
.pc {
    display: block !important;
}
.sp {
    display: none !important;
}
.magazine .top h1 img {
   width: 100%;
}
.magazine .top p {
    top: 425px;
    left: 120px;
}
.magazine .top p img, .magazine p.btn img {
    cursor: pointer;
    transition-duration: 0.3s;
    margin: 0 auto;
}
.magazine .flex_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0px 0 100px;
}
.magazine .flex_container a:visited {
    color: #333;
}
.magazine .flex_container_text span {
    position: relative;
    margin-right: 11px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4;
    word-break: break-all;
}
.magazine .flex_container_text span:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -13px;
    width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #333;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
}
.magazine .flex_container_min {
    margin-top: 12px;
    padding-bottom: 7px;
    width: 100%;
    margin-top: 8px;
    padding-bottom: 2px;
    line-height: 1.4;
    font-size: 80%;
}
.magazine .flex_container a:visited {
    color: #333;
}
.magazine .flex_container a {
    width: 49%;
    width: calc(50% - 2%);
    margin: 0 1%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
    color: #333;
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.magazine .flex_container_min {
    margin-top: 12px;
    padding-bottom: 7px;
    width: 100%;
    margin-top: 8px;
    padding-bottom: 2px;
    line-height: 1.4;
    font-size: 80%;
}
.magazine .sample h2 {
    text-align: center;
    vertical-align: middle;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    letter-spacing: 0.16em;
    font-weight: bold;
    font-size: 150%;
    margin: 20px 0;
}
.magazine .sample ul {
    border: 1px solid #ddd;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
}
.magazine .sample li {
    width: 95%;
    margin: 0 auto;
}
.magazine .sample li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
@media screen and (max-width: 896px) {
	/* 896px以上に適用されるCSS */
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
.magazine .top {
	
    height: auto;
    position: relative;
}
.magazine .flex_container a {
    width: 100%!important;
    
    margin: 1% 0!important;
   
}
#main h2 {
    font-size: 0.8rem;
	}
}
/* =================================================================
ページャー
=================================================================*/
.pagelink {
display: box !important;    
box-pack: center !important;    
box-align: center !important;
margin: 10px 0;
width: 100%;
text-align: center;
}
.pagelink .current, .pagelink .current:hover {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    background: #0590CC;
    border-radius: 50%;
    display: inline-block;
    margin: 0 7px;
    text-decoration: none;
    color: #fff;
}
.pagelink a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    color: #333;
    display: inline-block;
    margin: 0 7px;
    text-decoration: none;
}
.pagelink .icon_arrow_b,
.pagelink .icon_arrow_c{
    display: inline-block;
    width: 9px;
    height: 15px;
    background-image: url(../images/common/category.png);
    vertical-align: middle;
    background-size: 380px 800px;
}
.pagelink .icon_arrow_b {
    background-position: -237px -140px;
}
.pagelink .icon_arrow_c {
    background-position: -226px -140px;
}
@media screen and (max-width: 896px) {
	/* 896px以上に適用されるCSS */
.pagelink {margin: 10px auto;}
.pagelink .current, .pagelink .current:hover {line-height: 2.0em;}
.pagelink a {width: 8%;line-height: 2.0em;}
	.pagelink .current, .pagelink .current:hover {
    margin: 0 0;
    }
    #review {
        margin: 2% 0;
        padding: 0 4vw 6%;
    }
    #review .box p.name {
        margin: 0;
    }
    #feature-index .detail-box .wide-box{
        width:100%;
        margin:0 0 -2em 0;
    }
    #review .box .name {
        flex-flow: column;
    }
    .name li {
        justify-content: left;
    }
    .review_area tr, .review_area th, .review_area td {
        display: block;
    }
    .review_area th {
        width: 100%;
        border: none;
        border-top: 1px solid #E9E9E9;
        border-bottom: 1px solid #E9E9E9;
    }
    .review_area td{
        border:none;
    }
    #main .contribution .buttonarea .button {
        margin: 5px 0;
    }
    .form-ctl.star_body {
        text-align: center;
    }
    .contribution .attention {
        text-align: left;
    }
    .contribution .btn {
        padding: 2% 20%;
    }
}