@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */

/* ==============================================
▼テーブル・レスポンシブ
=============================================== */
.tab_resp table {
	width:100%;
}
.tab_resp th{
	text-align:center;
	padding:10px;
}
.tab_resp td{
	vertical-align:top;
	padding:10px;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display:none;
}
@media print, screen and (max-width: 459px) {
.tab_resp table,
.tab_resp table tbody,
.tab_resp table tr {
	display:block;
	border:none;
}
.tab_resp thead {
	display:none;
}
.tab_resp tr.sphone_none {
	display:none;
}
.tab_resp th,
.tab_resp td{
	display:list-item;
	border:none;
	padding:5px;
}
.tab_resp th{
	list-style-type: none;
	background-color:#eee;
	color:#333;
}
.tab_resp td {
	list-style-type: none;
	text-align:left;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display: inline;
}
}

/* ==============================================
▼ CKeditor
=============================================== */
#detailarea .main_comment img {
	clear:both;
	max-width:98%;
	margin:1%;
}
/*テーブル共通*/
#detailarea .main_comment table th,
#detailarea .main_comment table td {
	vertical-align:top;
}
#detailarea .main_comment table.no_border,
#detailarea .main_comment table.no_border th,
#detailarea .main_comment table.no_border td {
	border:none;
}
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image {
	table-layout:fixed;
}
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display:block;
}
#detailarea .main_comment table.image img {
	clear: none;
	max-width:100%;
	margin:0;
}
@media print, screen and (min-width: 460px) {
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display: table-cell;
}
}
/*テーブルのレスポンシブ*/
@media print, screen and (max-width: 459px) {
#detailarea .main_comment table.responsive,
#detailarea .main_comment table.responsive tbody,
#detailarea .main_comment table.responsive tr {
	display:block;
}
#detailarea .main_comment table.responsive th,
#detailarea .main_comment table.responsive td {
	display:list-item;
}
}

/* ==============================================
▼当サイトについて
=============================================== */

#undercolumn_aboutus {
	margin-bottom:20px;
}
div#undercolumn_aboutus #text1 {
	margin-bottom:15px;
}
div#undercolumn_aboutus .controller{
	margin-bottom:0;
	padding:1em;
	background: #f5f5f5;
	color: #333;
	border:#CCC 1px solid;
	border-bottom:none;
}
div#undercolumn_aboutus .controller #pointb {
	display:block;
	padding-top:5px;
}
div#undercolumn_aboutus .controller input{
	width:12em;
	margin-right:1em;
}
div#undercolumn_aboutus .container{
	border:1px solid #ccc;
	background:url(../img/background/loading.gif) 200px 100px no-repeat;
}
div#undercolumn_aboutus #map{
	width:100%;
	height:300px;
}
div#undercolumn_aboutus #panel{
	display:block;
	width:98%;
	padding:0 1%;
	overflow:auto;
	background: #f7f7f7;
	color:#333;
	margin-bottom:-20px;
}
div#undercolumn_aboutus #panel table {
	border:none;
}
#panel .adp-placemark{
	background: #eee;
	border:none;
	color:#333;
	font-weight:bold;
}
#panel .adp-summary{
	text-align:right;
}
#panel .adp-directions tr {
	color:#333;
}
#panel .adp-directions tr:hover{
	background: #333;
	color:#fff;
}
#panel .adp-directions td{
	padding:0.5em 0;
	border:dotted #fff;
	border-width:1px 0;
}
#panel .adp-directions b{
	font-weight:normal;
	color: #F00;
}
#panel .adp-directions .adp-distance{
	font-weight:bold;
}
#panel .adp-legal{
	text-align:right;
	color:#fff;
}

div#undercolumn_aboutus br.clear{
	clear:left;
	font-size:0;
}
div#undercolumn_aboutus #hyoji {
	padding:2px 5px 0 5px;
	background-color:#FFF;
	border:#333 1px solid;
	cursor:pointer;
	color:#333;
}
div#undercolumn_aboutus #hyoji:hover {
	background-color: #F90;
}
@media print, screen and (min-width: 1020px) {
div#undercolumn_aboutus .controller #pointb {
	display: inline;
	padding-top:0;
}
div#undercolumn_aboutus #map{
	float:left;
	width:75%;
	height:400px;
}
div#undercolumn_aboutus #panel{
	margin-left:75%;
	width:23%;
	height:400px;
}
}

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 100%;
	margin-bottom:30px;
}
div#mynavi_area {
    width: 100%;
}
div#mycontents_area {
    width: 100%;
}
div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}
div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}
#mycontents_area h3 {
	font-size:120%;
	font-weight:normal;
}

/* ナビ
----------------------------------------------- */
#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
#mynavi_area .mynavi_list li {
	margin-bottom:10px;
}
#mynavi_area .point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #f7f7f7;
}
#mynavi_area .point_announce p .glyphicon {
	font-size:22px;
	padding-right:5px;
}
#mynavi_area .point_announce p .txt {
	position:relative;
	top:-5px;
}

/* MYページトップ
----------------------------------------------- */
#mycontents_area table#top td {
	padding:0px;
}
#mycontents_area table#top td.history_btn {
	padding:10px 0;
	border-bottom:1px solid #CCC;
}
@media print, screen and (min-width: 460px) {
#mycontents_area table#top td {
	padding:8px 2px;
}
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
    padding: 10px;
    border: solid 1px #ccc;
    background: #f9f9f9;
}
div#mycontents_area div.mycondition_area .left {
    float: left;
}
div#mycontents_area div.mycondition_area .right {
    float: right;
}
.add_address {
    margin-bottom: 20px;
}
#mycontents_area #coupon_area {
	margin-bottom:20px;
}
@media print, screen and (max-width: 459px) {
.tab_resp th.history_name {
	background-color:#f5f5f5;
}
.tab_resp th.history{
	text-align:left !important;
}
}

/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
	margin-bottom:20px;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}


/* ==============================================
▼ログイン
=============================================== */
#undercolumn_login {
    margin: 0 auto;
	margin-bottom:30px;
    width: 100%;
}
#undercolumn_login label {
	font-weight:normal;
}
#undercolumn_login .login_area {
	background:#f7f7f7;
	padding:30px 20px 20px 20px;
	margin-bottom:10px;
}
#undercolumn_login .login_area .icon {
	font-size:30px;
}
#undercolumn_login .login_area .icon,
#undercolumn_login .login_area .mailaddress,
#undercolumn_login .login_area .password,
#undercolumn_login .login_area .login_btn_area,
#undercolumn_login .login_area .forgot {
	margin:0 auto;
	margin-bottom:20px;
}
#undercolumn_login .login_area .inputbox {
	text-align:center;
}
#undercolumn_login .login_area .mailaddress input,
#undercolumn_login .login_area .password input {
	padding:5px;
}
#undercolumn_login .login_area .memory {
	text-align:left;
	font-size:90%;
}
#undercolumn_login .login_area .forgot {
	text-align:left;
}

@media print, screen and (min-width: 460px) {
#undercolumn_login .login_area .mailaddress,
#undercolumn_login .login_area .password,
#undercolumn_login .login_area .login_btn_area,
#undercolumn_login .login_area .forgot {
	width:70%;
}
}

/* ==============================================
▼パスワードの再発行
=============================================== */
#forgot_area {
	background:#f7f7f7;
	padding:20px;
}
#forgot_area .information {
	margin-bottom:20px
}
#forgot_area .new_pass {
	font-size:120%;
}

@media print, screen and (min-width: 460px) {
#forgot_area {
	width:70%;
	margin:0 auto;
}
#forgot_area .button_area {
	width:50%;
	margin:0 auto;
}
}

/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}


/* ==============================================
▼商品一覧・商品詳細パンくずリスト
=============================================== */
#pankuzu {
	margin-bottom:10px;
}
#pankuzu .breadcrumb {
	padding:0;
	margin:0;
	background:none;
}

/* ==============================================
▼商品一覧
=============================================== */

/* ▼検索結果*/
.pagecond_area {
    margin-bottom: 10px;
    padding: 10px;
}
.pagecond_area {
    border: 1px solid #ccc;
}

/* ▼○件の商品がございます */
.list_announce_num {
	font-size:110%;
}
.list_announce_num span {
	font-weight:bold;
}
/* ▼並び順・表示件数・商品説明*/
.list_page_navi_area {
	position:relative;
	z-index:1;
	margin-bottom:20px;
}
.list_page_navi_area .change_area .change {
    float: right;
    text-align: right;
	width:60%;
}
.list_page_navi_area .change_area .change .form-group {
	margin:5px 0;
}

@media print, screen and (min-width: 768px) {
.list_page_navi_area .change_area .change {
	width:100%;
}
}

/* ▼ページャー*/
.pagenumber_area {
	clear:both;
    width: 100%;
    text-align: center;
	margin-bottom:20px;
}
.pagenumber_area .pagination {
	padding:0;
	margin:0;
}
/* 文字色 */
.pagenumber_area .pagination > li > a,
.pagenumber_area .pagination > li > span {
  color: #555;
}
/* アクティブ時の色指定 */
.pagenumber_area .pagination > .active > a,
.pagenumber_area .pagination > .active > span,
.pagenumber_area .pagination > .active > a:hover,
.pagenumber_area .pagination > .active > span:hover,
.pagenumber_area .pagination > .active > a:focus,
.pagenumber_area .pagination > .active > span:focus {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

/* 商品説明/表示/非表示
----------------------------------------------- */
/* 商品説明 */
.listpagecomment {
	display:none;
	margin-bottom:10px;
}
.listpagecomment2 {
	margin-bottom:10px;
}

.listcomment_on {
	display: block;
}
.listcomment_off {
	display:none;
}

/* レイアウト
----------------------------------------------- */
.list_area {
	margin-bottom:20px;
	padding-bottom:20px;
	width:100%;
	border-bottom:#eee 1px solid;
}
.listphoto {
	float: left;
	width:45%;
}
.listrightbloc {
	float: right;
	width:50%;
}

@media print, screen and (min-width: 768px) {
div.list_area {
	border-bottom: none;
	padding-bottom:0;
}
div.list_left {
    width: 23.5%;
	float:left;
	margin-right:2%;
}
div.list_right {
    width: 23.5%;
	float:right;
}
*:first-child+html div.list_left,
*:first-child+html div.list_right {
	width:23%;
}
#list_category_image {
	margin-bottom:10px;
}
.listphoto,
.listrightbloc {
	float:none;
	width:100%;
}
}

/* 商品情報 各種設定
----------------------------------------------- */
/* カテゴリ画像 */
#list_category_image {
	margin-bottom:20px;
}
#list_category_image img {
	max-width:100%;
}

/* 画像 */
div.listphoto {
	text-align:center;
	margin-bottom:10px;
	position:relative;
}
div.listphoto img {
	max-width:100%;
}
div.listphoto img:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* 商品ステータス */
div.listrightbloc ul.status_icon {
    width: 100%;
	margin-bottom:5px;
}
div.listrightbloc ul.status_icon li.image {
    margin-right: 5px;
    float: left;
}
div.listrightbloc ul.status_icon li.text {
	font-size:85%;
    margin-right:2px;
	margin-bottom:2px;
	padding:1px 2px;
    float: left;
	color:#333;
}
div.listrightbloc ul.status_icon li#status1 {
	background: #FFD1BB;
}
div.listrightbloc ul.status_icon li#status2 {
	background: #FFD2E9;
}
div.listrightbloc ul.status_icon li#status3 {
	background: #FAA;
}
div.listrightbloc ul.status_icon li#status4 {
	background:#E2F2FA;
}
div.listrightbloc ul.status_icon li#status5 {
	background:#D7E8CA;
}

/* 商品名 */
div.listrightbloc h3 {
    font-weight: normal;
    font-size: 120%;
}

/* 商品詳細を見る */
div.listrightbloc .button_area {
	text-align:center;
    margin-bottom: 10px;
}

/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 10px 0;
}

/* 買い物カゴ */
div.listrightbloc .cart_area {
	display:none;
}

/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	display:none;
}
.list_area .arrival_endsell_sphone {
	clear:both;
	padding:5px;
	background-color: #F3F3F3;
	font-weight:bold;
}
.list_area .arrival_endsell_sphone span {
	color:#F00;
}

@media print, screen and (min-width: 460px) {
/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	clear:both;
	display:block;
	padding:5px;
	background-color: #F3F3F3;
	font-weight:bold;
}
div.listrightbloc .arrival_endsell span {
	color:#F00;
}
.list_area .arrival_endsell_sphone {
	display:none;
}
}

@media print, screen and (min-width: 1020px) {

/* 買い物カゴ */
div.listrightbloc .cart_area {
	display:block;
    background-color: #f5f5f5;
    width: 100%;
	padding:10px;
	border:#CCC 1px solid;
}

/* 規格・数量 */
div.listrightbloc .cart_area dl,
div.listrightbloc .cart_area dd,
div.listrightbloc .cart_area dt {
	margin:0;
}
div.listrightbloc .cart_area dl {
	margin-bottom:10px;
}
div.listrightbloc .quantity_no_pulldown {
	margin-bottom:10px;
}
div.listrightbloc .quantity_no_pulldown input.form-control {
	text-align:center;
}

/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	padding:5px;
	background:none;
	font-weight:bold;
}
div.listrightbloc .arrival_endsell span {
	color:#F30;
}

/* カゴに入れる */
div.listrightbloc .cartin_btn {
	text-align:center;
}
}

/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea {
    margin-bottom: 20px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */
#detailphotobloc {
    width: 100%;
}
#detailrightbloc {
    width: 100%;
}
#detailarea .underbloc {
	margin-bottom:20px;
}

@media print, screen and (min-width: 768px) {
#detailphotobloc {
    width: 48%;
    float: left;
}
#detailrightbloc {
    width: 48%;
    float: right;
}
}

/* 商品情報 各種設定
----------------------------------------------- */
/*パンくずリスト*/
#detailarea #pankuzu li#name {
	clear: none;
	display: inline;
	font-size:100%;
	margin:0;
	padding:0;
	background: none ;
	border: none;
}

/* ============================
   メイン画像・規格画像・サブ画像
   detail_image.tpl
/* =========================== */
#detail_image_area {
	margin-bottom:20px;
}
#detail_image_area img {
	max-width:100%;
}
#detail_image_area a:hover {
	opacity: 0.8;
}
#detail_image_area .main_slider-thumbnails {
	margin:0 -10px;
}
#detail_image_area .main_slider-thumbnails li {
	margin:0 10px;
	opacity: 0.8;
}
#detail_image_area .main_slider-thumbnails li:hover {
	opacity: 1;
	cursor:pointer;
}

/* --------------------------- */

/* QRコード */
.qrcode_detail {
	display:none;
}
@media print, screen and (min-width: 460px) {
.qrcode_detail {
	display:block;
	position:relative;
	margin:15px 0;
	min-height:111px;
}
.qrcode_detail .qrcode_box {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	border:1px solid #CCC;
}
.qrcode_detail .qrcode {
}
.qrcode_detail .text {
	min-height:100px;
	padding-left:120px;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
}

/* 商品名 */
h2.detail_product_name {
    color: #333;
    font-size: 180%;
    font-weight: normal;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
	border-bottom:#CCC 1px dashed;
}
.sphone h2.detail_product_name {
	padding:0;
	background:none;
}

/* 商品ステータス */
ul.detail_status_icon {
    width: 100%;
	margin-bottom:10px;
}
ul.detail_status_icon li.image {
    margin-right: 5px;
    float: left;
}
ul.detail_status_icon li.text {
	font-size:100%;
    margin-right: 3px;
	margin-bottom:3px;
	padding:1px 4px;
    float: left;
	color:#333;
}
ul.detail_status_icon li#status1 {
	background: #FFD1BB;
}
ul.detail_status_icon li#status2 {
	background: #FFD2E9;
}
ul.detail_status_icon li#status3 {
	background: #FAA;
}
ul.detail_status_icon li#status4 {
	background:#E2F2FA;
}
ul.detail_status_icon li#status5 {
	background:#D7E8CA;
}

/* 商品コード */
.detail_product_code {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
	border-bottom:#CCC 1px dashed;
}
.detail_product_code dt,
.detail_product_code dd {
    display: inline;
}

/* 通常価格 */
.detail_normal_price dt,
.detail_normal_price dd {
    display: inline;
}

/* 販売価格 */
.detail_sale_price dt,
.detail_sale_price dd {
    display: inline;
}

/* ポイント */
.detail_point dt,
.detail_point dd {
    display: inline;
}

/* 線 */
#detailarea .underline {
	height:1px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom:#CCC 1px dashed;
}
#detailarea .sphone .underline {
    padding:0;
    border:none;
}

/* メーカー */
#detailrightbloc .maker_area {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom:#CCC 1px dashed;
}
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}

/* 追加商品情報 */
.detail_product_head {
	clear:both;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom:#CCC 1px dashed;
}
.detail_product_head .head_name {
	margin-bottom:5px;
}
.detail_product_head .head_name span {
	padding:0 5px;
	color:#333;
	border-bottom:#ccc 1px dashed;
}
.detail_product_head .head_content {
	padding-left:5px;
	margin-bottom:10px;
}

/* Googleマップボタン */
#detailrightbloc .detail_map_button {
	clear:both;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom:#CCC 1px dashed;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom:#CCC 1px dashed;
}
#detailrightbloc .relative_cat dd {
	margin-bottom:5px;
}

/* 商品へのお問い合わせ */
.detail_contact_product {
	clear:both;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom:#CCC 1px dashed;
}
.detail_contact_product .name {
	font-size:140%;
	margin-bottom:5px;
	color:#333;
}

/* ============================
   PC用　カゴに入れる
   detail_pc_cart.tpl
/* =========================== */
#detailarea .cart_area {
    background-color: #fff;
	margin-bottom:10px;
}

/* マトリクス表示 */
#detail_classtable table {
	margin:0 0 15px 0;
}
#detail_classtable table td {
	padding:5px;
}
#detail_classtable .normal_price {
	text-decoration:line-through;
}
#detailarea #detail_class_no table,
#detailarea #detail_class_no td {
	border:none;
	font-size:110%;
	color:#333;
	line-height:1.6em;
}

/* プルダウン表示 */
#detailarea .classlist .input-group {
	margin-bottom:15px;
}

/* 数量 */
#detailarea .quantity {
	text-align:center;
	margin-bottom:15px;
}

/* 期間限定販売 */
#detailarea .arrival_endsell {
	padding:10px;
	background-color: #F3F3F3;
	font-weight:bold;
}
#detailarea .arrival_endsell span {
	color:#F00;
}

/* ============================
   スマホ用　カゴに入れる
   detail_sphone_cart.tpl
/* =========================== */
.sphone_cart_area {
	padding:10px;
	margin:20px 0;
}
.sphone_cart_area .classlist_box {
	margin-bottom:15px;
}
.sphone_cart_area .classcat_find2 {
	margin-top:15px;
}

/* ----------------------------
   ■カゴに入れる・お気に入り ボタン
/* ----------------------------- */
#detailarea .cartin {
	margin-top:10px;
	padding-bottom:10px;
}	
#detailarea .cartin_btn {
	float:left;
	width:49%;
}
#detailarea .favorite_btn{
	float:right;
	width:49%;
}
@media print, screen and (min-width: 460px) {
#detailarea .cartin_btn {
	width:50%;
	padding:0 10px
}
#detailarea .favorite_btn{
	width:50%;
	padding:0 10px;
}
}

/* ============================
   詳細-メインコメント
/* =========================== */
#detailarea .main_comment {
    margin-bottom: 30px;
}
#detailarea .main_comment_title {
	margin-bottom:10px;
	border-left:10px #999 solid;
	padding:5px 0 5px 10px;
	background-color:#eee;
	font-size:120%;
}
#detailarea .main_comment img {
	margin:0 5px;
	margin-bottom:10px;
}

/* ============================
   サブ情報
/* =========================== */
#detailsub_slide {
	display:none;
}
#pc_none_sub_area {
    margin-bottom: 20px;
}
@media print, screen and (min-width: 460px) {
#pc_none_sub_area {
	display:none;
}
#detailsub_slide {
	display:block;
    margin-bottom: 25px;
}
}

/* サブ情報・スライド */
#detailsub_slide #carousel_area {
	position: relative;
}
#detailsub_slide #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#detailsub_slide #carousel_detailsub {
	display:none;
}
#detailsub_slide #carousel_detailsub .item {
	float: left;
	position: relative;
}
#detailsub_slide #carousel_detailsub .image_area {
	width:38%;
	float:left;
}
#detailsub_slide #carousel_detailsub .comment_area {
	width:60%;
	float:right;
}
#detailsub_slide #carousel_detailsub .image_area img {
	max-width:100%;
}
#detailsub_slide #carousel_detailsub .comment_area .title {
	font-size:120%;
	background-color:#eee;
	border-left:10px solid #CCC;
	padding:5px 10px;
	margin-bottom:10px;
}
#prev_detailsub {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_detailsub {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_detailsub:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_detailsub:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#detailsub_slide #wrapper {
	width: 92%;
	left: 4%;
}
#prev_detailsub {
	width:4%;
}
#next_detailsub {
	width:4%;
}
}

/* サブ情報・スライド 使用しない*/
.sub_area .sphone_none {
	display:none;
}
@media print, screen and (min-width: 460px) {
.sub_area .sphone_none {
	display: block;
}
.sub_area .pc_none {
	display:none;
}
}
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}
.sub_area .title {
	font-size:120%;
	background-color:#eee;
	border-left:10px solid #CCC;
	padding:5px 10px;
	margin-bottom:10px;
}
.sub_area .subtext {
	width:57%;
	float:left;
}
.sub_area .subphotoimg {
	width:40%;
	float:right;
}
.sub_area .subphotoimg img {
	max-width:100%;
}

/* YouTube */
#detailarea #detail_youtube {
}
#detailarea .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin-bottom:15px;
}
#detailarea .embed-container iframe,
#detailarea .embed-container object,
#detailarea .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    margin-bottom: 30px;
}

div#customervoice_area h2 {
    margin-bottom: 20px;
    padding: 6px 0 8px 10px;
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
}


/* 関連商品
----------------------------------------------- */
#whobought_area {
    clear: both;
	margin-bottom:25px;
}
#whobought_area .whobought_title {
	margin-bottom:10px;
	border-left:10px #999 solid;
	padding:5px 0 5px 10px;
	background-color:#eee;
	font-size:120%;
}
div#whobought_area .product_item {
	clear:both;
	width:100%;
}
div#whobought_area .product_item .productImage {
	float:left;
	width:50%;
}
div#whobought_area .product_item .productContents {
	float:right;
	width:48%;
}
div#whobought_area .product_item .productImage img {
	max-width:100%;
	margin-bottom:10px;
}
div#whobought_area .product_item .productContents h3 {
	font-weight:normal;
	margin-bottom:5px;
}
@media print, screen and (min-width: 460px) {
/* 5列横並び */
div#whobought_area .product_item_left {
	width:19%;
	margin-right:1%;
}
div#whobought_area .product_item_right {
	width:20%;
}
div#whobought_area .product_item {
	float:left;
	clear:none;
}
div#whobought_area .product_item .productImage {
	margin-bottom:5px;
	float:none;
	width:100%;
}
div#whobought_area .product_item .productContents {
	float:none;
	width:100%;
}
div#whobought_area .product_item .productImage img {
	margin-bottom:0;
}
div#whobought_area .clear {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#999 1px dotted;
}
/* 2列横並び */
div#whobought_area #pattern2 .product_item_left {
	width:48%;
	float:left;
}
div#whobought_area #pattern2 .product_item_right {
	width:48%;
	float:right;
}
div#whobought_area #pattern2 .product_item .productImage {
	float:left;
	width:49%;
}
div#whobought_area #pattern2 .product_item .productContents {
	float:right;
	width:49%;
}

}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 10px;
    margin-bottom: 20px;
    background: #f7f7f7;
    text-align: left;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 0;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}

/*商品をすべて削除ボタン */
#undercolumn_cart #deleteall {
	margin-bottom:10px;
	text-align:right;
}

#undercolumn_cart .tab_resp table td {
	vertical-align:middle;
}
#undercolumn_cart .tab_resp table td .suryo {
	margin-bottom:10px;
	font-weight:bold;
}
#undercolumn_cart .tab_resp th.name {
	text-align:left;
	background-color:#eee;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:30px;
}
#undercolumn_cart .tab_resp th.align {
	text-align:left;
}

@media print, screen and (min-width: 460px) {
#undercolumn_cart .tab_resp th.name {
	background-color:#FFF;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:0;
}
#undercolumn_cart .tab_resp th.align {
	text-align:right;
}
}

/* ***********************************************
▼購入手続き
/*********************************************** */

#undercolumn_shopping {
	margin-bottom:20px;
}

#undercolumn_shopping h3 {
	font-size:120%;
	font-weight:normal;
	color:#333;
}

/* ショッピングフロー
----------------------------------------------- */
#shopping_flow {
	color: #9A9A9A;
	margin-bottom:10px;
	text-align:center;
	font-size:90%;
}
#shopping_flow .step {
	display:inline-block;
}
#shopping_flow .active {
	color:#333;
}
#shopping_flow .label {
	font-size:14px;
}
#shopping_flow .text {
	display:none;
}

@media print, screen and (min-width: 600px) {
#shopping_flow {
	margin-bottom:20px;
	font-size:120%;
}
#shopping_flow .label {
	font-size:18px;
}
#shopping_flow .text {
	display:block;
	position:relative;
	top:20px;
}
}


/* お届け先の指定
----------------------------------------------- */
#undercolumn_shopping #address_area {
    margin-bottom: 15px;
}
#undercolumn_shopping #address_area .information {
}
#undercolumn_shopping #address_area .add_multiple {
    padding: 15px 2%;
    border: 1px solid #ccc;
    width: 94%;
	margin:0 auto;
	margin-bottom:20px;
    color: #555;
    background: #f7f7f7;
    text-align: center;
}
#address_area .add_multiple p {
    margin-bottom: 10px;
}
#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:20px;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#f7f7f7;
}
#undercolumn_shopping .tab_resp a.delete {
	display:block;
	margin-top:-15px;
}

@media print, screen and (min-width: 460px) {
#address_area .add_multiple {
    float: right;
    width: 28%;
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#fff;
}
#undercolumn_shopping .tab_resp a.delete {
	display: inline;
	margin-top:0;
}
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}
div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}
div#undercolumn_shopping .point_area .point_announce {
}
div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}
div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}
div#undercolumn_shopping table.payment a.sphone_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:block;
	margin-bottom:10px;
}

@media print, screen and (min-width: 460px) {
div#undercolumn_shopping table.payment a.sphone_none {
	display: inline;
}
div#undercolumn_shopping table.payment a.pc_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:inline;
	margin-bottom:0;
}
}

/* 入力内容のご確認
----------------------------------------------- */
div#undercolumn_shopping .tab_resp table.confirm td {
	vertical-align:middle;
}
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:20px;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:left;
}

@media print, screen and (min-width: 460px) {
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:0;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:right;
}
}

/* 会員登録をしないで購入
----------------------------------------------- */
#undercolumn_customer {
	margin-bottom:30px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/* ==============================================
▼FAQ
=============================================== */
/*レイアウト*/
div#undercolumn_faq {
	margin-bottom:20px;
}
div#undercolumn_faq .pc {
	display:none;
}
div#undercolumn_faq #list_content {
	width:100%;
	padding:10px;
	margin-bottom:15px;
	background-color:#f7f7f7;
}
div#undercolumn_faq #faq_area {
	width:100%;
}
@media print, screen and (min-width: 1020px) {
div#undercolumn_faq .sphone {
	display:none;
}
div#undercolumn_faq .pc {
	display: block;
}
div#undercolumn_faq #list_area {
	float:left;
	width:25%;
}
div#undercolumn_faq #faq_area {
	float:right;
	width:73%;
}
}

/*#list_area*/
div#undercolumn_faq #list_area .box {
	margin-bottom:20px;
}
div#undercolumn_faq #list_area .title a {
	font-size:110%;
	color:#fff;
	font-weight:normal;
}
div#undercolumn_faq #list_area .title a:hover {
	color:#fff;
}
div#undercolumn_faq #list_area .space {
	margin-bottom:10px;
}
div#undercolumn_faq #list_area .list {
	clear:both;
	background: url(../img/icon/ico_q.png) no-repeat 0 3px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding-left:14px;
	margin:0 0 10px 5px;
}

/*faq_area*/
div#undercolumn_faq #faq_area {
}
div#undercolumn_faq #faq_area .category_title {
    font-size:120%;
    margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:#999 1px dotted;
	color:#333;
}
div#undercolumn_faq #faq_area .content_area {
	margin-bottom:10px;
}
div#undercolumn_faq #faq_area .content {
}
div#undercolumn_faq #faq_area .content .faq_question {
	color:#333;
	background: url(../img/icon/ico_q.png) no-repeat 0 3px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding-left:14px;
	font-weight:bold;
}
div#undercolumn_faq #faq_area .content .faq_answer {
	background: url(../img/icon/ico_a.png) no-repeat 0 14px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding:10px 0 10px 14px;
}

/* ==============================================
▼お問い合わせ
=============================================== */
#undercolumn_contact {
	margin-bottom:30px;
}
#undercolumn_contact .box380 {
	width:100%;
}
#undercolumn_contact input.box120 {
	display:block;
	width:100%;
	margin-bottom:10px;
}
#undercolumn_contact p.top a,
#undercolumn_contact p.top span {
	display:block;
}

@media print, screen and (min-width: 460px) {
#undercolumn_contact .box380 {
	width:380px;
}
#undercolumn_contact input.box120 {
	display: inline;
	width:120px;
	margin-bottom:0;
}
#undercolumn_contact p.top a,
#undercolumn_contact p.top span {
	display:inline;
}
}

/* ==============================================
▼メールトラブル
=============================================== */
#undercolumn_mail_err {
}
#undercolumn_mail_err #first {
	margin:15px 0;
	border: #C00 3px solid;
	background-color: #FAF5EF;
	padding:10px 15px;
}
#undercolumn_mail_err .text1 {
	font-size:120%;
	line-height:2.0em;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: #C96 2px dotted;
}
#undercolumn_mail_err .text2 span {
	color:#F00;
	font-weight:bold;
}
#undercolumn_mail_err #second {
	margin-bottom:15px;
}
#undercolumn_mail_err #second .title {
	color:#FFF;
	background-color: #6C0000;
	font-size:120%;
	padding:3px 10px;
	margin-bottom:10px;
}
#undercolumn_mail_err #second .content {
	padding:0 10px;
}
#undercolumn_mail_err #second .content span {
	color:#F00;
	font-weight:bold;
}
#undercolumn_mail_err #second .content span.f120 {
	font-size:120%;
}
#undercolumn_mail_err #second .content li {
	list-style-type:decimal;
	list-style-position:inside;
}
#undercolumn_mail_err #third {
	margin-bottom:15px;
	padding:0 25px;
}