@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css");
@import url("font-awesome.min.css"); 
@import url("animate.min.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2025/6/19
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
12.レビュー
13.購入履歴・見積履歴
14：サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
19.マイページ
20.ログイン
21.商品比較
22.キャンペーン
23.会員登録
24.BUSINESS
25.CASES
26.STORES
27.トピックス一覧共通
28.トピックス共通
29.お問い合わせ
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
* {box-sizing: border-box;}
body {background: #EAEAEA; color: #000; line-height: 1.5; -webkit-font-smoothing: antialiased; word-wrap: break-word; -webkit-text-size-adjust: 100%; position: relative;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 500;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin: 0; padding: 0;}
li{list-style-type: none;}
table{border-collapse: collapse; border-spacing: 0;}
img{border: 0;}


/* =================================================================
2.base
=================================================================*/
/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix {zoom: 1; } /* IE7 */

/*  基本のlink color
-------------------------------------------------------------*/
a:link {color: #000; text-decoration: underline;}
a:visited {color: #000;}
a:hover, a:active {color: #000;}

/*  ボタンデザイン
-------------------------------------------------------------*/
/*基本デザイン-下記クラスに加えpositive　negative等のクラスを合わせて付与する*/
.button,
a.button,
input.button,
button.button {display: block; padding: 16px 10px; line-height: 1; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; transition: .3s; border-radius: 0;}

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

/*戻る・クリア・削除・ログアウト等*/
.button.negative {background: #fff; color: #000; border: 1px solid #142D55;}/*戻る・クリア・削除・ログアウト等*/

/*上記以外のボタン*/
.button.normal {background: #fff; color: #000; border: 1px solid #142D55}

/*押せないボタン*/
.button.not_click {background: #B9B9B9; color: #fff; border: 1px solid #B9B9B9; cursor: default;}

/*見積ボタン*/
.button.estimate {background: #A26235; color: #FFFFFF;}

/*普通サイズの時にはクラスに下記を追加*/
.button.medium {width: 100%; max-width: 320px; font-size: 16px;}

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

/*小さいサイズの時にはクラスに下記を追加*/
.button.top {padding: 16px 10px; max-width: 180px; font-size: 14px; width: 100%;}

/*  画像の縦横比調整
-------------------------------------------------------------*/
.img_box{text-align: center; position: relative;}
.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;}

/*  フローチャート共通
-------------------------------------------------------------*/
#stepCommon {display: flex; justify-content: center; margin: 0 0 35px;}
#stepCommon li {margin: 0 70px 0 0; width: 100px; height: 35px; background: #fff; text-align: center; line-height: 35px; position: relative;}
#stepCommon li.active {background: #535353; color: #fff;}
#stepCommon li:last-child {margin: 0;}
#stepCommon li:after {content: ''; display: block; border-width: 1px 1px 0 0; border-style: solid; border-color: #707070; width: 14px; height: 14px;
	position: absolute; top: 50%; right: -38px; transform: translate(0, -50%) rotate(45deg);}
#stepCommon li:last-child:after {content: none;}

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

/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton{min-height: 80px;}
#main .mb-30{margin: 0 0 30px;}

#cartIndex #cartSidebar #AmazonPayV2Button{margin: 32px auto 2px; padding: 20px 0 0;}
#cartIndex #cartSidebar .amazon_btn{margin: 30px 0 0;}
#cartIndex #cartSidebar .amazon_btn.buttonarea a{margin: 0; min-width: 100%;}
#cartIndex #amazonAreaV2 .amazon_noLogin{margin: 20px 1px 32px;}
#cartIndex #amazonAreaV2 .amazon_noLogin h4{font-size: 15px;}
#cartIndex #amazonAreaV2 p{margin: 5px 0 0; font-size: 13px; text-align: left; color: #535353;}
#cartIndex #amazonAreaV2 .mb-30 a{margin: 5px 0 0; padding: 0; font-weight: bold;}

#cartFlow.amazonV2 h3 #AmazonPayV2ChangeSendButton{position: static; display: block;}
#cartFlow.amazonV2 h3.amazon_send-ttl{padding-bottom: 12px;}
#cartFlow.amazonV2 .amazon_title{display: flex; align-items: center; justify-content: space-between;}
#cartFlow.amazonV2 .amazon_title-text{display: block; margin: 5px 0 0; font-size: 14px; font-weight: normal;}
#cartFlow.amazonV2 .option_item{margin: 30px 0 0;}
#cartFlow.amazonV2 .change_data{margin: 0 0 60px;}

@media screen and (max-width: 767px) {
	#cartFlow.amazonV2 .amazon_title-text{font-size: 13px;}
}

/*  ローディング表示のスタイル
-------------------------------------------------------------*/
#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 {display: inline-block!important; font-size: 14px!important; font-weight: 500!important; line-height: 1!important; margin: 0 7px 0 0!important; padding: 5px 8px 5px!important; vertical-align: text-bottom!important; width: auto!important;}/*アイコン共通設定*/
.item_short {background: #D21E21;}/*品切*/
.item_soldout {background: #666666;}/*品薄*/
.item_new {background: #142D55; color: #fff;}/*NEW*/
.item_cp {background: #A26235; color: #fff;}/*キャンペーン対象*/
.item_limited {background: #142D55; color: #fff;}/*LIMITED*/
.item_off {background: #fff; color: #E00000;}/*●%OFF*/
.item_sn { background: #142D55; color: #fff;}/*即納*/
.item_delivery { background: #142D55; color: #fff;}/*即納*/
.item_before {background: #ff9900;}/*COMING SOON*/
.item_download {background: #00cccc;}/*ダウンロード商品*/
.item_yoyaku {background: #000000;}/*予約商品*/
.item_discount {background: #cc0000;}/*会員割引あり*/
.item_timesale {background: #F23A3A;}/*タイムセール中*/
.item_teiki_together {background: #a52ead;}/*定期にまとめて注文可能*/
.item_volume_discount {background: #ff6699;}/*ボリュームディスカウントあり*/
.item_bundle_sale {background: #F23A3A} /* まとめ買い対象*/
.item_option{border: solid 1px #CECECE; color: #000 !important; background: #fff;}

/*  共通クラス
-------------------------------------------------------------*/
.dispPc {display: block;}
.dispSp {display: none;}
.dispPcInline {display: inline-block;}
.dispSpInline {display: none;}

.indent {display: block; padding-left: 1em; text-indent: -1em;}

.insert {font-size: 16px;}
.origin {font-size: 16px;}

.text_overflow .light {opacity: .4;}
.text_overflow .more {display: block; margin: 10px auto 35px; width: 32px; height: 32px; border: solid 1px #142D55; background: #fff; text-indent: 100%;
	overflow: hidden; white-space: nowrap; border-radius: 50%; position: relative;}
.text_overflow .more:after {content: ''; display: block; width: 10px; height: 1px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.text_overflow .more:before {content: ''; display: block; width: 1px; height: 10px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* tabs */
#tabs {display: flex; justify-content: center; margin: 0 0 60px;}
#tabs li {margin: 0 40px 0 0;}

#tabs a {font-size: 16px; font-weight: bold; text-decoration: none; position: relative;}
#tabs a.active:after {content: ''; display: block; width: 100%; height: 2px; background: #000;
	position: absolute; bottom: -10px; left: 50%; transform: translate(-50%, 0);}

/* pagelinks */
#pagelinks {display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto 30px; max-width: 634px; width: 100%;}
#pagelinks li {margin: 0 30px 20px 0;}
#pagelinks a {font-size: 16px; font-weight: bold; text-decoration: none; position: relative;}

/* ページ内リンク ヘッダー固定調整 */
.inpagelink_anchor { padding-top: 60px !important; margin-top:-60px !important; }
h3.inpagelink_anchor {padding-top: 0 !important; margin-top: 0 !important;}

/*  オーバーレイ
-------------------------------------------------------------*/
#overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(255,255,255,0.6); z-index: 99;}

/*  wlc追記
-------------------------------------------------------------*/
.textred {color:#C00 !important;}
.textbold {font-weight: bold !important;}
.font120 {font-size: 120% !important;}
.font80 {font-size: 80% !important; line-height: 100% !important;}
.font60 {font-size: 60% !important; background-color: rgba(36,34,34,.6);}
.textcenter {text-align: center;}


.maring_00 {margin:0px !important;}
.maring_05 {margin:5px !important;}
.maring_10 {margin:10px !important;}
.maring_20 {margin:20px !important;}
.maring_30 {margin:30px !important;}
.maring_40 {margin:40px !important;}
.maring_50 {margin:50px !important;}

.maring_top00 {margin-top:0px !important;}
.maring_top05 {margin-top:5px !important;}
.maring_top10 {margin-top:10px !important;}
.maring_top20 {margin-top:20px !important;}
.maring_top30 {margin-top:30px !important;}
.maring_top40 {margin-top:40px !important;}
.maring_top50 {margin-top:50px !important;}
.maring_top60 {margin-top:60px !important;}
.maring_top80 {margin-top:80px !important;}
.maring_top100 {margin-top:100px !important;}

.maring_btm00 {margin-bottom:0px !important;}
.maring_btm05 {margin-bottom:05px !important;}
.maring_btm10 {margin-bottom:10px !important;}
.maring_btm20 {margin-bottom:20px !important;}
.maring_btm30 {margin-bottom:30px !important;}
.maring_btm40 {margin-bottom:40px !important;}
.maring_btm50 {margin-bottom:50px !important;}
.maring_btm60 {margin-bottom:60px !important;}
.maring_btm80 {margin-bottom:80px !important;}
.maring_btm100 {margin-bottom:100px !important;}

.maring_rit00 {margin-right:0px !important;}
.maring_rit05 {margin-right:5px !important;}
.maring_rit10 {margin-right:10px !important;}
.maring_rit20 {margin-right:20px !important;}
.maring_rit30 {margin-right:30px !important;}
.maring_rit40 {margin-right:40px !important;}
.maring_rit50 {margin-right:50px !important;}
.maring_rit60 {margin-right:60px !important;}
.maring_rit80 {margin-right:80px !important;}
.maring_rit100 {margin-right:100px !important;}

.maring_lft00 {margin-left:0px !important;}
.maring_lft05 {margin-left:5px !important;}
.maring_lft10 {margin-left:10px !important;}
.maring_lft20 {margin-left:20px !important;}
.maring_lft30 {margin-left:30px !important;}
.maring_lft40 {margin-left:40px !important;}
.maring_lft50 {margin-left:50px !important;}
.maring_lft60 {margin-left:60px !important;}
.maring_lft80 {margin-left:80px !important;}
.maring_lft100 {margin-left:100px !important;}

.padding_00 {padding:0px !important;}
.padding_05 {padding:5px !important;}
.padding_10 {padding:10px !important;}
.padding_20 {padding:20px !important;}
.padding_30 {padding:30px !important;}
.padding_40 {padding:40px !important;}
.padding_50 {padding:50px !important;}

.padding_top00 {padding-top:0px !important;}
.padding_top05 {padding-top:5px !important;}
.padding_top10 {padding-top:10px !important;}
.padding_top20 {padding-top:20px !important;}
.padding_top30 {padding-top:30px !important;}
.padding_top40 {padding-top:40px !important;}
.padding_top50 {padding-top:50px !important;}

.padding_btm00 {padding-bottom:0px !important;}
.padding_btm05 {padding-bottom:5px !important;}
.padding_btm10 {padding-bottom:10px !important;}
.padding_btm20 {padding-bottom:20px !important;}
.padding_btm30 {padding-bottom:30px !important;}
.padding_btm40 {padding-bottom:40px !important;}
.padding_btm50 {padding-bottom:50px !important;}

.padding_rit00 {padding-right:0px !important;}
.padding_rit05 {padding-right:5px !important;}
.padding_rit10 {padding-right:10px !important;}
.padding_rit20 {padding-right:20px !important;}
.padding_rit30 {padding-right:30px !important;}
.padding_rit40 {padding-right:40px !important;}
.padding_rit50 {padding-right:50px !important;}

.padding_lft00 {padding-left:0px !important;}
.padding_lft05 {padding-left:5px !important;}
.padding_lft10 {padding-left:10px !important;}
.padding_lft20 {padding-left:20px !important;}
.padding_lft30 {padding-left:30px !important;}
.padding_lft40 {padding-left:40px !important;}
.padding_lft50 {padding-left:50px !important;}


/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container {margin: 0; overflow: hidden;}

/* breadcrumbs - パンくずリスト
-------------------------------------------------------------*/
#breadcrumbs {padding-top: 20px; margin: 0 auto 30px; max-width: 1200px; font-size: 12px;}
#breadcrumbs a {text-decoration: none;}

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main {margin: auto; width: 100%; max-width: 1200px; font-size: 16px;}
#main h2 {margin: 0 0 60px; font-size: 34px; text-align: center; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#main.no_bread h2 {margin: 60px 0;}
#main h2 .sub,
#main h3 .sub {display: block;font-size: 14px;font-weight: 500;line-height: 100%; margin-top: 5px;}
#main .border::after{display: block; width: 28px; height: 1px; background: #000; content: ""; margin-top: 15px;}
#main p {margin: 0 0 10px; line-height: 150%;}
#main table {width: 100%; max-width: 1000px; margin: 0 0 10px; border: 1px solid #CCC;}
#main th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: 500; text-align: left;}
#main th.title{width: 160px; text-align: left;}
#main th.address{width: 55px;}
#main td{padding: 10px; border: 1px solid #CCC; vertical-align: top;}
#main .buttonarea {margin: 50px 0 0;text-align: center; display: flex; justify-content: center;}
#main .buttonarea .button {display: inline-block; margin: 0 7.5px; min-width: 180px;}
#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;}
#main table.input_table {margin: 0 auto 30px; width: 100%; max-width: 1000px; border: 0; table-layout: fixed;}
#main table.input_table th {padding: 30px 10px 30px 0; width: 30%; border: none; background: none;}
#main table.input_table td {padding: 30px 0; width: 100%; border: none; background: none;}
#main table.input_table td.cardnumber_td {display: flex; justify-content: space-between;}
#main table.input_table td.cardnumber_td input[type=text],
#main table.input_table td.cardnumber_td input[type=number] {width: calc(100% / 4 - 5px);}
#main table.input_table td.years select {width: calc(100% / 2 - 2em); max-width: 120px;}
#main table.input_table td.pointo_use {font-size: 13px;}
#main table.input_table td.pointo_use input[type=number] {width: 90px;}
#main table.input_table img {max-width: 100%;}
#main table.input_table input,
#main table.input_table select,
#main table.input_table textarea {width: 100%;}
#main table.input_table .icon_hissu {margin: 0 0 0 1em;}
#main table.input_table .en {display: block; margin: 5px 0 0;}
#main table.input_table.confirm tr {border-bottom: solid 1px #707070;}
#main table.input_table.confirm tr:last-child {border: 0;}
#main table.input_table .fileSelect {display: block; padding: 10px 10px; width: 260px; border: solid 1px #142D55; background: #fff; font-size: 16px; text-align: center; cursor: pointer;}
#main table.input_table .fileSelect input[type=file] {display: none;}
#main table.input_table .selectedFile {display: block; margin: 8px 0 0;}
#main table.table_style {width: 100%; margin: 30px 0 30px; border: none; }
#main table.table_style th{width: 10%; text-align: left; padding: 0 0 10px; background: transparent;font-size: 14px; border: none; border-bottom: 2px solid #b0b0b0;vertical-align: middle; }
#main table.table_style td{padding: 20px 5px; background: transparent;font-size: 14px; border: none; border-bottom: 1px solid #b0b0b0;vertical-align: middle; }
#main table.table_style .code {width: 150px;}
#main table.table_style .amount {width: 170px;}
#main table.table_style .tanka {width: 130px;}
#main table.table_style .sp_title {display: none;}
#main .sentence {margin: 0 auto 80px; max-width: 900px;}
#main .sentence.txC {text-align: center;}
#main .img {margin: 0 auto 100px;}
#main .img img {width: 100%; max-height: 100%; vertical-align: top;}
#main .main_img {margin: 0 0 40px;}
#main .main_img img {width: 100%; vertical-align: top;}

#main .sentence-image{width:100%; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-top: 20px;}
#main .sub-image{width:50%; padding:5px;}
#main .sub-image img{width:100%;}

#main .re-password{width: 100%; background: #fff; padding:30px 1rem; text-align: center; margin-bottom: 30px;}
#main .re-password p{margin: 0;}

/* slick */
#main .slick-dots {width: 100%; bottom: -40px;}
#main .slick-dots li { width: 20px; margin: 0 3.5px;}
#main .slick-dots li.slick-active button:before {color: #142D55;}
#main .slick-dots li button:before {color: #fff; opacity: 1; font-size: 12px;}
#main .slick-prev:before,
#reason .reason_top .slick-next:before {display: none;}
#main .slick-dotted.slick-slider {margin: 0;}
#aboutlc .aboutlc_cando .slick-next:before {display: none;}


/* リキャプチャー機能用
-------------------------------------------------------------*/
#main #reCAPTCHA{width: 304px; margin: 20px auto 20px auto;}

#main.input_content #reCAPTCHA{margin: 20px auto 40px;}
#main.input_content #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19);}

@media screen and (max-width: 767px) {
	#main.input_content #reCAPTCHA{margin: 20px 0 40px; width: 100%;}
	#main.input_content #reCAPTCHA .g-recaptcha{margin: 0 auto;
		max-width: 300px; -webkit-transform: scale(1.13); -ms-transform: scale(1.13); transform: scale(1.13);}
	}


/* お問い合わせページ画像項目用
-------------------------------------------------------------*/
#main .apply_area img{max-width: 100%;}

/* フォーム類部品
-------------------------------------------------------------*/
input[type="text"] {padding: 9px 15px; border: solid 1px #9B9B9B; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none; height: 40px;}
input[type="text"]:focus {border: solid 1px #142D55;}
input[type="email"] {padding: 9px 15px; border: solid 1px #9B9B9B; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none; height: 40px;}
input[type="email"]:focus {border: solid 1px #142D55;}
input[type="password"] {padding: 9px 15px; border: solid 1px #9B9B9B; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none; height: 40px;}
input[type="password"]:focus {border: solid 1px #142D55;}
input[type="tel"] {padding: 9px 15px; border: solid 1px #9B9B9B; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none; height: 40px;}
input[type="tel"]:focus {border: solid 1px #142D55;}
input[type="number"] {padding: 9px 15px; border: solid 1px #9B9B9B; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none; height: 40px;}
input[type="number"]:focus {border: solid 1px #142D55;}
select {padding: 9px 15px; border: solid 1px #9B9B9B; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none; height: 40px;}
select:focus {border: solid 1px #142D55; height: 40px;}
textarea {padding: 9px 15px; border: solid 1px #9B9B9B; background: #fff; outline: none; border-radius: 0; -webkit-appearance: none;}
textarea:focus {border: solid 1px #142D55;}
input, textarea, select, button {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif !important;
	font-weight: 500; font-size: 13px;}

/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar {float: none !important; width: 100%; max-width: 1000px; min-height: 500px; margin: auto;}

/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.narrow {max-width: 890px;}

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
#main.cart{float: none; width: 100%; max-width: 1200px; min-height: 500px;}


/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/
/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display: block; width: 980px; height: 150px; margin: auto; background: url("../images/button_smartphone.png") no-repeat; text-indent: -9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{padding: 5px; border-bottom: 1px solid #CCC; background: #1C8600; color: #FFF; font-size: 80%; text-align: center;}
#preview table{width: 800px; margin: auto;}
#preview .ico{width: 20%; padding-right: 10px; text-align: right;}
#preview .content{text-align: left;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header {background: #EAEAEA; border-bottom: solid 1px #CECECE; width: 100%;}
#header .inner {margin: 0 auto; padding: 28px 0 0; width: 100%; max-width: 1200px; position: relative; transition: .3s;}
#header .inner:after {content: ""; clear: both; display: block;}/* clearfix */
#header h1 {margin: 10px auto; width: 140px; height: auto; background: url(../images/logo.png) 0 0 no-repeat; background-size: 100%; text-indent: 100%;
	overflow: hidden; white-space: nowrap; animation: 1.5s show;}
#header h1 a {display: block;}
.head_h1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
#header .header_bottom {display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%;}

#header .gnav {padding: 12px 0 0; position: relative; margin: 0 auto;}
#header .gnav li {display: inline-block; margin: 0 0 0 35px; transition: .3s;}
#header .gnav li:first-child {margin: 0;}
#header .gnav li a {display: block; padding: 8px 5px 20px; color: #000; font-size: 14px; line-height: 1; text-decoration: none; position: relative; font-weight: bold;}
#header.is-fixed .gnav li a {color: #fff;}
#header.is-fixed .gnav .sub_menu li a {color: #000;}
#header .nav {display: flex; align-items: center; position: absolute; top: 0; right: 0;}
#header .nav li {margin: 0 15px 0 0; width: 32px; height: 44px;}
#header .nav li:last-child {margin: 0;}
#header .nav li a {display: block; position: relative;}
#header .nav li a .item_count {display: block; width: 12px; height: 12px; background: #000; color: #fff; font-size: 8px; font-weight: bold; text-align: center;
	border-radius: 50%; position: absolute; top: 0; right: 0; line-height: 12px;}
#header .nav li a.cart img {width: 28px;}
#header .mypage {position: relative; cursor: pointer;}
#header .mypage_menu {display: none; padding: 15px; width: 170px; background: #fff;
	position: absolute; top: 44px; left: 50%; transform: translate(-50%, 0); z-index: 1;}
#header .mypage_menu p {font-size: 14px; text-align: right;}
#header .mypage_list {margin: 10px 0 0; padding: 14px 0 0; border-top: solid 1px #373737;}
#header .mypage_list li {margin: 0 0 10px; width: 100%; height: auto;}
#header .mypage_list a {font-size: 12px; text-decoration: none;}
#header .mypage_list input[type=submit] {padding: 0; border: 0; background: none; font-size: 12px; -webkit-appearance: none; cursor: pointer;}

#header .keyword {width: 250px; position: absolute; top: 28px; right: 0; transition: .3s;}
#header .keyword input[type=text] {width: 100%; height: 32px; padding: 9px 37px 9px 11px; border: 0; background: #fff; border-radius: 5px;}
#header .keyword form button {width: 32px; height: 32px; border: 0; background: none; position: absolute; top: 0; right: 0; cursor: pointer;}
#header .keyword form button img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#header .nav .icon {width: 32px; height: 32px; position: relative;}
#header .nav .icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.is-fixed .fix_login img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(106%) contrast(102%);}
.is-fixed .fix_cart img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(106%) contrast(102%);}

#header .gnav .menu {position: relative;}
#header .gnav .sub_menu {display: none; background: #fff; position: absolute; top: 43px; left: 0; z-index: 1; white-space: nowrap;}
#header .gnav .sub_menu {padding: 18px 38px 10px;}
#header .gnav .sub_menu li {display: block; margin: 0 0 10px;}
#header .gnav .sub_menu li:first-child {margin: 0 0 10px;}
#header .gnav .sub_menu a {display: inline; padding: 0;}
#header .gnav .sub_menu a.primary_cat {display: block; margin: 0 0 10px; padding: 0; font-weight: bold; line-height: 1.5; color: #000;}
#header .gnav .sub_menu .primary_cat.text {display: inline-block; padding: 0; color: #000; font-size: 14px; font-weight: bold; line-height: 1; text-decoration: none; position: relative;}

#header .category_wrap {display: flex; margin: 10px 0 0; flex-wrap: wrap;}
#header .category_group ul {display: flex; flex-wrap: wrap; margin: 10px 0 0; width: 350px;}
#header .category_group .secondary {padding: 0 0 0 1em; width: 50%;}

.header_information {padding: 6px 0; background: #142D55;}
.header_information p {margin: 0 auto; max-width: 1200px; color: #fff; font-size: 12px; text-align: center;}
.header_information a {color: #fff; font-size: 14px; text-decoration: none;}

#header.is-fixed {position: fixed; top: 0; left: 0; z-index: 9999; background: #142D55;}
#header.is-fixed .inner {display: flex; padding: 0;}
#header.is-fixed h1 {margin: 11px 0 0; width: 77px; height: 30px; animation: 1.5s show2;}
#header.is-fixed .gnav {margin: 0; padding: 0;}
#header.is-fixed .gnav li {margin: 0 0 0 20px;}
#header.is-fixed .gnav li a {padding: 23px 5px;}
#header.is-fixed .gnav .sub_menu {top: 61px;}
#header.is-fixed .gnav .sub_menu li {margin: 0 0 10px;}
#header.is-fixed .nav {position: relative;}
#header.is-fixed .nav li {height: auto;}
#header.is-fixed .keyword.dispPc {top: 14px; right: 100px; background: #142D55; z-index: 9999;}

#header .sp_menu_btn {display: none;}

@keyframes show {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes show2 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


/* search - 商品検索窓
-------------------------------------------------------------*/
#search{float: right; width: 209px;}
#search h2{float: left; width: 105px; height: 20px; overflow: hidden; margin: 10px 10px 0 0; background: url("../images/search_title.gif") no-repeat; text-indent: -9999px;}
#search p{clear: both; padding: 5px 0px; font-size: 75%; text-align: right;}
#search .form{display: block; float: left; width: 163px; height: 25px; margin: 10px 0px 0 0; border: 1px solid #CCCCCC; border-right: 0px; padding: 4px;}
#search .button{float: left; margin: 10px 0 0; font-size: 13px; -webkit-border-radius: 0px;/* for Safari and Chrome */ -moz-border-radius: 0px; /* for Firefox */ -o-border-radius: 0px; /* for opera */ border-radius: 0px; width: 46px;}


/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
/* sideCategory - サイドカテゴリ―
-------------------------------------------------------------*/
#sideCategory a {display: block; text-decoration: none;}
#sideCategory .primaly_cat {padding: 12px 0 12px !important; font-size: 16px; font-weight: bold;}
#sideCategory .primaly_cat:first-child {padding: 0 0 14px;}
#sideCategory .secondary_cat_box {padding: 13px 0 0; border-top: solid 1px #9B9B9B;}
#sideCategory .secondary_cat_box a {padding: 13px 0 11px; font-size: 14px; font-weight: bold;}
#sideCategory .parent_cat {position: relative; padding: 0 25px 0 0;}
#sideCategory .parent_cat span {display: block; width: 15px.parent_catheight: 40px; overflow: hidden; white-space: nowrap; text-indent: 100%; cursor: pointer;
	position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
#sideCategory .parent_cat span:before {content: ''; display: block; width: 14px; height: 1px; background: #030303;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#sideCategory .parent_cat span:after {content: ''; display: block; width: 1px; height: 14px; background: #030303; opacity: 1;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
#sideCategory .parent_cat span.active:after {opacity: 0;}
#sideCategory .child_cat {display: none;}
#sideCategory .child_cat a {padding: 12px 0 10px 24px; font-weight: 500;}

#sideMypage {width: 100%;}
#sideMypage .customer_information {background: #fff; padding: 35px 40px 30px 40px;}
#sideMypage .customer_information h3 {margin: 0 0 13px; font-size: 18px; font-weight: bold;}
#sideMypage .customer_information p.point {margin: 0 ; font-size: 18px; font-weight: bold;}
#sideMypage .customer_information p.point .limit {display: inline-block; font-size: 14px; font-weight: 500;}
#sideMypage .customer_information p {margin: 0; font-size: 14px;}
#sideMypage .customer_information p.sub {margin: 5px 0 25px; font-size: 14px; display: inline-block; line-height: 100%;}
#sideMypage .customer_information .buttonarea {margin: 0; display: block;}
#sideMypage .customer_information .buttonarea a {padding: 13px 0; margin: 0 auto 10px; text-align: center; background: #fff; border: solid 1px #142D55;
	display: inline-block; width: 100%; font-size: 16px; text-decoration: none; position: relative;}
#sideMypage .customer_information .buttonarea a.icon{padding: 13px 29px 13px 47px;}
#sideMypage .customer_information .buttonarea .icon::before{content: '';display: inline-block;width: 14px;/*画像の幅*/height: 13px;/*画像の高さ*/
	background-image: url(../images/icon_mypage_sideber_heart@2x.png);background-size: contain;vertical-align: middle; margin: 0 5px 0 0; position: absolute; top: 17px; left: 28px;}
#sideMypage ul{width: 100%; line-height: 100%; border-top: solid 1px #D0D0D0; margin: 20px 0 0;}
#sideMypage ul li{width: 100%; border-bottom:solid 1px #D0D0D0;}
#sideMypage ul li p {margin: 0; line-height: 100%;}
#sideMypage ul li a {display: block; padding: 16px 0; text-decoration: none;}

/* =================================================================
6.extファイル用
使用ファイル：ext/about.html
　　　　　　　　ext/kvadrat.html
　　　　　　　　ext/faq.html
=================================================================*/
#ext h2 {margin: 0 0 60px; padding: 0; border: 0; font-size: 34px; text-align: center;}
#ext h3{display: block;font-size: 32px;}
#ext h2 span {display: block; font-size: 14px; font-weight: 500;}
#ext ul li {position: relative;}
#ext h4 {margin: 0 0 10px; font-size: 18px;}
#ext .img img {width: 100%;}
#ext .box p {margin: 0 0 60px; line-height: 180%;}
#ext .box p.no_margin {margin: 0 0 10px;}

/* About HAY(about.xhtml)
-------------------------------------------------------------*/
#ext.about .img {margin: 0 0 60px; width: 100%; vertical-align: top;}
#ext.about .flex {display: flex; margin: 0 0 160px; justify-content: space-between;}
#ext.about .flex .img {margin: 200px 0; width: 50%;}
#ext.about .flex .text {margin: 0; width: 41%;}
#ext.about .flex.img_right .img {width: 57.5%; display: flex;}
#ext.about .flex.img_right .text {width: 37.5%;}
#ext.about .flex.img_right2 .img {width: 57.5%;}
#ext.about .flex.img_right2 .text {width: 37.5%;}
#ext.about .flex.img_right2 .text h3 {display: none;}
#ext.about .content {margin: 0 auto; max-width: 1200px;}
#ext.about .movie {width: 100%; margin: 0 0 170px;}
#ext.about .movie .inner {padding: 56.25% 0 0;width: 100%;position: relative;}
#ext.about .movie iframe {position: absolute;top: 0; right: 0; width: 100% !important; height: 100% !important;}
#ext.about .sentence {text-align: center; margin: 0 auto 100px; max-width: 100%;}
#ext.about h3{ font-size: 16px; font-weight: 500; margin: 0 0 40px; line-height: 100%;}
#ext.about h3 {margin: 0 0 50px;font-size: 34px;font-weight: bold;
	 font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#ext.about .button.about {padding: 16px 10px; max-width: 240px; font-size: 14px; margin: 50px auto 0;}
#ext.about .img_list{display: flex; justify-content: space-between;}
#ext.about .img_list li {width: calc(3333.333% - (2.5%/3)); margin: 0 2.5% 0 0;}
#ext.about .img_list li:last-child {margin: 0;}
#ext.about .img_list li img{width:100%}
#ext.about .button.sp_about {display:none;}
#ext.about p {line-height: 180%;}
#ext.about p.name {margin: 30px 0 0; text-align: right;}

/* FAQページ(faq.xhtml)
-------------------------------------------------------------*/
#ext.faq {margin: 0 auto; max-width: 1000px; width: 100%;}
#ext.faq h2 {margin: 30px 0 90px;}
#ext.faq .box {border-top: solid 1px #707070; padding:0;}
#ext.faq .faq_title {font-size: 18px; text-align: center; cursor: pointer;}
#ext.faq .faq_title > span {padding: 30px 0; position: relative;border-bottom: solid 1px #707070; display: block;}
#ext.faq .faq_title > span::after{display: none;}
#ext.faq .faq_title.active > span{border-bottom: none;}
#ext.faq  .faq_title span > span{position: absolute; top: 45px; right: 5px; transform: translateY(-50%); display: block; width: 50px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#ext.faq .faq_title.active > span > span::before {display: none;}
#ext.faq .faq_title span > span::before, #ext.faq .faq_title > span > span::after {display: block;content: '';background-color: #707070;position: absolute;width: 25px;height: 1px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#ext.faq .faq_title span > span::before {display: block;width: 1px;height: 25px;}
#ext.faq .faq_contents {margin: 25px 0 0 ;border-bottom: solid 1px #707070; display: none; padding: 0 0 50px;}
#ext.faq .faq_detail_box {margin: 0 0 40px;}
#ext.faq .faq_detail_box dt {font-weight: bold; margin: 0 0 15px; font-size: 18px;}
#ext.faq .faq_detail_box dd {line-height: 180%; margin: 0 0 55px;}
#ext.faq .faq_detail_box dd .red {color: #ff0000;}
#ext.faq .faq_detail_box dd .sub {padding: 0 0 0 15px;}
#ext.faq .faq_detail_box .button {margin: 45px auto 15px; padding: 24px 0; max-width: 390px; font-size: 18px; width: 100%;}
#ext.faq .faq_detail_box .sub {text-align: center;}
#ext.faq .faq_detail_box .small{font-size: 14px;}
#ext.faq .supplement_box {background:#EFECDC; padding: 45px; margin: 0 0 35px;}
#ext.faq .supplement_box h4 {font-size: 16px; font-weight: bold;}
#ext.faq .supplement_box p {line-height: 180%; margin: 0;}
#ext.faq .supplement_box .button {margin: 45px auto 15px; padding: 24px 0; max-width: 390px; font-size: 18px; width: 100%;}
#ext.faq .supplement_box .sub {text-align: center;}
#ext.faq .supplement_box .small{font-size: 14px;}
#ext.faq .supplement {text-indent: -1em; padding-left: 1em; margin: 40px 0 0;display: block;}
#ext.faq .faq_detail_box .supplement {margin: -35px 0 0; font-size: 14px;}
#ext.faq .faq_detail_box .two_supplement {margin-top:0 ;}
#ext.faq .faq_detail_box dd .point_detail{padding-left:1em; margin: 10px 0 0;}
#ext.faq .faq_detail_box dd .point_detail li{display: flex;}
#ext.faq .faq_detail_box dd .point_detail li h4{font-size: 16px; font-weight: 500; line-height: 180%; margin: 0; width: 30%;}
#ext.faq .faq_detail_box dd .point_detail li p{font-size: 16px; font-weight: 500; line-height: 180%; margin: 0; width: 30%;}
#ext.faq .faq_detail_box dd .repair{padding-left:1em; margin: 10px 0;}
#ext .warning{max-width: 1000px; width: 100%; margin: 75px auto 0; background: #fff; border: solid 1px #707070;}
#ext .warning h3 {padding: 42px 0; font-size: 22px; text-align: center;}
#ext .warning dl {margin: 0 45px;}
#ext .warning dd{margin: 0 0 50px;}
#ext .warning dt{font-weight: bold; margin: 0 0 10px;}

/* HAYの生地(kvadrat.xhtml)
-------------------------------------------------------------*/
#ext.kvadrat .sentence {margin: 0 auto 80px; text-align: center;}
#ext.kvadrat #pagelinks {max-width: 900px;}
#ext.kvadrat li a{font-size: 18px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#ext.kvadrat h3 {margin: 0 0 20px; font-size: 18px; font-weight: 500; text-align: center;}
#ext.kvadrat .box h3 {margin: -60px 0 0 !important; padding-top: 60px !important; font-size: 32px; font-weight: bold; text-align: left;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#ext.kvadrat .box h3 span { display: block; padding: 60px 0 15px; border-top: solid 1px #b5b5b5;}
#ext.kvadrat .box .text_overflow{max-width: 807px; width: 100%;}
#ext.kvadrat .box p {margin: 0 0 30px;}
#ext.kvadrat .box p.sign {border: solid 1px #707070; padding: 20px; max-width: none; display: inline-block;}
#ext.kvadrat .fabric_img_list {display: flex; flex-wrap: wrap; margin: 0 0 45px;}
#ext.kvadrat .fabric_img_list li {margin: 0 15px 25px 0; width: calc(10% - (135px / 10));}
#ext.kvadrat .fabric_img_list li:nth-child(10n) {margin: 0 ;}
#ext.kvadrat .fabric_img_list a {text-decoration: none;}
#ext.kvadrat .fabric_img_list img {margin: 0 0 5px; width: 100%; vertical-align: top;}
#ext.kvadrat .fabric_img_list p {margin: 0; text-align: center; font-size: 18px; font-weight: 500;}
#ext.kvadrat .bottom {margin: 0;}
#popup .mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	overflow: hidden;
	position: fixed;
	background: rgba(255,255,255,0.6);
	opacity: 0.8;
}
#popup .mfp-wrap,
#popup .mfp-content {
	z-index: 10001;
}
#popup .modal_content {
	position: relative;
	background: #fff;
	padding: 40px;
	width: auto;
	max-width: 800px;
	margin: 20px auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: 10001;
	border: 1px solid #707070;
}

#popup .mfp-content .image {
	width: 100%;
	max-width: 455px;
}
#popup .mfp-content .image img {
	width: 100%;
}
#popup .mfp-content .text {
	padding: 0 0 0 20px;
	width: 100%;
}
#popup .mfp-content .text p {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
#popup .mfp-content .buttonarea {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#popup .mfp-content .button {
	width: 100%;
	max-width: 90px;
	font-size: 14px;
	padding: 12px 10px;
}
#popup .mfp-content .button + .button {
	margin-left: 10px;
}

#popup .mfp-arrow {
	display: none;
}
#popup .mfp-close-btn-in .mfp-close {
	border: solid 1px #142D55;
	border-radius: 30px;
	font-size: 16px;
	line-height: 10px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
}

/* お問い合わせページ(contact.xhtml)
-------------------------------------------------------------*/
#ext.contact {text-align: left;}
#ext.contact h3 {border-bottom: solid 1px #707070; text-align: center; padding: 0 0 20px 0; font-size: 20px;}
#ext.contact .online > p{text-align: center; margin: 0 0 35px;}
#ext.contact .online {max-width: 995px; width: 100%;margin: 0 auto;}
#ext.contact .online .text {margin: 35px 0 25px 0; text-align: center;}
#ext.contact .online .text p{line-height: 180%; margin: 0;}
#ext.contact .online .sp_disp {display: none;}
#ext.contact .online .contact_main_button {max-width: 250px; width: 100%; margin: 0 auto 10px;}
#ext.contact .online .contact_main_button li{list-style: none;}
#ext.contact .online .contact_main_button li a{text-decoration: none; padding: 15px 0; text-align: center; color:#fff; background: #142D55; border: solid 1px #142D55; display: block;}
#ext.contact .online .online_detail{display: flex; justify-content: center; max-width: 785px; width: 100%; margin: 10px auto 40px; align-items: center;}

#ext.contact .online .online_detail._list{max-width: 785px; width: 100%; margin: 10px auto 60px; align-items: center;}

#ext.contact .online .online_detail > li:first-child{width: 68%; line-height: 240%;}

#ext.contact .online .online_detail > li:last-child{width: 32%; line-height: 100%;}

#ext.contact .online .online_detail._list > li > ul > li:after{
  content: "＞";
  position: absolute;
  transform: translateX(125%);
  color: #000;
}
#ext.contact .online .online_detail._list > li:last-child{width: 100%; line-height: 100%;}

#ext.contact .online .online_detail._list > li:first-child{width: 100%; line-height: 240%;}

#ext.contact .online .online_detail > li > ul > li {width: 100%;}
#ext.contact .online .online_detail li p{font-weight: bold; margin: 0 0 5px 0;}
#ext.contact .online .online_detail > li::before{display: none;}
#ext.contact .online .online_detail li ul li::before{position: absolute; transform: translateX(-125%); content: "・"; color: #000;}
#ext.contact .online .online_detail li .contact_main_button li::before {display: none;}
#ext.contact .online .online_detail li ul{margin: 0 0 0 13px;}
#ext.contact .online .online_detail li .contact_main_button > li{margin: 0; width: 100%;}
#ext.contact .online .online_detail li .contact_main_button > li:first-child{margin: 0 0 10px; width: 100%;}
#ext.contact .online .online_detail li .contact_main_button {margin: -54px 0 0 0;}
#ext.contact .online .online_detail li ul li:last-child{margin: 0 0 0 0;}
#ext.contact .online .button_area{display: flex; max-width: 790px; width: 100%; margin: 20px auto 100px; justify-content: space-between;}

#ext.contact .online .button_area.btn_online{margin: 20px auto 30px;}
#ext.contact .online .lead{
	margin: 0 0 100px;
	text-align: center;
}

#ext.contact .button {padding: 25px 0; max-width: 390px; font-size: 18px; font-weight: bold; line-height: 100%;}
#ext.contact .button.left {margin: 0 auto 0;}
#ext.contact .button span{font-weight: 500;font-size: 16px; display: inline-block; padding: 10px 0 0;}
#ext.contact .sub_contents{width: 100%; margin: 0 auto; max-width: 995px; width: 100%; text-align: center;}
#ext.contact .sub_contents p{margin: 30px auto 0; line-height: 180%;}
#ext.contact .other{margin: 105px auto 0;}
#ext.contact .sub_contents ul{line-height: 180%; margin: 0 auto;}

#ext.contact .sub_contents.other.other ul {
	margin: 20px 0;
	text-align: left;
}

#ext.contact .other .box{margin: 0 auto; max-width: 800px; width: 100%;}
#ext.contact .sub_contents .button{margin: 30px auto 0;}

.inpagelink_anchor.d_store{
	margin-bottom: 105px;
	text-align: center;
}

/* ケアガイド(careguide.xhtml)
-------------------------------------------------------------*/
#ext.careguide {border-bottom: solid 1px #707070;}
#ext.careguide .sentence{text-align: center; margin: 75px auto 90px;}
#ext.careguide .box{width: 100%;}
#ext.careguide .box .title{font-size: 18px; font-weight: bold; text-align: center; border-top: solid 1px #707070; padding: 30px 0;position: relative;cursor: pointer;}
#ext.careguide .box .title span{position: absolute;top: 45px;right: 5px;transform: translateY(-50%);display: block;width: 50px;height: 50px;text-indent: 100%;white-space: nowrap;overflow: hidden;}
#ext.careguide .box .title.active span::before{display: none;}
#ext.careguide .box .title span::before,#ext.careguide .box .title span::after{display: block;content: '';background-color: #707070;position: absolute;width: 25px;height: 2px;top: 50%; left: 50%; transform: translate(-50%, -50%);}
#ext.careguide .box .title span::before{display: block;width: 2px;height: 25px;}
#ext.careguide .box .detail {margin: 0 0 120px; display: none;}
#ext.careguide .box .detail h4{font-size: 20px; font-weight: bold; padding:0 0 15px; border-bottom: dotted 1px #000; margin: 0 0 45px;}
#ext.careguide .box .contents{display: flex; justify-content: space-between;align-items: flex-start;}
#ext.careguide .box .contents .detail_img_box{position: relative;margin: 0;display: block; width: 20%;height: auto;}
#ext.careguide .box .contents .detail_img_box::before{content: "";display: block;padding-top: 80%;}
#ext.careguide .box .contents .detail_img_box img{position: absolute;width: 100%; height: 100%;top: 0;right: 0;bottom: 0;left: 0; margin: auto;object-fit: cover;}
#ext.careguide .box .contents .text{width: 75%;}
#ext.careguide .box .contents .text p {line-height: 180%; margin: 0 0 45px;}
#ext.careguide .box .contents .text p.no_bottom {line-height: 180%; margin: 0 0 5px;}
#ext.careguide .box .contents .text h5{font-size: 18px; font-weight: bold; margin: 0 0 15px;}
#ext.careguide .box .contents .text a{color:#142D55; margin: 0 0 120px; display: block; font-weight: bold;}
#ext.careguide .box .contents .text dl dt{margin: 0 0 15px;}
#ext.careguide .box .contents .text dl dt.bold {margin: 0 0 15px; font-weight: bold;}
#ext.careguide .box .contents .text dl dd{line-height: 180%; margin: 0 0 45px;}

/* 新規会員登録・規約(member_terms.xhtml,cart_member_terms.xhtml)
-------------------------------------------------------------*/
#ext.terms .sentence {text-align: center; margin: 0 auto 30px;}
#ext.terms .terms_box {border: solid 1px #707070; padding: 20px 30px; max-width:780px; width: 100%; height: 310px; overflow: scroll; margin: 0 auto;}
#ext.terms .buttonarea {margin: 32px auto 0;}
#ext.terms .box {display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; max-width: 1020px; margin: 0 auto;}
#ext.terms .box li{display: block; background: #fff; width: calc(50% - (3% / 2)); text-align: center; margin: 0 0 15px; height: 165px;position: relative;}
#ext.terms .box li .text{position: absolute;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);top: 50%;left: 50%; width: 100%;}
#ext.terms .box li h3{font-weight: bold; font-size: 20px; margin: 0 0 20px;}
#ext.terms .sp_disp{display: none;}
#ext.terms h4{font-weight: bold; margin: 40px 0 30px; text-align: center; font-size: 16px;}
#ext.terms .box li p{font-size: 14px; line-height: 180%; margin: 0;}
#ext.terms .pc_disp{display: block;}
#ext.terms .sp_disp{display: none;}
li.terms_background {
    border: 2px solid #808080;
}


/* scroll内 */
#ext .terms_service {max-width: 794px; width: 100%; margin: 0 auto;}
#ext .terms_service h3{width: 100%; padding-bottom: 10px; margin-bottom: 20px; text-align: center; border-bottom: solid 1px #a1a1a1; font-size: 18px;}
#ext .terms_service .terms_box h4 {margin: 10px 0; font-size: 14px; text-align: left;}
#ext .terms_service .terms_box p {display: block; line-height: 150%; margin: 0 0 20px; font-size: 14px;}
#ext .terms_service .terms_box ul {margin: 0 0 10px;}
#ext .terms_service .terms_box dl {margin: 10px 0; font-size: 14px;}
#ext .terms_service .terms_box dl dt {margin: 0 0 5px;}
#ext .terms_service .terms_box dl dd {margin: 0 0 15px; padding-left: 1em;}
#ext .terms_service .terms_box .annotation{color: #142D55;}
#ext .terms_service .terms_box .noIndent{padding-left: 0; margin: 0;}
#ext .terms_service .terms_box .box{margin: 0 0 30px; display: block;}
#ext .terms_service .terms_box ol {font-size: 14px;}
#ext .terms_service .terms_box ol.brackets_no li {margin: 0 0 10px; text-indent: -1.5em; padding-left: 1.5em;background: none;width: 100%;height: auto;text-align: left;}
#ext .terms_service .terms_box ol.no li {margin: 0 0 10px; text-indent: -1em; padding-left: 1em;background: none;width: 100%;height: auto;text-align: left;}
#ext .terms_service .terms_box .provision {margin: 50px 0 0;}

/* 利用規約(terms.xhtml)
-------------------------------------------------------------*/
#ext.terms_service {max-width: 794px; width: 100%; margin: 0 auto;}
#ext.terms_service h3{width: 100%; padding-bottom: 10px; margin-bottom: 40px; text-align: center; border-bottom: solid 1px #a1a1a1; font-size: 18px;}
#ext.terms_service .terms_box h4 {margin: 10px 0; font-size: 16px;}
#ext.terms_service .terms_box h5 {margin: 0 0 5px; font-size: 16px; font-weight: 500;}
#ext.terms_service .terms_box h6 {margin: 0 0 5px; font-size: 16px; font-weight: 500;}
#ext.terms_service .terms_box p {display: block; line-height: 180%; margin: 0 0 20px;}
#ext.terms_service .terms_box ul {margin: 0 0 10px;}
#ext.terms_service .terms_box dl {margin: 10px 0;}
#ext.terms_service .terms_box dl dd {margin: 0 0 10px; padding-left: 1em;}
#ext.terms_service .terms_box .annotation{color: #142D55;}
#ext.terms_service .terms_box .noIndent{padding-left: 0; margin: 0;}
#ext.terms_service .terms_box .box{margin: 0 0 40px;}
#ext.terms_service .terms_box ol.brackets_no li {margin: 0 0 10px; text-indent: -1.5em; padding-left: 1.5em;}
#ext.terms_service .terms_box ol.no li {margin: 0 0 10px; text-indent: -1em; padding-left: 1em;}
#ext.terms_service .terms_box ol.bottom_margin{margin-bottom: 20px;}
#ext.terms_service .terms_box .provision {margin: 50px 0 0;}

/* ショッピングガイド(guide.xhtml)
-------------------------------------------------------------*/
#ext.guide .box {width: 100%; border-bottom: solid 1px #707070;}
#ext.guide .box .guide_title {font-size: 18px;font-weight: bold;text-align: center;cursor: pointer;}
#ext.guide .box .guide_title > span{border-top: solid 1px #707070; display: block; padding: 30px 0; position: relative;}
#ext.guide .box .guide_title > span > span{position: absolute;top: 45px;right: 5px;transform: translateY(-50%);display: block;width: 50px;height: 50px;text-indent: 100%;white-space: nowrap;overflow: hidden;}
#ext.guide .box .guide_title.active > span > span::before {display: none;}
#ext.guide .box .guide_title > span > span::before, #ext.guide .box .guide_title span::after {display: block;content: '';background-color: #707070;position: absolute;width: 25px;height: 2px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#ext.guide .box .guide_title > span > span::before {display: block;width: 2px;height: 25px;}
#ext.guide .box .guide_title > span::after{display: none;}
#ext.guide .box p,
#ext.guide .box dl,
#ext.guide .box dl dd {line-height: 180%; margin: 0 0 25px;}
#ext.guide .box dl dt {margin: 0; font-weight: bold;}
#ext.guide .box dl.please {margin: 35px auto 0;}
#ext.guide .box dl.please dd {margin: 0 auto; max-width: 720px;}
#ext.guide .box dl.please ul {margin: 0;}
#ext.guide .box dl.please ul li {margin: 0; font-size: 14px;}
#ext.guide .box p.no_margin {margin: 0 0 10px;}
#ext.guide h4{margin: 0 0 10px; font-size: 18px; font-weight: bold;}
#ext.guide h4.step .icon{display: inline-block; background: #535353; color: #fff; padding: 5px 10px; margin: 14px 10px 0 0; font-size: 14px; position: relative; top: -2px;}
#ext.guide h5 {font-size: 16px; font-weight: bold; margin: 0;}
#ext.guide .annotation {color: #142D55; font-size: 14px; line-height: 1.5;}
#ext.guide .annotation p {line-height: 1.5;}
#ext.guide .annotation span {line-height: 1.5;}
#ext.guide .attention {color: #C00;} 
#ext.guide .small{font-size: 14px; font-weight: 500;}
#ext.guide .red {color: #ff0000;}
#ext.guide .border_bottom{border-bottom: solid 1px #000;}
#ext.guide .info {margin: 40px 0 90px; text-align: center;}
#ext.guide .info .button{padding: 24px 0; max-width: 390px; font-size: 18px; width: 100%; margin: 0 auto 15px;}
#ext.guide .flow {background: #fff; max-width: 1000px; width: 100%; margin: 0 auto 55px; padding: 45px; text-align: center;}
#ext.guide .flow .flow_box{max-width: 500px; width: 100%;  margin: 0 auto 30px;}
#ext.guide .flow p {margin: 0 0 15px;}
#ext.guide .flow .border_box{display: inline-block; padding: 15px; background: #fff; border: solid 1px #707070; width: 100%; text-align: center;margin: 0 0 15px;}
#ext.guide .flow .arrow{width: 100%;text-align: center; margin: 0 0 15px;}
#ext.guide .please {margin: 75px auto 0; max-width: 1000px; width: 100%; padding: 0 0 25px; border: solid 1px #707070; background: #fff;}
#ext.guide .please dt{font-weight: bold; text-align: center; padding: 25px 0;}
#ext.guide .please dd{line-height: 180%;margin: 0 auto;font-size: 14px;max-width: 590px;}
#ext.guide .box .guide_contents {display: none; margin: 30px 0 0; padding: 0 0 75px;}
#ext.guide ul.disc {margin: 0 0 25px; font-size: 15px;}
#ext.guide ul.disc li {margin: 0 0 3px; padding-left: 1em; text-indent: -1em;}
#ext.guide ul.disc li:before {content: '・';}
#ext.guide ul.disc.strong {font-weight: bold;}
#ext.guide ul.disc.strong .small {font-weight: normal;}
#ext.guide .inner_box {padding: 0;}
#ext.guide .inner_box .flex {display: flex; margin: 0 0 35px;}
#ext.guide .inner_box .flex .text {padding: 0 10px 0 0; width: 40%; min-width: 40%;}
#ext.guide .inner_box .flex .img {margin: 0 0 20px; max-width: 320px;}
#ext.guide .inner_box .flex .img img {width: 100%;}
#ext.guide .inner_box dl dd {margin: 0 0 5px;}
#ext.guide .inner_box .notice {padding: 0 0 0 1em; font-size: 14px;}
#ext.guide ol.num li {text-indent: -1.5em; padding-left: 1.5em;}
#ext.guide ol.round_num li {text-indent: -1em; padding-left: 1em;}
#ext.guide ol.round_num.strong li {margin: 0 0 10px; font-weight: bold;}
#ext.guide .card_img {display: block; margin: 10px 0 45px;}
#ext.guide .card_img img {vertical-align: top; max-width: 72%;}
#ext.guide table.send_table,
#ext.guide table.send_table td,
#ext.guide table.send_table th {border: 1px solid #707070;border-collapse: collapse;max-width: none; white-space: nowrap;font-size: 14px;}
#ext.guide table.send_table td {text-align: right;}
#ext.guide table.send_table th,
#ext.guide table.send_table td {height: auto; padding: 5px 10px; border: 1px solid #707070;}
#ext.guide table.send_table .fixed{position: sticky; position: -webkit-sticky; left: 0;background: #F2F2F2;color: #000000;border: 1px solid #707070;text-align: left;}
#ext.guide table.send_table .fixed::before{content: "";position: absolute;top: -1px;left: -1px;width: 100%;height: 100%;border: 1px solid #707070;}
#ext.guide table.send_table .back_gray {background: #535353;border-top: solid 1px #707070;border-right: solid 1px #707070; color: #fff;font-weight: bold;}
#ext.guide table.send_table .back_gray td{border-left: solid 1px #707070;text-align: left;}
#ext.guide table.send_table .back_green{background: #dae5e4;}
#ext.guide table.send_table .border_bottom{border-bottom: 2px solid #707070;}
#ext.guide table.send_table {border: 1px solid #707070;}
#ext.guide .sticky_table_wrapper {overflow: auto; width: 100%; margin: 0 0 25px;}
@media screen and (-ms-high-contrast: none) { /* IE11 */
	#ext.guide table.send_table .fixed{position: relative;}
}
#ext.guide .tax {font-size: 9px;}


/* 特定商取引法に関する法律に基づく表示(tokushou.html)
-------------------------------------------------------------*/
#ext.transaction{width: 100%; max-width: 794px; margin: 0 auto;}
#ext.transaction dl p {margin-bottom: 10px;}
#ext.transaction dl .second{margin-top: 30px;}
#ext.transaction .flex {display: flex;align-items: center;border-bottom: solid 1px #707070;}
#ext.transaction .flex.first{border-top: solid 1px #707070;}
#ext.transaction dt,#ext.transaction dd{padding: 30px 0;}
#ext.transaction dt{width: 25%; margin-right: 5%;font-weight: bold;padding: 0 2%;}
#ext.transaction dd,#ext.transaction .two_contents{width: 70%;}
#ext.transaction .two_contents dd{width: 100%;}
#ext.transaction .two_contents .margin_bottom{margin-bottom: 10px;}
#ext.transaction .table_bottom{margin-top:60px;}
#ext.transaction ul {padding-left: 20px;}
#ext.transaction ul li{list-style-type: disc;font-size: 16px;}

/* プライバシポリシー(privacy.xhtml)
-------------------------------------------------------------*/
#ext.privacy{max-width: 1020px;margin: 0 auto;}
#ext.privacy h3{font-weight: bold;font-size: 18px;margin: 0 0 15px;}
#ext.privacy p{line-height: 180%; margin: 0 0 55px;}
#ext.privacy .revision_time p{margin-bottom: 15px;}
#ext.privacy ul{margin-bottom: 20px;}
#ext.privacy ul li{list-style-type: disc; margin-left: 20px;}
/* メルマガ(mailmag.xhtml)
-------------------------------------------------------------*/
#main.mail a{display: inline-block; margin: 15px 0 0; font-size: 14px;}
#main.mail .to_cancel {text-align: center;}
#main.mail_can .thank {margin: 30px 0 0; text-align: center;}
#main.mail_can .thank p {line-height: 180%; margin: 0;}

/* 入荷お知らせ登録
(item_nyka_notice.xhtml,item_nyka_notice_result.xhtml)
-------------------------------------------------------------*/
#main.nyuka table.product_table {max-width: 600px; border: none; margin: 0 auto 60px; border-bottom: solid 1px #D0D0D0;}
#main.nyuka p {text-align: center; margin: 0 0 20px;}
#main.nyuka table.product_table tr {border-top: solid 1px #D0D0D0;}
#main.nyuka table.product_table th {border: none; padding: 20px 5px; background: none; width: 110px; font-size: 14px;}
#main.nyuka table.product_table td {border: none; padding: 20px 5px; font-size: 14px;}
#main.nyuka h3 {text-align: center; margin: 30px 0 15px;}
#main.nyuka .one_column_box{margin: 0 auto ;max-width: 600px;}
#main.nyuka table.input_table .title {width: 200px;vertical-align: middle;padding: 0;}
#main.nyuka table.input_table td {padding: 15px 0;}
#main.nyuka .buttonarea {margin: 35px auto 15px;}
#main.nyuka .buttonarea .button {margin: 0;}
#main.nyuka #error table{max-width: 600px; width: 100%; margin: 0 auto 10px;}
#main.nyuka .box {margin: 0 auto 60px;}
#main.nyuka .reminder {margin: 15px 0 0; text-align: center; font-size: 14px;}

/* 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;}

/* ポイントプログラムが新しくなりました(members_point.xhtml)
-------------------------------------------------------------*/
#ext.members_point {margin: 0 auto; max-width: 1000px; width: 100%;}
#ext.members_point p{line-height: 180%;}
#ext.members_point h3{font-size: 20px; margin: 1rem; text-align: center;}
#ext.members_point h4{margin-top: 3rem; margin-bottom: 1rem;}
#ext.members_point h5{font-size: 16px; font-weight: bold; margin-top: 2rem;}
#ext.members_point .underbar{border-top:solid 1px #707070;padding-bottom:30px;}
#ext.members_point dt {font-weight: bold; margin: 2rem 0 0;}
#ext.members_point dd {margin: 0 0 2rem;}
#ext.members_point li{list-style: none;}
#ext.members_point .read {text-align: center; margin-bottom:2rem;}
#ext.members_point .sp_on {display: none;}
#ext.members_point .point_box{border: solid 0.5px #707070; margin:1rem 0; padding:0 2rem 2rem;}
#ext.members_point .point_box li ul{font-weight: bold; margin-top: 1rem;}
#ext.members_point .under{border-bottom: solid 1px #707070;}
#ext.members_point .aboutstage_txt{margin-top: 2rem;}
#ext.members_point .caution_txt{margin: 0.5rem 0 3rem;}
#ext.members_point .buttonarea.for_left{text-align: left; display: block; margin:1rem 0;!important}
#ext.members_point .point_img01{max-width: 600px; margin: 0 auto 35px; text-align: center;}
#ext.members_point .point_img01 img{width: 100%;}
#ext.members_point .point_img02{max-width: 275px; margin: 1rem 0;}
#ext.members_point .point_img02 img{width: 100%;}
#ext.members_point .point_img03{max-width: 600px; margin: 2rem 0;}
#ext.members_point .point_img03 img{width: 100%;}
#ext.members_point .how_to{margin-bottom: 3rem;}
#ext.members_point .terms_for_point{text-align: center;}
#ext.members_point .terms_box {border: solid 1px #707070; padding: 20px 30px; max-width:780px; width: 100%; height: 310px; overflow: scroll; margin: 0 auto;}
#ext.members_point .box {display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; max-width: 1020px; margin: 0 auto;}
#ext.members_point .box li{display: block; background: #EFECDC; width: calc(50% - (3% / 2)); text-align: center; margin: 0 0 15px; height: 165px;position: relative;}
#ext.members_point .box li .text{position: absolute;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);top: 50%;left: 50%; width: 100%;}
#ext.members_point .box li h3{font-weight: bold; font-size: 20px; margin: 0 0 20px;}
#ext.terms h4{font-weight: bold; margin: 40px 0 30px; text-align: center; font-size: 16px;}
#ext.members_point .box li p{font-size: 14px; line-height: 180%; margin: 0;}
#ext.members_point .box pre{
	white-space: pre-wrap;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5;
	font-weight: 500;
}
#ext.members_point .box pre .font-bold{font-weight: bold; margin: 0 0 20px;}

/* サステナビリティ(sustainability.xhtml)
-------------------------------------------------------------*/
#ext.sustainability {margin: 0 auto; max-width: 1200px; width: 100%;}
#ext.sustainability .text {width: 70%;margin: auto;}
#ext.sustainability .H-column100{max-width: 800px; margin: auto; margin-bottom: 50px; text-align: center;}
#ext.sustainability .H-column100 p{max-width: 750px; margin: auto;}
#ext.sustainability .video-wrapper{max-width: 750px; margin: auto;}
#ext.sustainability .video-wrapper video{width: 100%;}
#ext.sustainability .flex_box{display: flex;flex-flow: wrap; justify-content: center; width: 100%;}
#ext.sustainability .H-column50{width: 50%;}
#ext.sustainability .H-column33{width: 33%;}
#ext.sustainability .H-column66{width: 66%;}
#ext.sustainability .H-column25{width: 25%;}
#ext.sustainability .mix-item{margin-bottom: 40px; padding-left: 1.5625rem; padding-right: 1.5625rem;}
#ext.sustainability .section-text{text-align: center; font-size: 80%;}
#ext.sustainability .section-img img{width: 100%;}
#ext.sustainability .pdf-img img{height: 200px;margin: auto;}

/* FURNITURE CATALOG(furniture_catalog.xhtml)
-------------------------------------------------------------*/
#catalog {
    font-family: "Helvetica, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.column_catalog {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
#catalog2019 {
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.4px;
    color: #555;
    background: #EAEAEA;
}
.cata_wh {
    background: #fff;
}
#catalog2019 .tit_index {
    width: 100%;
    height: auto;
    background-image: url(../images/furniture_catalog/index_cover_pc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-sizing: border-box;
}
#catalog2019 section {
    position: relative;
}
#catalog2019 .tit_index img {
    width: 100%;
    margin: 0;
}
#catalog2019 img {
    width: 100%;
    height: auto;
}

.txt-area {
    padding: 6.25vh;
}
#catalog2019 h1 {
    font-size: 4vh;
    line-height: 1.1;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 3%;
}
#catalog2019 p {
    font-size: 14.5px;
    line-height: 2;
    margin-bottom: 1em;
}
#catalog div, p {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#catalog2019 h2 {
    font-size: 4vh;
    line-height: 1;
    font-weight: normal;
    margin: 0;
    text-align: left;
}
#catalog .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    gap: 0;
}
#catalog .flex_box1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    gap: 2px;
}
#catalog .flex02 a:hover {
    color: #555;
    background: #f8f8f8;
}
#catalog .flex02 {
    width: calc(100% / 5);
    text-align: center;
    border-bottom: 2px solid #EAEAEA;
    border-right: 2px solid #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: center;
}
#catalog .flex02:nth-of-type(5n) {
    border-right: none;
}
#catalog2019 a {
    display: inline-block;
    color: #555;
    text-decoration: none;
}
#catalog2019 h3 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    text-align: center;
    margin: 30px 0;
}
#catalog2019 h3 span {
    font-size: 60%;
}
.bg_wh {
    background-color: #fff;
    width: 100%;
    height: 100%;
}
#catalog .category {
    font-size: 17px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
    margin: 0 !important;
    padding: 30px 30px 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}
#catalog .category_name {
    font-size: 10px !important;
    padding-bottom: 5px;
}
#catalog .flex01 {
    width: calc((100% - 6px) / 4);
    background-color: #fff;
}
#catalog .flex_column {
    display: flex;
    flex-direction: column;
}
#catalog .brand_name {
    background-color: #fff;
    flex-grow: 1;
}
#catalog2019 .brand_name h3 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: normal;
    padding: 13px 10px 20px;
    margin: 0;
    text-align: left;
}
#catalog2019 .brand_name h3 span {
    font-size: 60%;
}
#catalog .block {
    margin-top: 5%;
}
#catalog .block__btn {
    text-align: center;
}
#catalog .btn_default {
    text-align: center;
}
#catalog2019 a {
    display: inline-block;
    color: #555;
    text-decoration: none;
}
#catalog .btn-primary4 {
    line-height: 23px;
    width: 100%;
    max-width: 345px;
    border-color: transparent;
    border: 1px solid #142D55;
    color: #000;
    padding: 6px 12px;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
}
#catalog .btn-primary2 {
    line-height: 23px;
    width: 100%;
    max-width: 345px;
    border-color: transparent;
    background-color: #142D55;
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .column_catalog {
        width: 100%;
        margin: 0 auto;
    }
    #catalog2019 .tit_index img {
        margin: 0 auto;
        width: 100%;
        padding: 29px 0;
    }
    #catalog2019 .tit_index {
        background-image: url(../images/furniture_catalog/index_cover_sp.jpg);
        background-attachment: scroll;
        border: none;
        height: 195px;
    }
    .furniture___ #main {
        padding: 0;
    }
    #catalog .br-gr {
        border-width: 2px;
    }
    #catalog .txt-area {
        padding: 7.5%;
    }
    #catalog2019 h1 {
        margin-bottom: 5%;
        font-size: 5.6vw;
    }
    #catalog2019 p {
        margin: 0 0 5% !important;
        font-size: 3.6vw !important;
        line-height: 1.8 !important;
    }
    #catalog2019 h2 {
        font-size: 5.6vw !important;
        margin: 0 !important;
        text-align: left !important;
    }
    #catalog .flex_box {
        align-items: stretch;
    }
    #catalog .flex02 {
        width: calc(100% / 2);
        text-align: center;
        border-right: 2px solid #EAEAEA;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #catalog2019 a {
        display: inline-block;
        width: 100%;
    }
    #catalog2019 h3 {
        line-height: 1.2;
        font-weight: normal;
        text-align: center;
        margin: 30px 0;
    }
    #catalog2019 .brand_name h3 {
        font-size: 17px !Important;
        font-family: "Helvetica, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 500;
        padding: 14px 10px 20px;
    }
    #catalog .flex01 {
        width: 100% !important;
    }
    #catalog2019 a {
        display: inline-block;
        width: 100%;
    }
    #catalog .block {
        margin-top: 12%;
    }
    #catalog .flex02:nth-of-type(2n) {
        border-right: none;
    }
    .pc-visible {
        display: block;
    }
    .sp-visible {
        display: none;
    }
    #catalog .flex02:nth-child(5) {
        border-right: 2px solid #EAEAEA;
    }
    #catalog .flex02:nth-child(15) {
        border-right: 2px solid #EAEAEA;
    }
    #catalog .flex02:nth-child(25) {
        border-right: 2px solid #EAEAEA;
    }

}
.furniture___ {
    width: 100%;
}
/* PICKUP BRAND(pickupbrand_parts.xhtml)
-------------------------------------------------------------*/
@media screen and (min-width: 768px) {
    #pickupbrand {
        width: 100%;
        margin: 0 auto;
        background-color: #EAEAEA;
        font-size: 15px;
        line-height: 1.75;
        color: #555;
        font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Roboto, "Droid Sans", sans-serif;
    }
    #pickupbrand .tit_piet {
        width: 100%;
        height: 480px;
        background-image: url(../images/pickupbrand/piet_cover.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        border: 2px solid #EAEAEA;
        box-sizing: border-box;
    }
    #pickupbrand section {
        position: relative;
    }
    #pickupbrand .tit_common {
        width: 100%;
        height: 100%;
        display: flex;
        background-color: rgba(0, 0, 0, 0.50);
        padding: 4vw;
        color: #fff;
    }
    .flex-2 {
        flex: 2;
    }
    #pickupbrand h2 {
        font-size: 66.6px;
        line-height: 1;
        font-weight: normal;
        font-family: "Helvetica", "Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,"MS PGothic", "sans-serif";
        margin-bottom: 3.6%;
        text-align: left;
    }
    #pickupbrand h2 span {
        font-size: 20px;
    }
    #pickupbrand .tit_common ul {
        display: flex;
    }
    #pickupbrand .tit_common li {
        margin-right: 1em;
    }
    #pickupbrand .tit_common a {
        color: #fff;
        text-decoration: none;
    }
    .arrow {
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
        vertical-align: middle;
        text-decoration: none;
    }
    .arrow::before, .arrow::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    #pickupbrand .tit_common li {
        margin-right: 1em;
    }
    .arrow-dogleg-wh::before {
        left: 3px;
        width: 4px;
        height: 4px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #pickupbrand .box-txt {
        display: block;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #pickupbrand p {
        font-size: 14.5px;
        line-height: 2;
        margin-bottom: 1em;
    }
    .flex-container {
        width: 100%;
        display: flex;
        margin: 0;
    }
    .txt-area {
        padding: 6.25vh;
    }
    #pickupbrand h3 {
        font-size: 32px;
        line-height: 1;
        font-weight: normal;
        font-family: "Helvetica, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", "sans-serif";
        margin-bottom: 4%;
    }
    .tit-area {
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        padding: 0;
    }
    .br-gr {
        border: 3px solid #EAEAEA;
    }
    .bg-wh {
        background-color: #fff;
    }
    #pickupbrand h3 span {
        font-size: 50%;
    }
    #pickupbrand a.btn {
        display: block;
        height: 48px;
        line-height: 48px;
        width: 192px;
        border: 1px solid #666;
        box-sizing: border-box;
        font-size: 13px;
        text-align: center;
        margin: 5% 0 0;
        border-radius: 0;
        padding: 0;
    }
    #pickupbrand.flex-container-both {
        width: 100%;
        display: flex;
        margin: 0;
    }
    .flex-container2 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }
    .flex_box2 {
        width: calc(100% / 5);
    }
    #pickupbrand .flex-container {
        width: 100%;
        display: flex;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .pickupbrand___ #main {
        padding : 0;
    }
    #pickupbrand. {
        width: 100%;
        margin: 0 auto;
        background-color: #EAEAEA;
        line-height: 2;
        color: #555;
    }
    #pickupbrand .tit_piet {
        width: 100%;
        height: auto;
        background-image: url(../images/pickupbrand/piet_cover.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border: 3px solid #EAEAEA;
        box-sizing: border-box;
    }
    #pickupbrand .tit_common {
        width: 100%;
        height: auto;
        background-color: rgba(0, 0, 0, 0.50);
        box-sizing: border-box;
        color: #fff;
        padding: 8% 6.25%;
    }
    .flex-container {
        width: 100%;
        margin: 0;
        display: initial;
    }
    .flex-2 {
        flex: 2;
    }
    #pickupbrand h2 {
        font-size: 43px !important;
        line-height: 1.1;
        font-weight: normal;
        font-family: "Helvetica, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        margin-bottom: 12%;
        text-align: left !Important;
    }
    #pickupbrand h2 span {
        font-size: 15px !Important;
        text-align: left;
    }
    #pickupbrand .tit_common a {
        color: #fff;
        text-decoration: none;
    }
    #pickupbrand a {
        display: inline-block;
        width: 100%;
        color: #555;
        text-decoration: none;
        font-size: 3.6vw;
    }
    .arrow {
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
        vertical-align: middle;
        text-decoration: none;
    }
    .arrow-dogleg-wh::before {
        left: 3px;
        width: 5px;
        height: 5px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .arrow::before, .arrow::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    #pickupbrand .box-txt {
        display: block;
        margin: 10% 0 0;
    }
    .flex-1 {
        flex: 1;
    }
    #pickupbrand p {
        font-size: 15px !important;
        margin: 0 0 5% !important;
        font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴシック ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Roboto, "Droid Sans", sans-serif;
    }
    .br-gr {
        border: 2px solid #EAEAEA;
    }
    .bg-wh {
        background-color: #fff;
    }
    .flex-container {
        width: 100%;
        margin: 0;
    }
    .flex-1 {
        flex: 1;
    }
    #pickupbrand img {
        width: 100%;
        height: auto;
    }
    .tit-area {
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        padding: 0;
    }
    .txt-area {
        padding: 8%;
    }
    #pickupbrand h3 {
        font-size: 5.6vw;
        line-height: 1.25;
        font-weight: normal;
        font-family: "Helvetica, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        margin: 0 0 5%;
    }
    #pickupbrand a {
        display: inline-block;
        width: 100%;
        color: #555;
        text-decoration: none;
        font-size: 3.6vw;
    }
    #pickupbrand h3 span {
        font-size: 60%;
    }
    #pickupbrand a.btn {
        display: block;
        background-color: #fff;
        width: 52%;
        border: 1px solid #666;
        box-sizing: border-box;
        font-size: 3vw;
        text-align: center;
        font-weight: 400;
        padding: 3% 0;
        margin: 0;
        border-radius: 0;
        line-height: unset;
    }
#pickupbrand figcaption {
    height: 110px !important;
    }
    .pc_on {
        display: none !important;
    }
    #pickupbrand .container_pa {
        padding: 6.25% !important;
    }
#pickupbrand figcaption span {
    font-size: 12px !important;
    line-height: 2 !important;
    }
    .flex-container2 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }
    .flex_box2 {
        width: calc(100% / 2);
    }
    #pickupbrand a {
        display: inline-block;
        width: 100%;
        color: #555;
        text-decoration: none;
        font-size: 3.6vw;
    }
}

  #pickupbrand {
    color: #555;
}
  #pickupbrand p  {
    letter-spacing: 0.05em;
    font-size: 100%;
    line-height: 2 !important;
}

  .img-cover {
        display: flex;
}
  .flex-1 {
    flex: 1;
}
  .flex-container-both {
    width: 100%;
    display: flex;
    margin: 0;
}
  #pickupbrand a {
    display: inline-block;
    color: #555;
    text-decoration: none;
    }
  #pickupbrand img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
  #pickupbrand figcaption {
    display: block;
    height: 160px;
    padding: 6.25%;
    font-size: 20px;
    line-height: 1.1;
    font-weight: normal;
    font-family: "Helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", "sans-serif";
}
  #pickupbrand figcaption span {
    font-size: 70%;
}
  #pickupbrand figure {
    margin: 0;
}
  #pickupbrand .container_pa {
    padding: 0 3% 6%;
}
  #pickupbrand img {
    vertical-align: bottom;
}


/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual {margin: 0 0 50px calc(50% - 50vw); padding: 0 0 50px; width: 100vw;}
#mainvisual img {width: 100%;}
#mainvisual .slides {opacity: 0; transition: .3s;}
#mainvisual .slides.slick-initialized {opacity: 1;}
#mainvisual .slick-dots {bottom: -40px;}
#mainslider .slick-prev {content: '';background: url("../images/icon_arrow_left.png") no-repeat; height: 50px; width: 50px; z-index: 100;}
#mainslider .slick-next {content: '';background: url("../images/icon_arrow_right.png") no-repeat; height: 50px; width: 50px; z-index: 100;}
#mainslider .slick-next::before{content: "";}
#mainslider .slick-prev{left: 80px;}
#mainslider .slick-next{right: 80px;}

/* top_banner_pc - PCバナーエリア
-------------------------------------------------------------*/
#top_banner_pc{
	margin-bottom: 60px;
}

#top_banner_pc img{
	  max-width: 49%;
    margin: 0 auto;
}

/* top_banner_sp - SPバナーエリア
-------------------------------------------------------------*/
#top_banner_sp img{
	width: 100%;
}

/* topProducts - PRODUCTS
-------------------------------------------------------------*/
#topProducts {margin: 0 auto;}
#topProducts .topProducts_contents{display: flex;justify-content: space-between;}
#topProducts .slider_nav{display: none;}
#topProducts .furniture h3,
#topProducts .accessory h3 {margin: 0 0 45px; padding: 30px 0 0; width: 100%; text-align: center; border-top: solid 1px #a1a1a1; font-size: 20px;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#topProducts .furniture,#topProducts .accessory{display: block;width: 46.833333%;}
#topProducts .furniture ul,#topProducts .accessory ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#topProducts .furniture ul:after {content:""; display:block; width: 32%; height:0;}
#topProducts .accessory ul:after {content:""; display:block; width: 32%; height:0;}
#topProducts .furniture ul li,
#topProducts .accessory ul li {display: block; margin: 0 0 40px; width: 32%;}
#topProducts .furniture > ul > li > a,.accessory > ul > li > a{text-decoration: none; align-items: center;}
#topProducts .furniture ul li .img_box,.accessory ul li .img_box{
	position: relative; margin: 0;display: block;width:100%;height: auto;}
#topProducts .furniture ul li .img_box::before,#topProducts .accessory ul li .img_box::before{
	content: ""; display: block; padding-top: 75%;}
#topProducts .furniture ul li .img_box img,#topProducts .accessory ul li .img_box img {
	position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#topProducts .topProducts_contents .furniture ul li p,
#topProducts .topProducts_contents .accessory ul li p{display: block; margin: 10px 0 0; font-size: 14px; text-align: center;}

/* topFeatures - FEATURES
-------------------------------------------------------------*/
#topFeatures {margin: 90px auto 0;}
#topFeatures .features_contents{display:block;}
#topFeatures .features_contents a{margin: 0 auto;}
#topFeatures .features_details{display:flex; width: 100%; flex-wrap: wrap; margin: 0 0 35px;}
#topFeatures .features_details .box{display:block; width: calc(33.333% - 5%/3); margin-right: 2.5%;}
#topFeatures .features_details .box:nth-child(3n){margin-right:0 ;}
#topFeatures .features_details .box:nth-child(4),#topFeatures .features_details .box:nth-child(5),#topFeatures .features_details .box:nth-child(6) {display: none;}
#topFeatures .features_details .box a{text-decoration: none;}
#topFeatures .features_details .img_box{position: relative; margin: 0; display: block;}
#topFeatures .features_details .img_box::before{content: ""; display: block; padding-top: 75%;}
#topFeatures .features_details .img_box img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#topFeatures .features_details p{text-align: center;}
#topFeatures .features_details p.title{display: block; margin: 15px 0 10px; font-weight: bold; font-size: 18px;}
#topFeatures .features_details .detail{ display: block; font-size: 14px;}

/* new - 新着商品
-------------------------------------------------------------*/
#new {margin: 200px auto;}
#new ul{display: flex; margin: 40px 0 0; flex-wrap: wrap;}
#new ul li {display: block; width: calc(20% - (16%/5)); margin: 0 4% 40px 0;}
#new ul li:nth-child(5n){margin-right: 0;}
/* #new ul li:last-child {margin:0 0 35px 0;} */
#new ul li .img{position: relative; margin: 0; display: block; margin: 0 0 10px;}
#new ul li .img::before{content: ""; display: block; padding-top: 100%;}
#new ul li .img img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#new ul li .icon{margin: 0 5px 2px 0; font-size: 13px; display: inline-block; padding: 2px 6px 0; background: #B55F3C; color: #fff; width: auto;}
#new ul li .icons{display: block; margin: 0; width: 100%;}
#new ul li .name{font-weight: bold; margin: 5px 0 0;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#new ul li .name,#new ul li .price{display: block; font-size: 15px; margin: 0;}
#new ul li a{text-decoration: none;}
#new > a{margin: auto;}

/* ranking - ランキング
-------------------------------------------------------------*/
#ranking {margin: 200px auto;}
#ranking ul{display: flex; margin: 40px 0 0; flex-wrap: wrap;}
#ranking ul li {display: block; width: calc(20% - (16%/5)); margin: 0 4% 65px 0;}
#ranking ul li:nth-child(5n){margin-right: 0;}
#ranking ul li:last-child {margin:0 0 0 0;}
#ranking ul li .img{position: relative; margin: 0; display: block; margin: 0 0 10px;}
#ranking ul li .img::before{content: ""; display: block; padding-top: 100%;}
#ranking ul li .img img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#ranking ul li .icon{margin: 0 5px 5px 0; font-size: 14px; display: inline-block; padding: 2px 10px 0; background: #B55F3C; color: #fff; width: auto;}
#ranking ul li .icons{display: block; margin: 0; width: 100%;}
#ranking ul li .name{font-weight: bold; margin: 5px 0 0;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#ranking ul li .name,#ranking ul li .price{display: block; font-size: 15px; margin: 0;}
#ranking ul li a{text-decoration: none;}
#ranking > a{margin: auto;}

#ranking ul li .item_runking_number{
    width: 50px;
    height: 50px;
    position: relative;
    border: double #000 2px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 10px;
    margin-bottom: -30px;
    margin-left: -20px;
    z-index: 2;
}

#ranking .tab-wrap {display: flex; flex-wrap: wrap;}
#ranking .tab-label {color: #fff; background-color: #dddddd; text-align: center; margin-bottom: 14px; padding: 14px 0; order: -1; font-size: 12px; width:50%; font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#ranking .tab-label:first-child {width:49%; margin-right: 1%;}
#ranking .tab-content{width: 100%; display: none;}
#ranking .tab-switch:checked+.tab-label {background-color: #295456;}
#ranking .tab-switch:checked+.tab-label+.tab-content {display: block;}
#ranking .tab-switch {display: none;}

/* inspiration - インスピレーション
-------------------------------------------------------------*/
#inspiration {margin: 0 0 0 calc(50% - 50vw); width: 100vw;}
#inspiration .inspiration {position: relative;}
#inspiration .inspiration .map_sp{display: none;}
#inspiration img[usemap]{max-width: 100%; height: auto;}
#inspiration .inspiration img {width: 100%;}
#inspiration .item {padding: 25px 30px 35px; width: 80vw; max-width: 475px; background: #fff; z-index: 99;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: .3s;}
#inspiration .item.active {opacity: 1; visibility: visible;}
#inspiration .item h3 {margin: 0 0 25px; text-align: center; font-size: 18px;}
#inspiration .item .detail {display: flex; justify-content: space-between;}
#inspiration .item .img {margin: 0; width: 43%;}
#inspiration .item .img img {border: solid 1px #9b9b9b;}
#inspiration .item .text {width: 50%; font-size: 13px;}
#inspiration .item .text p {margin: 0 0 10px;}
#inspiration .item .text a {display: block; margin: 0 auto; padding: 12px 0 11px; width: 130px; border: 1px solid #55baba; color: #000;
	line-height: 1; text-align: center; text-decoration: none;}
#inspiration .close {padding: 0; width: 30px; height: 30px; border: solid 1px #55baba; background: none; text-indent: 100%;
	position: absolute; top: 10px; right: 10px; overflow: hidden; white-space: nowrap; border-radius: 50%; cursor: pointer;}
#inspiration .close:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#inspiration .close:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}
#inspiration .slick-dots li button:before {color: #F2F2F2;}
#inspiration .slick-list {overflow: visible;}
#inspiration .slick-prev {content: '';background: url("../images/icon_arrow_left.png") no-repeat; height: 50px; width: 50px; z-index: 100;}
#inspiration .slick-next {content: '';background: url("../images/icon_arrow_right.png") no-repeat; height: 50px; width: 50px; z-index: 100;}
#inspiration .slick-next::before{content: "";}
#inspiration .slick-prev{left: 80px;}
#inspiration .slick-next{right: 80px;}

/* topAboutHay - ABOUT HAY
-------------------------------------------------------------*/
#topAboutHay {padding: 200px 0 130px; background-color: #fff; margin: 0 0 0 calc(50% - 50vw); width: 100vw;}
#topAboutHay .inner {display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1200px; width: 100%; margin: 0 auto;}
#topAboutHay h2 {margin: 0 0 25px; text-align: left;}
#topAboutHay .img {margin: 0; width: 43.3333%;}
#topAboutHay .text .sp_img {display: none;}
#topAboutHay .text {width: 52.5%; padding: 0 5%;}
#topAboutHay .text p {margin: 0 0 25px; line-height: 180%;}

/* topHaysWorld - HAY's WORLD
-------------------------------------------------------------*/
#topHaysWorld {margin: 0 0 100px calc(50% - 50vw); padding: 100px 0 100px; width: 100vw; background: #EAEAEA;}
#topHaysWorld ul li {display: flex; max-width: 1200px; margin: 0 auto 60px; justify-content: space-around;}
#topHaysWorld span.box { width: 23%;}
#topHaysWorld a {color: #000; text-decoration: none;}
#topHaysWorld .img {margin: 0 0 20px; width: 100%;}
#topHaysWorld .img img {vertical-align: top;}
#topHaysWorld h3 {font-size: 18px; text-align: center;}
#topHaysWorld p {text-align: center; font-size: 14px;}
#topHaysWorld .button {margin: auto;}

/* topNews - NEWS
-------------------------------------------------------------*/
#topNews {margin: 120px 0 90px; background-color: #EAEAEA;}
#topNews .news_contents{margin:0 16.5%;}
#topNews .news_contents .text{display: flex;}
#topNews .news_contents .text .data{display: block; max-width: 140px; width: 100%; font-size: 16px; line-height: 100%; margin: 0 0 20px 0;}
#topNews .news_contents .text .detail{display: inline-block; font-size: 16px; line-height: 100%; margin: 0 0 20px 0; text-decoration: underline;}
#topNews .news_contents a{text-decoration: none;}
#topNews .button.top {margin: 30px auto 0;}

/* topStores - STORES
-------------------------------------------------------------*/
#main .two_contents_box{display: flex; justify-content: space-between;}
#topStores,#topBusiness,#topOnlineservice {width: calc(33% - (4%/3));}
#topStores .image_box,#topBusiness .image_box,#topOnlineservice .image_box {margin: 0 0 50px; width: 100%;}
#topStores .image_box img,#topBusiness .image_box img,#topOnlineservice .image_box img{width: 100%;}
#topStores h2.top_border,
#topBusiness h2.top_border,
 #topOnlineservice h2.top_border{margin: 0 0 35px; padding: 32px 0 0; border-top: line-height: 1em;}
#topStores h2.top_border .sub,
#topBusiness h2.top_border .sub,
#topOnlineservice h2.top_border .sub {margin: 5px 0 0;}
#topStores .buttons {text-align: center; display: flex; margin: 40px auto 0; justify-content: center;}
#topStores .buttons li:first-child {margin: 0 10px 0 0;}
#topStores .buttons li{max-width: 190px; width: 100%;}
#topStores .buttons li:last-child {margin: 0;}
#topStores .buttons .button {max-width: 190px; font-size: 16px; cursor: pointer; position: relative;}
#topBusiness .text p, #topOnlineservice .text p {margin: 0 0 35px;}
#topBusiness .text .button,#topOnlineservice .text .button {margin: 0 auto;}

/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend{margin-bottom: 20px; width: 100%;}
#recommend ul{margin-top: 10px;}
#recommend ul:after {content: ""; clear: both; display: block;}/* clearfix */
#recommend .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 20px 0 0px;}
#recommend .img_box{width: 140px; height: 140px; margin: 0px auto 10px;}
#recommend .img_box img{max-width: 140px; max-height: 140px;}
#recommend .text{width: 140px; margin: 0 auto;}
#recommend .appeal{color: #F60; font-size: 70%;}
#recommend h3{margin: 0px 0px 10px; font-size: 90%; font-weight: 500; line-height: 140%; min-height: 60px;}
#recommend .price{margin: 0px 0px 20px; font-size: 80%; color: #C00; text-align: right;}


/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking{margin-bottom: 20px; width: 100%;}
#ranking ul{margin-top: 10px;}
#ranking ul:after {content: ""; clear: both; display: block;}/* clearfix */
#ranking .box{float: left; width: 185px; margin: 0 10px 10px 0; border: #d4d4d4 1px solid; padding: 20px 0 0px;}

#ranking h3{margin: 0 0 20px; width: 100%; text-align: center; font-size: 20px;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#ranking #ranking_no1 h3{background: url("../images/ranking_no01.gif") 0px 5px no-repeat;}
#ranking #ranking_no2 h3{background: url("../images/ranking_no02.gif") 0px 5px no-repeat;}
#ranking #ranking_no3 h3{background: url("../images/ranking_no03.gif") 0px 5px no-repeat;}
#ranking #ranking_no4 h3{background: url("../images/ranking_no04.gif") 0px 5px no-repeat;}
#ranking #ranking_no5 h3{background: url("../images/ranking_no05.gif") 0px 5px no-repeat;}
#ranking #ranking_no6 h3{background: url("../images/ranking_no06.gif") 0px 5px no-repeat;}
#ranking #ranking_no7 h3{background: url("../images/ranking_no07.gif") 0px 5px no-repeat;}
#ranking #ranking_no8 h3{background: url("../images/ranking_no08.gif") 0px 5px no-repeat;}
#ranking #ranking_no9 h3{background: url("../images/ranking_no09.gif") 0px 5px no-repeat;}
#ranking #ranking_no10 h3{background: url("../images/ranking_no10.gif") 0px 5px no-repeat;}

#ranking h4{margin: 0px 0px 10px; font-size: 90%; font-weight: 500; line-height: 140%; min-height: 60px;}
#ranking .price{margin: 0px 0px 20px; font-size: 80%;}
#ranking .text{width: 140px; margin: 0 auto;}
#ranking .appeal{color: #F60; font-size: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#ranking .img_box{width: 140px; height: 140px; margin: 0px auto 10px; text-align: center; position: relative;}
#ranking .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;}


/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
#itemAccessLog{margin-bottom: 20px; clear: both;}
#itemAccessLog .box{margin-top: 10px; border: #CCC 1px solid;}
#itemAccessLog .box:hover{border: #8CC329 1px solid;}
#itemAccessLog .box:after {content: ""; clear: both; display: block;}/* clearfix */
#itemAccessLog .text{margin-left: 140px;}
#itemAccessLog h3{display: block; margin: 10px 10px 0 0; font-size: 95%;}
#itemAccessLog .link{float: right; font-size: 13px; padding-top: 10px;}
#itemAccessLog .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#itemAccessLog .price{display: block; margin: 0; color: #C00;}
#itemAccessLog .price .teika{font-weight: bold; font-size: 110%;}
#itemAccessLog .price .other{font-size: 90%;}
#itemAccessLog .explanation1{display: block; margin: 5px 10px 0 0; padding: 5px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#itemAccessLog .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
#itemAccessLog .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
#itemAccessLog .button_area .button{width: auto; display: inline-block;}
#itemAccessLog .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}
#itemAccessLog .img_box{width: 120px; height: 120px; margin: 10px; float: left;}
#itemAccessLog .img_box img{max-width: 120px; max-height: 120px;}


/* =================================================================
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,
=================================================================*/
#header.cart h1 { margin: 0 auto 28px;}
#header.cart.is-fixed h1 { margin: 20px 0 8px;}

#main.cart .txC { text-align: center;}
#main.cart .hosoku { margin-top: 30px; font-size: 80%;}
#main.cart .txC a { margin: 30px auto; }

#main.cart #detailItemList { margin-top: 70px; }
#main.cart  h3.reccomend {margin: 0 0 40px; text-align: center; font-size: 20px;}
#main.cart td .caption {display: block; margin-top: 10px; font-size: 14px;}


/* セレクトボタン */
select {
  height: 40px;
  padding: 10px 30px 10px 10px;
  font-size: 13px;
  border: solid 1px #9B9B9B;
  vertical-align: baseline;
  line-height: 1;
}
@media all and (-ms-high-contrast: none){/* IE10以上 */
  select {padding: 10px 30px 10px 10px; background: url("../images/icon_select.png") no-repeat right 15px top 58%; background-size: 13px 9px;}
  select::-ms-expand { display: none; }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  select{
	height: 40px;
	padding: 10px 30px 10px 10px;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border: 1px solid #9B9B9B;
	background:#FFF url("../images/icon_select.png") no-repeat right 15px top 58%;
	background-size: 13px 9px !important;
	vertical-align: baseline;
  }
}
@-moz-document url-prefix(){
  select{
	height: 40px;
	padding: 10px 30px 10px 10px;
	-moz-appearance: none;
	border: 1px solid #9B9B9B;
	background:#FFF url("../images/icon_select.png") no-repeat right 15px top 58%;
	background-size: 13px 9px !important;
	vertical-align: baseline;
  }
}
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
  select {
	background-image: none !important;
  }
}


/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{max-width: 345px; width: 30%; float: right;}
#cartSidebar #sideInner{max-width: 345px;width: 100%; margin: 0 auto; background: #fff; padding: 30px 30px;}
#cartSidebar .total_box{}
#cartSidebar .total_box .box{ display: flex; justify-content: flex-end; align-items: center; font-size: 16px; border: none; margin-bottom: 10px; text-align: right;}
#cartSidebar .total_box .box:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box h3{ text-align: right; font-weight: normal;margin: 0; background: none; padding: 0px; border: 0px;display: inline-block; width: 53%;}
#cartSidebar .total_box p.price{ text-align: right; margin: 0px; font-weight: normal; display: inline-block; color: #000; max-width: 100px; width: 45%;}
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{ display: flex; justify-content: flex-end; align-items: center; font-size: 18px; font-weight: bold; border: none; margin-bottom: 10px; padding-top: 10px; text-align: right; border-top: 1px #b4b08d solid;}
#cartSidebar .total_box .totalpricebox h3{font-weight: bold; }
#cartSidebar .total_box .totalpricebox p.price{font-weight: bold; }
#cartSidebar .total_box .totalpricebox:after {content: ""; clear: both; display: block;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .cartButtonArea { margin-top: 30px; }
#cartSidebar .cartButtonArea a{display: block; margin: 0 auto 10px; min-width: 0; max-width: none; padding: 16px 10px;}
#cartSidebar .cartButtonArea img{display: block;}
#cartSidebar .cartButtonArea input{display: block; margin: 0 auto 10px; min-width: 0; max-width: none; padding: 16px 10px;}
#cartSidebar .tax{font-size: 9px; color: #666;}

#cartSidebar .cartButtonArea a.mitsumori{margin: 20px 0 0;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{max-width: 1200px; width: 100%; padding-bottom: 20px; margin: 0 auto;}
#cartIndex .content{max-width: 795px; width: 70%; float: left; padding-right: 20px;}
#cartIndex:after {content: ""; clear: both; display: block;}/* clearfix */
#cartIndex table{width: 100%; margin: 0px 0 10px; border: none; }
#cartIndex table th{padding: 0 5px 10px; background: transparent;font-size: 14px; border: none; border-bottom: 1px solid #b0b0b0;vertical-align: middle; }
#cartIndex table td{padding: 20px 5px; background: transparent;font-size: 14px; border: none; border-bottom: 1px solid #b0b0b0;vertical-align: middle; }

#cartIndex #error { max-width: 764px; }
#cartIndex #error td { text-align: left; }
#cartIndex #error .content { width: auto; }

#cartIndex table {table-layout: fixed;}
#cartIndex table th{width: 10%; text-align: left;}
#cartIndex table th.itemname{width: 100%;}
#cartIndex table th.price{width: 25%;}
#cartIndex table th.amount{width: 170px;}
#cartIndex .img_box{width: 105px; height: 105px; text-align: center; position: relative; float: left;}
#cartIndex .img_box img{width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#cartIndex .text_box {padding-left: 125px;}
#cartIndex .text_box p{margin: 0 0 10px; font-size: 14px;}
#cartIndex .text_box p.code{font-size: 12px;}
#cartIndex .text_box p.itemname{font-size: 16px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#cartIndex .text_box a{text-decoration: none;}
#cartIndex .text_box p.last{margin-bottom: 0px;}

#cartIndex .empty{margin: 20px auto; max-width: 794px;}
#cartIndex .empty > p:not(.buttonarea){ border: 1px solid #707070; padding: 25px;}
#cartIndex .tax{font-size: 9px; color: #666;}

#cartIndex td .price_en{font-size: 16px;}
#cartIndex td span{display: inline-block; vertical-align: middle;}
#cartIndex select{padding-top: 10px; width: 84px; border: 1px solid #707070; height: 40px; margin: 5px 0; margin-right: 15px; font-size: 16px;}

#cartIndex .content td span.delete a {background: none; border: none; width: auto; display: inline-block; font-size: 14px; border-bottom: 1px solid #000; padding: 0 5px 3px; height: auto; }

#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; }
#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;}

#cartIndex .warning { background: #fff; padding: 30px 20px; margin: 40px auto auto; line-height: 1.4; font-size: 14px;}
#cartIndex .warning p { margin:  auto auto;}

#cartIndex .item_icon{margin: 0 7px 5px 0 !important;}

#cartIndex + #detailItemList .tab_content { overflow: visible; display: block; }

#cartIndex .link_textR{margin: 8px 0 32px; font-size: 14px;}
#cartIndex .link_textR a{padding: 0; text-decoration: underline; text-align: right;}



/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin { max-width: 1000px; margin: auto; }
#cartLogin h2 {margin: 60px 0;}

#cartLogin .two_column_box { display: flex; justify-content: space-between; margin: 0 auto 60px; }
#cartLogin:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin table{margin: 0 auto 20px auto; width: 100%;}
#cartLogin h3{ width:100%; padding-bottom:20px; text-align: center; border-bottom: solid 1px #a1a1a1; font-size: 18px; margin-bottom: 20px;}
#cartLogin .box{width: calc(50% - 20px); float: left; margin: 0 0 30px 0; position: relative;}
#cartLogin .box  + .bpx{margin: 0 0 30px 2%;}
#cartLogin .box .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#cartLogin .box table{margin: 10px; width: auto;}
#main.cart #cartLogin .box table td{ width: auto; padding: 15px 0;}
#main.cart #cartLogin .box table .title {width: 200px; padding: 15px 0;}
#main.cart #cartLogin .widebox table td{ width: auto; padding: 15px 0;}
#main.cart #cartLogin .widebox table .title {width: 200px; padding: 15px 0;}

#cartLogin .box .regist_non_area{width: 100%; margin: 20px auto;}
#cartLogin .box .amazon_area{width: 100%; margin: 0 auto; border-top: 1px solid #ccc;}
#cartLogin .box .amazon_area p{margin: 10px 0;}
#cartLogin .widebox{max-width: 600px; width: 100%; margin: 0 auto 30px; clear: both;}
#cartLogin .widebox .link{text-align: right;}
#cartLogin .widebox table{width: 100%;}
#cartLogin .widebox .buttonarea{width: 100%; margin: 20px 0; padding: 0;}
#cartLogin .link_text {margin: 15px 0 15px; text-align: center; font-size: 14px;}

#cartLogin .social_provider ul {display: flex; flex-wrap: wrap; justify-content: center;}
#cartLogin .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin .social_provider ul li {width: 194px; height: 44px; font-size: 14px; display: block; margin: 0 10px 20px;}
#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;}

#cartLogin .box .regist_non_area .firstTime-area{margin: 0;}
#cartLogin .box .regist_non_area .firstTime-area .link_text{font-size: 13px;}
#cartLogin .firstTime-area .buttonarea.firstTime{margin: 0 auto 16px;}

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#main table.input_table input { max-height: 40px; }
#main table.input_table .input_small input:not([type='checkbox']):not([type='radio']):not(.zip) {width: 200px;}
#main table.input_table .input_medium input:not([type='checkbox']):not([type='radio']) {width: 500px;}
#main table.input_table .input_large input:not([type='checkbox']):not([type='radio']) {width: 100%; max-width: 570px;}
#main table.input_table .input_year input:not([type='checkbox']):not([type='radio']) {width: 170px;}
#main table.input_table .input_month input:not([type='checkbox']):not([type='radio']) {width: 100px;}
#main table.input_table .input_day input:not([type='checkbox']):not([type='radio']) {width: 100px;}
#main table.input_table .input_tel input:not([type='checkbox']):not([type='radio']) {width: 450px;}
#main table.input_table .input_confirm_mail input:not([type='checkbox']):not([type='radio']) {max-width: 200px; width: calc(50% - 1em);}

#cartFlow #error { max-width: 764px; }
#cartFlow #error td { text-align: left; }
#cartFlow #error .content { width: auto; }
#cartFlow .item_icon{margin: 0 7px 5px 0 !important;}

#cartFlow .option_item .title{position: relative;}
#cartFlow .option_item table.input_table th{width: 100% !important; padding: 0 10px 0 0;}
#cartFlow .option_item img{ margin: 0 10px 0 0; display: inline; width: 80px; height: auto; vertical-align: middle;}
#cartFlow .option_item .price{width: 60px; display: inline-block; margin: 0 0 0 10px; text-align: right;}
#cartFlow .option_item .custom_checkbox .HTMLFORM_LABEL_GROUP ~ label{width: calc(100% - 120px);}
#cartFlow .option_item .name{display: inline-block; width: calc(100% - 96px); vertical-align: middle; font-weight: bold;}
#cartFlow .option_item .name .font80{font-weight: 500;}
#cartFlow .option_item table.input_table th.custom_checkbox + td{width: 120px; padding: 0;}
#cartFlow .option_item td.short .inner{display: flex; align-items: center;}
#cartFlow .option_item td.short .inner .price{width: calc(100% - 130px); margin: 0 10px 0 0;}
#cartFlow .cart_caption{max-width: 1000px; margin: -20px auto 60px !important;}

#main #cartFlow table.input_table .head{margin: 0;}
#main #cartFlow table.input_table .name-title th,
#main #cartFlow table.input_table .name-title td{padding: 0 0 10px; vertical-align: bottom;}
#main #cartFlow table.input_table .name-title p{margin: 0; font-size: 13px;}
#main #cartFlow table.input_table .head-title th,
#main #cartFlow table.input_table .head-title td{padding: 0 0 60px;}

.input_table span.minfo { display: block; font-size: 12px; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}

#main table.input_table .button.zip {height: 40px; line-height: 1.5; vertical-align: middle; display: inline-block; margin-left: 10px; margin-right: 0; width: 100px; padding: 9px 15px;}
#main table.input_table .button.all_point {width: auto; height: 40px; line-height: 1.5; vertical-align: middle; font-size: 12px;
	display: inline-block; margin-left: 10px; margin-right: 30px; padding: 9px 10px;}

#main table.input_table .title { position: relative; font-size: 16px; vertical-align: middle;}
#main table.input_table td { font-size: 16px; vertical-align: middle;}
#main table.input_table .head { font-weight: bold; /*position: absolute; top: 0px; left: 0;*/ margin: 0 0 5px; display: block;}

#main .icon_hissu { color: #C60101;}
#main.cart .icon_hissu { color: #C60101; font-size: 14px;}
#main table.input_table .icon_hissu { color: #C60101; font-size: 14px;}

#main.cart table.input_table.payment .title { vertical-align: text-top; }

#main table.input_table .title .caption { font-size: 14px; display: block;}

#main table.input_table .short select { width: 120px;}

#main table.input_table input[type="checkbox"], #main table.input_table input[type="radio"] { width: auto; }

.coupon_radio_wrap {
  margin: 0 0 15px;
}
.coupon_radio_wrap input[type="radio"] {
  display: inline-block;
  opacity: 0;
  position: absolute;
}
.custom_label {
  display: inline-block;
  width: 25px;
  height: 20px;
  line-height:1;
  vertical-align: middle;
  position: relative;
}

.custom_label input[type='radio'] + .custom_radio { position: relative; display: inline-block; margin: 6px 5px 5px 28px; vertical-align: middle; cursor: pointer;}
.custom_label input[type='radio'] + .custom_radio:before { content: ''; display: inline-block; width: 15px; height: 15px; border: solid 1px #0e88d8; border-radius: 8px; background: #fff;
	position: absolute; top: 50%; margin-top: -8px; left: -25px; }

.custom_label input[type="radio"]:checked + .custom_radio::after { content: ''; display: inline-block; width: 9px; height: 9px; background: #0e88d8; border-radius: 8px;
	position: absolute; top: 50%; margin-top: -4px; left: -21px; }


.custom_radio input[type='radio'] { display: inline-block; opacity: 0; position: absolute;}

.custom_radio input[type='radio'] + label { position: relative; display: inline-block; margin: 6px 5px 5px 28px; vertical-align: middle; cursor: pointer;}
.custom_radio input[type='radio'] + label:before { content: ''; display: inline-block; width: 15px; height: 15px; border: solid 1px #0e88d8; border-radius: 8px; background: #fff;
	position: absolute; top: 50%; margin-top: -8px; left: -25px; }
.custom_radio input[type='radio']:checked + label:after { content: ''; display: inline-block; width: 9px; height: 9px; background: #0e88d8; border-radius: 8px;
	position: absolute; top: 50%; margin-top: -4px; left: -21px; }


.custom_radio input[type="radio"]:focus + label::before,
.custom_checkbox input[type="checkbox"]:focus + label::before { border-color: #142D55; }

.custom_radio input[type="radio"]:focus + label::after { background: #142D55; }
.custom_checkbox input[type="checkbox"]:focus + label::after { border-color: #142D55; }

.custom_checkbox input[type='checkbox'] { display: inline-block; opacity: 0; position: absolute;}
.custom_checkbox input[type='checkbox'] + label { position: relative; display: inline-block; margin: 6px 5px 5px 25px; vertical-align: middle; cursor: pointer;}
.custom_checkbox input[type='checkbox'] + label:before {  content: ''; display: inline-block; width: 15px; height: 15px; border: solid 1px #0e88d8; border-radius: 3px; background: #fff;
	position: absolute; top: 50%; margin-top: -7px; left: -25px; }
.custom_checkbox input[type='checkbox']:checked + label:after { content: ''; display: inline-block; width: 3px; height: 8px;
	position: absolute; top: 50%; margin-top: -4px; left: -19px; border-bottom: solid 2px #0e88d8; border-right: solid 2px #0e88d8; transform: rotate(40deg); }

.custom_checkbox input[type='checkbox'] ~ label { position: relative; display: inline-block; margin: 6px 5px 5px 25px; vertical-align: middle; cursor: pointer;}
.custom_checkbox input[type='checkbox'] ~ label:before {  content: ''; display: inline-block; width: 15px; height: 15px; border: solid 1px #0e88d8; border-radius: 3px; background: #fff;
	position: absolute; top: 50%; margin-top: -9px; left: -25px; }
.custom_checkbox input[type='checkbox']:checked ~ label:after { content: ''; display: inline-block; width: 3px; height: 8px;
	position: absolute; top: 50%; margin-top: -6px; left: -19px; border-bottom: solid 2px #0e88d8; border-right: solid 2px #0e88d8; transform: rotate(40deg); }

.custom_checkbox  .HTMLFORM_LABEL_GROUP ~ label{ position: relative; display: inline-block; margin: 6px 5px 5px -5px; vertical-align: middle; cursor: pointer;}

#main table.input_table th.custom_radio + td { padding: 36px 0 30px; }
#main table.input_table th.custom_checkbox + td { padding: 36px 0 30px; }

#main.cart table.input_table th { width: 40%; }

#main.cart #stepCommon li { width: auto;  min-width: 100px; padding: 0 10px;}

#main.cart #cartStep + p { margin-bottom: 30px; }

#main.cart h2 {margin: 60px 0;}
#main.cart.cart_index h2 {margin: 0 0 60px;}

#cartFlow{max-width: 1200px; width: 100%;  padding-bottom: 20px; margin: 0 auto;}
#cartFlow:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .content{width: 70%; max-width: 795px; float: left; padding-right: 20px;}
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard  td.short input {width: 90px;}

#cartFlow table.newCreditCard{width: 100%; font-size: 100%; margin: 10px auto;}

#cartFlow .warning { background: #fff; padding: 30px 20px; margin: 40px auto 40px; line-height: 1.4; font-size: 14px;}
#cartFlow .warning p { margin:  auto auto;}
#cartFlow .warning.caution { background-color: #fff; }
#cartFlow .warning.caution p { text-indent: -1em; padding-left: 1em; }
#cartFlow .warning.caution .right{margin: 10px 0 0; text-align: right;}
#cartFlow .warning.caution.confirm{ margin-top: 30px; }
#cartFlow .warning.caution.confirm h3 { border-bottom: none; padding: 0; }
#cartFlow .warning.caution.confirm .text { margin-bottom: 15px; }
#cartFlow .warning.caution.confirm .text:last-child { margin-bottom: 0; }
#cartFlow .gift_wrapping{display: none;}
#cartFlow .gift_wrapping.active{display: block;}
#cartFlow .warning.gift_wrapping h4.warning_title{ margin: 0 0 10px; font-weight: bold; font-size: 16px;}
#cartFlow .warning.gift_wrapping .emphasis{text-decoration: underline;}

#cartFlow .change_data { background-color:rgba(255,255,255,1); padding: 0 25px; }
#cartFlow .change_data th { vertical-align: middle; }

#cartFlow .point_wrap {margin: 0 0 30px;}
#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: 100%; max-width: 975px; margin: 0px 0 20px;}
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#main 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{position: relative; width:100%; padding-bottom:20px; text-align: left; border-bottom: solid 1px #a1a1a1; font-size: 18px; margin-bottom: 20px;}
#cartFlow h3 img{vertical-align: middle;}
#cartFlow h3 .lock{position:relative; top:-3px;}
#cartFlow h3 a {position:absolute; right: 0; font-size: 14px; display: none;}
#cartFlow #telRadio {margin: 0 0 8px;}
#cartFlow .tel_error {margin: 8px 0 0; color: #C00; font-size: 14px;}

#main table.input_table.item th { border-bottom: 1px solid #b0b0b0; padding: 15px 0; }
#cartFlow .price{text-align: left;}
#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: 20px; display: flex;}
#cartFlow .sendCopyButton .button +span { margin-left: 15px; }
#cartFlow .sendCopyButton .button{width: auto; display: inline-block; padding: 13px 25px; font-size: 13px;}


#cartFlow .multi_send .buttonarea{background: #fff; margin: 0px 0 20px; padding: 30px 15px;}
#cartFlow .multi_send .buttonarea a { margin-bottom: 10px; }
#cartFlow .multi_send table.delivery{margin-top: -21px;}

#cartFlow .sendAddressButton{margin-bottom: 20px; display: flex;}
#cartFlow .sendAddressButton .button +.button { margin-left: 15px; }
#cartFlow .sendAddressButton .button{width: auto; display: inline-block; padding: 13px 25px; font-size: 13px;}

#cartFlow #reCAPTCHA{margin: 20px auto 40px;}
/* #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);}

@media screen and (max-width: 767px) {
	#cartFlow #reCAPTCHA{margin: 20px 0 40px; width: 100%;}
	#cartFlow #reCAPTCHA .g-recaptcha{margin: 0 auto;
		max-width: 300px; -webkit-transform: scale(1.13); -ms-transform: scale(1.13); transform: scale(1.13);}
	}

#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{max-width: 794px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{max-width: 794px; margin: 0 10px 30px;}

#main #cartResult .buttonarea a, #main #cartResult .buttonarea input { margin-bottom: 20px; }

#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: #142D55; font-weight:bold;}

#cartFlow #item_confirm{width: 100%; max-width: 1000px; margin: 0px auto 10px; border: none; table-layout: fixed;}
#cartFlow #item_confirm th{padding: 0 5px 10px; background: transparent;font-size: 14px; border: none; border-bottom: 1px solid #b0b0b0;vertical-align: middle; }
#cartFlow #item_confirm td{padding: 20px 5px 20px; background: transparent;font-size: 14px; border: none; border-bottom: 1px solid #b0b0b0;vertical-align: middle; }

#cartFlow #item_confirm th {width: 110px; text-align: left;}
#cartFlow #item_confirm th.itemname {width: auto;}
#cartFlow #item_confirm th.amount {width: 95px;}
#cartFlow #item_confirm th.bikou {width: 200px;}
#cartFlow #item_confirm .bikou {padding-left: 15px;}
#cartFlow #item_confirm .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left;}
#cartFlow #item_confirm .img_box img {width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#cartFlow #item_confirm .text_box{padding-left: 95px;}
#cartFlow #item_confirm .text_box p{margin: 0 0 10px; font-size: 14px; font-weight: bold;}
#cartFlow #item_confirm .text_box p.code{font-size: 12px;}
#cartFlow #item_confirm .text_box p.itemname{font-size: 16px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#cartFlow #item_confirm .text_box a{text-decoration: none;}
#cartFlow #item_confirm .text_box p.last{margin-bottom: 0px;}

#cartFlow #item_confirm .empty{margin: 20px 0;}
#cartFlow #item_confirm .price{text-align: left; color: #000;}
#cartFlow #item_confirm .tax{font-size: 9px; color: #666;}
#cartFlow #item_confirm td.amount{text-align: left; }

#cartFlow #item_confirm td .HTMLFORM_ELEMENT{ display: inline-block; }
#cartFlow #item_confirm td .HTMLFORM_ELEMENT label { display: inline-block; }

#cartFlow #item_confirm td .price_en{font-size: 16px;}
#cartFlow #item_confirm td span{display: inline-block; vertical-align: middle;}
#cartFlow #item_confirm select{padding-top: 10px; width: 84px; border: 1px solid #707070; height: 40px; margin: 5px 0; margin-right: 15px; font-size: 16px;}
#cartFlow #item_confirm .delete .button{width: 84px; height: 40px; line-height: 1.7; font-size: 16px; margin: 5px 0; border-color: #142D55;}

#cartFlow #item_confirm .bikou .HTMLFORM_ELEMENT {font-size: 0;}
#cartFlow #item_confirm .bikou .HTMLFORM_ELEMENT label {font-size: 14px;}

#main.novelty #cartFlow #item_confirm .name {font-size: 16px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}

#cartFlow .cart_bottom {display: block; clear: both;}
#cartFlow #cartSidebar + .cart_bottom { padding-top: 10px; }
#cartFlow .cartWarning {background: #fff; padding: 30px 20px; margin: 0 auto 40px; line-height: 1.4; text-align: center; font-weight: bold; font-size: 18px;}
#cartFlow .cartWarning p { margin: auto; color: #D5433C; }
#cartFlow .buttonarea .button {width: 180px; padding: 16px 10px; }

#cartFlow .propertyImage { margin-top: 20px; display: flex; }
#cartFlow .propertyImage li { margin-right: 20px; font-size: 14px; }
#cartFlow .propertyImage img { width: 80px; }

#cartFlow .buttonarea.estimate{margin: 0 0 40px; justify-content: flex-start;}
#cartFlow .buttonarea.estimate a{width: 240px;}

/* 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;}

/* 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;}


/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiIndex h4{display: block; margin: 30px 0px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 2px 8px no-repeat; font-size: 100%;}
#teikiIndex .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiIndex .head{padding: 5px; background: #F1F1F1;}
#teikiIndex .headDetail{padding-left: 15px; background: url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .head_renew .button{display: inline-block; width: auto; margin-bottom: 10px;}
#teikiIndex .price{color: #C00; text-align: right;}
#teikiIndex table{width: 728px; margin: 10px 0px 30px;}
#teikiIndex table:last-child{margin-bottom: 0px;}
#teikiIndex th{padding: 5px 10px;}
#teikiIndex td{text-align: center;}
#teikiIndex td.month{background: #F9F9F9; font-weight: bold; color: #960;}
#teikiIndex .status {float: right; margin-right: 20px;}
#teikiIndex .cancel_oder{text-align: right;}
#teikiIndex .cancel_oder .button{display: inline-block; width: auto;}
#teikiIndex .cancel_oder form{height: 20px;}

#teikiIndex .pageguide{float: left; width: 500px; font-size: 75%;}
#teikiIndex .pagelink{clear: both; font-size: 75%; margin-bottom:40px;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiDetail h4{display: block; margin: 30px 0px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 2px 8px no-repeat; font-size: 100%;}
#teikiDetail h5{margin: 20px 0px 0; font-size: 16px;}
#teikiDetail .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiDetail .head{padding: 5px; background: #F1F1F1;}
#teikiDetail .headDetail{margin-right: 20px; padding-left: 5px; border-left: 12px groove #333;}
#teikiDetail .price{color: #C00;}
#teikiDetail table{width: 728px; margin: 10px 0px 30px;}
#teikiDetail table:last-child{margin-bottom: 0px;}
#teikiDetail td.month{background: #F9F9F9; font-weight: bold; color: #960;}

/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer {margin: 100px 0 0; clear: both; position: relative;}
#footer .footer_links {display: flex; justify-content: space-between; margin: 0 auto 30px; padding: 45px 80px 0; width: 100%; max-width: 1200px; border-top: solid 2px #ccc;}
#footer .footer_links ul li {margin: 0 0 5px; font-weight: bold;}
#footer .footer_links ul li a {color: #000; font-size: 14px; text-decoration: none;}
#footer .footer_links ul li.secondary {padding: 0 0 0 18px; position: relative; font-weight: normal;}
#footer .footer_links_sp {display: none;}
#footer .footer_other_links {display: flex; justify-content: center; margin: 0 0 20px;}
#footer .footer_other_links a {margin: 0 15px 15px; font-size: 12px; text-decoration: none;}
#footer .sns {display: flex; justify-content: center; margin: 0 0 12px;}
#footer .sns li {
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer .sns img {width: auto;}
#footer .copyright {padding: 0 0 20px; font-size: 12px; text-align: center;}

/* backtotop */
#topBtn {position:fixed; bottom:20px; right:20px; display:block;}
#topBtn a {display: block; width: 50px; height: 50px; border: solid 1px #535353; background: #fff; border-radius: 50%;
	text-indent: 100%; white-space: nowrap; overflow: hidden; position: relative;}
#topBtn a:before {content: ''; display: block; width: 8px; height: 8px; border-width: 1px 1px 0 0; border-color: #535353; border-style: solid; 
	position: absolute; top: calc(50% - 2px); left: calc(50% + 2px); transform: rotate(-45deg) translate(-50%, -50%);}

/* bottomNav */
#bottomNav {display: none;}

/* =================================================================
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
=================================================================*/

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom: 20px;}
#list .pagelink{clear: both; font-size: 16px; padding: 10px 0; text-align: center;}
#list .pagelink ul{display: flex; margin: 0 auto; width: 100%; border: none; justify-content: center; background: none;}
#list .pagelink li a{padding: 0 7.5px 0 7.5px; font-size: 18px; color: #9B9B9B;}
#list .pagelink li:first-child a{padding: 0 42.5px 0 0;}
#list .pagelink li:last-child a{padding: 0 0 0 42.5px;}
#list .pagelink li span.current{padding: 0 7.5px 0 7.5px;color:#000;}
#list .pagelink span a {text-decoration: none; background: none; font-size:100%; text-indent: 0;}
#list .nolink{color: #999;}

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#main h2.itemlist_title {margin: 0 0 50px; font-size: 30px;}
#itemListSimple h2 {font-size: 36px;}
#itemListSimple .item_list {display: flex; flex-wrap: wrap; margin: 0 0 70px;}
#itemListSimple .item_list .box {margin: 0 70px 40px 0; width: calc(25% - (210px/4));}
#itemListSimple .item_list .box .img {margin: 0 0 10px; position: relative;}
#itemListSimple .item_list .box .img::before {content: ""; display: block; padding-top: 100%;}
#itemListSimple .item_list .box:nth-child(4n) {margin: 0 0 40px 0;}
#itemListSimple .item_list .box h3 {margin: 0 0 2px; font-size: 15px;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#itemListSimple .item_list .box p {margin: 0; padding: 0; font-size: 15px;}
#itemListSimple .item_list .box a {text-decoration: none;}
#itemListSimple .item_list .box  .img img {position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#itemListSimple .item_list .price {text-align: left;}
#itemListSimple .item_list .price .sale {color: #ff0000;}
#itemListSimple .item_list .price .property_normal_price {text-decoration:line-through}

#itemListSimple .two_column {display: flex;}
#itemListSimple .two_column .sub_content {min-width: 20.8333%; margin: 0 65px 0 0;}
#itemListSimple .two_column .main_content {width: 100%; max-width: 100%;}
#itemListSimple .two_column .main_content .item_list .box {width: calc(33.3333% - (140px / 3));}
#itemListSimple .two_column .main_content .item_list .box:nth-child(4n) {margin: 0 70px 40px 0;}
#itemListSimple .two_column .main_content .item_list .box:nth-child(3n) {margin: 0 0 40px 0;}

/* productList - PRODUCT
-------------------------------------------------------------*/
#productList .radio {display: flex; justify-content: center; margin: 0 ; display: none;}
#productList .radio a:hover{border-bottom: solid 2px #000;}
#productList .radio li:first-child {margin: 0 100px 0 0;}
#productList .radio a {font-weight: bold; text-decoration: none;}
#productList .products_contents {display: flex; justify-content: space-between; margin: 0 0 90px;}
#productList h3 {margin: 0 0 45px; padding: 35px 0 0;width: 100%;text-align: center;border-top: solid 1px #a1a1a1;font-size: 20px;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#productList h4 {text-align: center; font-size: 18px; font-weight: bold; margin: 50px 0 30px;}
#productList .furniture, #productList .accessory {display: block; width: 46.833333%;}
#productList .products_contents .furniture ul li p,
#productList .products_contents .accessory ul li p {margin: 10px 0 0; font-size: 16px; text-align: center;}
#productList .furniture ul, #productList .accessory ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#productList .furniture ul li, #productList .accessory ul li {display: block;margin:0 0 40px 0;width: calc(33.333% - 7%/3);}
#productList .furniture ul li:nth-child(3n),#productList .accessory ul li:nth-child(3n){margin-right: 0;}
#productList .furniture ul li a, #productList .accessory ul li a{text-decoration: none; }
#productList .furniture ul li a .img_box, #productList .accessory ul li a .img_box{position: relative; margin: 0; display: block; width: 100%; height: auto;}
#productList .furniture ul li .img_box::before, #productList .accessory ul li .img_box::before {content: ""; display: block; padding-top: 75%;}
#productList .furniture ul li a .img_box img, #productList .accessory ul li a .img_box img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#productList .furniture ul li p, #productList .accessory ul li p {font-size: 10px;}
#productList .series ul {display: flex; flex-wrap: wrap;}
#productList .series ul li {width:calc(25% - (30px / 4)); height: auto; margin: 0 10px 50px 0;}
#productList .series ul li:nth-child(4n) {margin: 0 0 50px 0;}
#productList .series ul li:last-child {margin: 0;}
#productList .series ul li .img_box::before{content: ""; display: block; padding-top: 60%;}
#productList .series ul li .img_box img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#productList .series ul li p {text-align: center; margin: 10px 0 0 0;}
#productList .series a {text-decoration: none;}
#productList .slider_nav{display: none;}

#productList.top h3 {margin: 0 0 45px; padding: 35px 0 0; width: 100%; text-align: center; border-top: solid 1px #a1a1a1; font-size: 20px; border-bottom: none;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#productList.top .series {margin: 0 0 90px;}
#productList .furniture ul:after {content:""; display:block; width: 32%; height:0;}
#productList .accessory ul:after {content:""; display:block; width: 32%; height:0;}

/* news - ニュース
-------------------------------------------------------------*/
#news {margin: 0 auto; max-width: 1000px;}
#news .content {margin: 0 0 60px;}
#news .img {margin: 0 0 70px;}
#news .img img {width: 100%; vertical-align: top;}
#news p {margin: 0 0 60px; line-height: 180%;}
#news .newsimg {text-align: center;}
/* #news .newsimg img {width:50%;} */
#news .flex {display: flex; justify-content: space-between; margin: 0 0 60px;}
#news .flex a {display: contents;}
#news .flex img {width: calc(50% - (43px / 2)); max-width: 100%;}
#news .flex p {margin: 0 0 10px; width: calc(50% - (43px / 2));}
#news .button {margin: 0 auto;}
#news .news_detail_top{display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 5px;}
#news .news_detail_top p.date{font-size: 18px; margin: 0 0 10px;}
#news .icon{display: flex; flex-wrap: wrap;}
#news .icon p{margin: 0 10px 10px 0; background: #535353; color: #fff; text-align: center; padding: 4px 13px;}
#news .icon p.last-icon{margin: 0 0 20px 0;}
#news h3 {font-size: 26px; font-weight: 500; margin: 0 0 15px;}
#news .movie-wrap{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 30px;}
#news .movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* itemDetail - 商品詳細
-------------------------------------------------------------*/
#itemDetail .box {display: flex; justify-content: space-between; margin: 0 0 80px;}
#itemDetail #mainImg {width: 54.1666%;}
#itemDetail .slider {margin: 0 0 25px; opacity: 0; transition: .3s;}
#itemDetail .slider.slick-initialized {opacity: 1;}
#itemDetail .slider .img_box {display: block; width: 104%; height: auto; background: #fff;}
#itemDetail .slider .img_box:before {content: ""; display: block; padding-top: 69.6296%;}
#itemDetail .slider .img_box img {margin: auto; width: auto; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: -4%;}
@media screen and (-ms-high-contrast: none) { /* IE11 object-fit対応 */
	#itemDetail .slider .img_box .img {overflow: hidden;}
	#itemDetail .slider .img_box .img img {width: auto; height: 100%; left: 50%; transform: translate(-50%, 0);}
}
#itemDetail .thumb {display: flex; justify-content: flex-start; flex-wrap: wrap;}
#itemDetail .thumb li {margin: 0 5px 10px; width: 70px; height: 50px; overflow: hidden; position: relative;}
#itemDetail .thumb li a {display: block;}
#itemDetail .thumb li img {height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#itemDetail .thumb li:after {content: ''; display: block; width: 100%; height: 100%; border: solid 1px #000; box-sizing: border-box;
	cursor: pointer; opacity: 0; position: absolute; top: 0; left: 0; transition: .3s;}
#itemDetail .thumb li.thumbnail-current:after {opacity: 1;}
#itemDetail .zoom-container {position: absolute; top: 0; left: 0; width: 100%; height: 453px; visibility: hidden;}
.magnifier img {object-fit: cover;}

#itemDetail .text {width: 41.1666%; position: relative;}
#itemDetail .text .item_icon {margin: 0 6px 0 0; font-size: 15px;}
#itemDetail .text .item_kind {margin: 0 0 8px;}
#itemDetail .text h2 {margin: 0 0 15px; font-size: 32px; text-align: left; font-weight: bold; line-height: 1.2;}
#itemDetail .text p {margin: 0 0 10px; font-size: 14px;}
#itemDetail .text .price {margin: 0 0 7px;}
#itemDetail .text .price .teika {font-size: 26px;}
#itemDetail .text .price .tax {display: inline-block; margin: 0 0 0 .2em; font-size: 60%; font-weight: 500;}
#itemDetail .text .price .other {display: block; margin: 10px 0; font-size: 14px;}
#itemDetail .text .price .other .tax {font-size: 80%;}
#itemDetail .text .price .sale {color: #ff0000;}
#itemDetail .text .add_point {margin: 0 0 20px;}

/* カート */
#itemDetail .cartin_wrap {display: flex; margin: 0 0 10px; padding: 0 0 23px; border-bottom: solid 1px #9B9B9B;}
#itemDetail .cartin_wrap .amount {margin: 0 10px 0 0; width: 150px; height: 50px; background: #fff; border: solid 1px #9b9b9b; position: relative;}
#itemDetail .cartin_wrap .amount .plus {display: block; padding: 17px 0; width: 50px; text-align: center; line-height: 1;
	position: absolute; top: 0; right: 0; z-index: 2; cursor: pointer;}
#itemDetail .cartin_wrap .amount .minus {display: block; padding: 17px 0; width: 50px; text-align: center; line-height: 1;
	position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer;}
#itemDetail .cartin_wrap .amount .label {display: block; font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#itemDetail .cartin_wrap .amount select {width: 100%; height: 50px; text-align: center; position: absolute; top: 0; left: 0; opacity: 0; z-index: 1;}
#itemDetail .cartin {width: 100%;}
#itemDetail .cartin .cartBtn {padding: 16px 0; max-width: 100%; width: 100%;}
#itemDetail .cartin .cartBtn a{text-decoration: none;}
#itemDetail .cartin .property_cd {display: none;}
#itemDetail .prop_cart {display: none;}

/* 在庫 */
#itemDetail .stock_info {margin: 0 0 35px;}
#itemDetail .stock_info dl {display: flex; font-size: 14px;}
#itemDetail .stock_info dl dt {width: 120px; font-weight: bold;}
#itemDetail .stock_info .property_cd {display: none;}
#itemDetail .prop_stock {display: none;}

/* 価格 */
#itemDetail .prop_price {display: none;}
#itemDetail .prop_price .property_cd {display: none;}

/* お気に入り・入荷お知らせ */
#itemDetail .other_btns {display: flex; justify-content: flex-end;}
#itemDetail .other_btns a {display: inline-block; text-decoration: none;}
#itemDetail .prop_wish {display: none;}
#itemDetail .wish .property_cd {display: none;}
#itemDetail .wish a:before {content: ''; display: inline-block; margin: 0 3px 0 0; width: 13px; height: 12px;
	background: url(../images/icon_wish.png) no-repeat; background-size: 100%; vertical-align: middle; position: relative; top: -.1em;}
#itemDetail .prop_nyuka {display: none;}
#itemDetail .nyuka .property_cd {display: none;}
#itemDetail .nyuka a,
#itemDetail .nyuka .nyuka_registed {margin: 0 0 0 1em; padding: 0 0 0 1em; border-left: solid 1px #000}
#itemDetail .nyuka a:before,
#itemDetail .nyuka .nyuka_registed:before {content: ''; display: inline-block; margin: 0 3px 0 0; width: 14px; height: 11px;
	background: url(../images/icon_mail.png) no-repeat; background-size: 100%; vertical-align: middle; position: relative; top: -.1em;}

/* その他情報 */
#itemDetail .other_info {margin: 10px 0 0;}
#itemDetail .other_info .property_cd {display: none;}
#itemDetail .other_info dl {display: flex; margin: 0 0 15px; font-size: 14px;}
#itemDetail .other_info dl dt {min-width: 130px; font-weight: bold;}
#itemDetail .prop_other {display: none;}

/* 商品説明 */
#itemDetail .explanation2 {margin: 0 auto 100px; max-width: 800px; text-align: left; font-size:18px; line-height: 1.8em}
#itemDetail .explanation2 img {display: block; width: 45%; margin: 0 auto;}

/* 動画 */
#itemDetail .movie {margin: 0 auto 130px; width: 100%; max-width: 840px;}
#itemDetail .movie .inner {padding: 56.25% 0 0; width: 100%; position: relative;}
#itemDetail .movie iframe {width: 100%; height: 100%; border: 0; position: absolute; top: 0; right: 0;}

/* 商品バリエーション表示 */
#itemDetail .prop_wrap {display: flex; align-items: center; margin: 0 0 20px; padding: 28px 0; border-top: solid 1px #9B9B9B; border-bottom: solid 1px #9B9B9B;}
#itemDetail .prop_inner {padding: 0 10px 0 0; width: 100%;}
#itemDetail .prop_wrap h3 {padding: 0 10px 0 0; min-width: 110px; font-size: 14px;}
#itemDetail .prop_base {display: flex; margin: 0 0 10px; align-items: center;}
#itemDetail .prop_select {display: none;}
#itemDetail .prop_select.active {display: flex; flex-wrap: wrap; width: 100%;}

#itemDetail .prop {margin: 0 7.8125% 15px 0; width: calc(25% - (23.4375% / 4)); cursor: pointer;}
#itemDetail .prop_base .prop:nth-child(4n) {margin: 0 0 15px 0;}
#itemDetail .prop .prop_img {margin: 0 0 8px; position: relative;}
#itemDetail .prop .prop_img:before {content: ''; display: block; box-sizing: border-box; width: 100%; height: 100%; border: solid 3px #fff;
	position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition: .3s;}
#itemDetail .prop.active .prop_img:before {opacity: 1;}
#itemDetail .prop .prop_img:after {content: ''; display: block; width: 27px; height: 27px; background: #fff url(../images/icon_check.png) center no-repeat; background-size: 14px 11px;;
	border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .3s;}
#itemDetail .prop.active .prop_img:after {opacity: 1;}
#itemDetail .prop img {width: 100%; vertical-align: top;}
#itemDetail .prop .prop_text {font-size: 12px; line-height: 1.4;}

#itemDetail .prop_group {display: flex; align-items: center;}
#itemDetail .prop_group .select_btn {display: none; padding: 12px 10px; max-width: 246px; font-size: 14px;}
#itemDetail .prop_group .select_btn[disabled=disabled] {border: solid 1px #B9B9B9; color: #B9B9B9; cursor: default;}
#itemDetail .prop_group .select_btn.active {display: block;}

#itemDetail .acc{display: block; align-items: center;}

#itemDetail .prop_modal {width: 80vw; max-width: 670px; max-height: 540px; padding: 50px; background: #fff; border: solid 1px #707070;
	opacity: 0; visibility: hidden; overflow: auto; position: fixed; top: 50%; left: 50%; z-index: 10000; transform: translate(-50%, -50%); transition: .3s;}
#itemDetail .prop_modal.active {opacity: 1; visibility: visible;}
#itemDetail .prop_modal h4 {margin: 0 0 12px; font-size: 14px;}
#itemDetail .prop_modal p {margin: 0 0 30px;}
#itemDetail .prop_modal ul {display: flex; flex-wrap: wrap; margin: 0 0 70px;}
#itemDetail .prop_modal li {display: flex; margin: 0 10px 10px 0; width: calc(50% - (10px / 2)); align-items: center;}
#itemDetail .prop_modal li:nth-child(2n) {margin: 0 0 10px 0;}
#itemDetail .prop_modal .prop_img {margin: 0 20px 0 0; width: 80px;}
#itemDetail .prop_modal .icon_order_item {display: block; margin: 0 0 5px; width: 70px; height: 18px; border: solid 1px #000; font-size: 10px; line-height: 16px; text-align: center;}
#itemDetail .prop_modal .icon_order_item_2 {display: block; margin: 0 0 5px; width: 70px; height: 18px; border: solid 1px #000; background-color: #000; color: #fff; font-size: 10px; line-height: 16px; text-align: center;}
#itemDetail .prop_modal input[type=radio] {display: none;}
#itemDetail .prop_modal label {display: none;}
#itemDetail .prop_modal .release_flg {display: none;}
#itemDetail .prop_modal .decide_btn {margin: 0 auto; padding: 12px 10px; max-width: 150px; font-size: 14px;}
#itemDetail .prop_modal .decide_btn[disabled=disabled] {background: #B9B9B9; border: solid 1px #B9B9B9;}
#itemDetail .prop_modal .close_btn {display: block; padding: 0; width: 32px; height: 32px; border: solid 1px #142D55; background: #fff;
	text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; opacity: 1; position: absolute; top: 10px; right: 10px; cursor: pointer;}
#itemDetail .prop_modal .close_btn:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#itemDetail .prop_modal .close_btn:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}
#itemDetail .prop_modal .about_fab_btn {display: none; padding: 12px 10px; width: 150px; font-size: 14px; position: absolute; top: 10px; right: 60px;}
#itemDetail .prop_group_wrap .about_fab_link {display: none; margin: 5px 0 0 110px; font-size: 12px;}

#itemDetail .prop_wrap .clear {display: none; width: 90px;}
#itemDetail .prop_wrap .clear.active {display: block;}
#itemDetail .prop_wrap .clear_btn {padding: 8px 0; width: 90px; background: #fff; border: solid 1px #535353; font-size: 12px; line-height: 1; text-align: center; cursor: pointer;}

#itemDetail .selected_prop {display: none; align-items: center;}
#itemDetail .selected_prop.active {display: flex;}
#itemDetail .selected_prop .prop_img {margin: 0 20px 0 0; width: 70px; min-width: 70px;}
#itemDetail .selected_prop .prop_img img {width: 100%; vertical-align: top;}
#itemDetail .selected_prop .prop_text {font-size: 12px;}
#itemDetail .selected_prop .icon_order_item {display: block; margin: 0 0 5px; width: 70px; height: 18px; border: solid 1px #000; font-size: 10px; line-height: 16px; text-align: center;}
#itemDetail .selected_prop .icon_order_item_2 {display: block; margin: 0 0 5px; width: 70px; height: 18px; border: solid 1px #000; background-color: #000; color: #fff; font-size: 10px; line-height: 16px; text-align: center;}

/*タイムセール関連
-------------------------------------------------------------*/
#itemDetail .property_sale_price {color: #F23A3A; font-weight: bold;}
#itemDetail .property_normal_price {text-decoration:line-through}

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .text .cartMessage {margin: 0; padding: 40px 50px 25px; width: 100%; max-width: 400px; border: solid 1px #707070; background-color: #fff; text-align: center; display: none;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;}
#itemDetail .text .cartMessage {margin: 0 0 7px; vertical-align: top;}
#itemDetail .text .cartMessage p {margin: 0 0 25px; font-weight: bold;}
#itemDetail .text .cartMessage .button {margin: 0 auto 15px; padding: 12px 10px; font-size: 14px;}
#itemDetail .text .cartMessage .close_btn {display: block; padding: 0; width: 32px; height: 32px; border: solid 1px #142D55; background: #fff;
	text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; opacity: 1; position: absolute; top: 13px; right: 13px; cursor: pointer;}
#itemDetail .text .cartMessage .close_btn:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#itemDetail .text .cartMessage .close_btn:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .text .wishlistMessage {margin: 0; padding: 40px 50px 25px; width: 100%; max-width: 400px; border: solid 1px #707070; background-color: #fff; text-align: center; display: none;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;}
#itemDetail .text .wishlistMessage {margin: 0 0 7px; vertical-align: top;}
#itemDetail .text .wishlistMessage p {margin: 0 0 25px; font-weight: bold;}
#itemDetail .text .wishlistMessage .button {margin: 0 auto 15px; padding: 12px 10px; font-size: 14px;}
#itemDetail .text .wishlistMessage .close_btn {display: block; padding: 0; width: 32px; height: 32px; border: solid 1px #142D55; background: #fff;
	text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; opacity: 1; position: absolute; top: 13px; right: 13px; cursor: pointer;}
#itemDetail .text .wishlistMessage .close_btn:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#itemDetail .text .wishlistMessage .close_btn:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}

#itemDetail .text .wishlistDelMessage {margin: 0; padding: 40px 50px 25px; width: 100%; max-width: 400px; border: solid 1px #707070; background-color: #fff; text-align: center; display: none;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;}
#itemDetail .text .wishlistDelMessage {margin: 0 0 7px; vertical-align: top;}
#itemDetail .text .wishlistDelMessage p {margin: 0 0 25px; font-weight: bold;}
#itemDetail .text .wishlistDelMessage .button {margin: 0 auto 15px; padding: 12px 10px; font-size: 14px;}
#itemDetail .text .wishlistDelMessage .close_btn {display: block; padding: 0; width: 32px; height: 32px; border: solid 1px #142D55; background: #fff;
	text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; opacity: 1; position: absolute; top: 13px; right: 13px; cursor: pointer;}
#itemDetail .text .wishlistDelMessage .close_btn:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#itemDetail .text .wishlistDelMessage .close_btn:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}

/* detailItemList - 詳細ページ商品リスト
-------------------------------------------------------------*/
#detailItemList {margin: 200px 0 90px;}
#detailItemList .tabs {display: flex; justify-content: center; margin: 0 0 40px;}
#detailItemList .tabs li {margin: 0 90px 0 0;}
#detailItemList .tabs li:last-child {margin: 0;}
#detailItemList .tabs input[type=radio] {display: none;}
#detailItemList .tabs label {padding: 0 10px; font-size: 20px; font-weight: bold; cursor: pointer; position: relative; opacity: .5; transition: .3s;}
#detailItemList .tabs input[type=radio]:checked ~ label {opacity: 1;}
#detailItemList .tabs input[type=radio]:checked ~ label:after {content: ''; display: block; width: 100%; height: 2px; background: #333; position: absolute; bottom: -5px; left: 0;}
#detailItemList .tab_content {display: none;}
#detailItemList .title{justify-content: center; margin: 0 0 40px; font-size: 20px; font-weight: bold; position: relative; display: flex;}
#detailItemList a {text-decoration: none;}
#detailItemList .img_box {margin: 0 0 10px; width: 100%;}
#detailItemList .img_box:before {content: ""; display: block; padding-top: 100%;}
#detailItemList .img_box img {width: 100%; height: 100%; object-fit: cover;}
@media screen and (-ms-high-contrast: none) { /* IE11 object-fit対応 */
	#detailItemList .img_box {overflow: hidden;}
	#detailItemList .img_box img {width: auto; height: 100%; left: 50%; transform: translate(-50%, 0);}
}
#detailItemList h3 {margin: 0 0 2px; font-size: 15px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#detailItemList p {font-size: 15px;}
#detailItemList .tax {display: inline-block; margin: 0 0 0 .2em; font-size: 80%;}
#detailItemList .price .other {display: block;}
#detailItemList .price .sale {color: #ff0000;}

/* カルーセル無しの場合 */
#detailItemList .carousel {display: flex; flex-wrap: wrap;}
#detailItemList .box {margin: 0 5.8333% 60px 0; width: calc(25% - (17.5% / 4));}
#detailItemList .box:nth-child(4n) {margin: 0 0 60px 0;}

/* itemDetail.furniture - 商品詳細（アクセサリー）
-------------------------------------------------------------*/
#itemDetail.accessory .spec {margin: 0 0 50px;}
#itemDetail.accessory .spec h3 {margin: 0 0 40px; text-align: center;}
#itemDetail.accessory .spec .spec_box {display: flex; flex-wrap: wrap; padding: 40px 0 20px; border-top: solid 1px #707070;}
#itemDetail.accessory .spec dl {display: flex; margin: 0 20px 20px 0; width: calc(33.3333% - (40px / 3)); font-size: 14px;}
#itemDetail.accessory .spec dl:nth-child(3n) {margin: 0 0 20px 0;}
#itemDetail.accessory .spec dl dt {min-width: 80px; padding: 0 30px 0 0; font-weight: bold;}
#itemDetail.accessory dl.spec_care {margin: 0 0 20px 0; width: 100%;}
#itemDetail.accessory .spec_care dd {display: flex;}
#itemDetail.accessory .spec_care .button_care {margin: 0 0 0 50px; min-width: 190px;}
#itemDetail.accessory .spec_care .button_care .button {padding: 19px 10px; font-size: 14px;}

/* #itemDetail.accessory .prop_group ul {display: flex; flex-wrap: wrap;}
#itemDetail.accessory .prop .release_flg {display: none;}
#itemDetail.accessory .prop input[type=radio] {display: none;}
#itemDetail.accessory .prop {margin: 0 10px 10px 0; width: 40px;}
#itemDetail.accessory .prop label {display: block; width: 40px; height: 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative;}
#itemDetail.accessory .prop label img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#itemDetail.accessory .prop label:before {content: ''; display: block; box-sizing: border-box; width: 100%; height: 100%; border: solid 3px #fff;
	position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition: .3s;}
#itemDetail.accessory .prop input[type=radio]:checked ~ label:before {opacity: 1;}
#itemDetail.accessory .prop label:after {content: ''; display: block; width: 21px; height: 21px; background: #fff url(../images/icon_check.png) center no-repeat; background-size: 9px 6px;;
	border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .3s;}
#itemDetail.accessory .prop input[type=radio]:checked ~ label:after {opacity: 1;} */

/* itemDetail.furniture - 商品詳細（家具）
-------------------------------------------------------------*/
#itemDetail.furniture .spec {margin: 0 0 100px; border-bottom: solid 1px #707070;}
#itemDetail.furniture .spec h3 {padding: 20px 0 19px; border-top: solid 1px #707070; font-size: 18px; text-align: center; cursor: pointer; position: relative;}
#itemDetail.furniture .spec h3 span {display: block; width: 15px; height: 15px; overflow: hidden; white-space: nowrap; text-indent: 100%; cursor: pointer;
	position: absolute; top: 50%; right: 20px; transform: translate(0, -50%);}
#itemDetail.furniture .spec h3 span:before {content: ''; display: block; width: 14px; height: 1px; background: #030303;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#itemDetail.furniture .spec h3 span:after {content: ''; display: block; width: 1px; height: 14px; background: #030303; opacity: 1;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
#itemDetail.furniture .spec h3.active span:after {opacity: 0;}
#itemDetail.furniture .spec .spec_detail {display: block; padding: 10px 0 50px; overflow: hidden;}
#itemDetail.furniture .spec dl {display: flex; margin: 0 0 15px;}
#itemDetail.furniture .spec dl dt {min-width: 220px; padding: 0 10px 0 0; font-weight: bold;}
#itemDetail.furniture .spec_size dd {display: flex; flex-wrap: wrap;}
#itemDetail.furniture .spec_size .img_size {margin: 0 0 0 50px;}
#itemDetail.furniture .spec_size .img_size img {max-width: 100%;}
#itemDetail.furniture .spec_rank .rank_list dl {display: flex; flex-wrap: wrap;}
#itemDetail.furniture .spec_rank .rank_list dt {margin: 0 0 20px; min-width: 80px; font-weight: bold;}
#itemDetail.furniture .spec_rank .rank_list dd {margin: 0 0 20px; width: calc(100% - 80px);}
#itemDetail.furniture .spec_care dd {display: flex;}
#itemDetail.furniture .spec_care .button_care {margin: 0 0 0 50px; min-width: 190px;}
#itemDetail.furniture .spec_care .button_care .button {padding: 19px 10px; font-size: 14px;}
#itemDetail.furniture .spec_warranty a {display: block;}

#itemDetailDesigner {display: flex; margin: 200px auto; width:1000px;}
#itemDetailDesigner .img_designer {margin: 0 6% 0 0; min-width: 32.5%;}
#itemDetailDesigner .img_designer img {width: 100%; vertical-align: top;}
#itemDetailDesigner .text_designer {}
#itemDetailDesigner h3 {margin: 0 0 10px; font-size: 36px;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#itemDetailDesigner h3 span {display: block; margin: 0 0 0; font-size: 14px; font-weight: 500;}
#itemDetailDesigner p {margin: 0 0 20px;}
#itemDetailDesigner .button {padding: 16px 10px; width: 180px; font-size: 14px;}

#itemDetailStore {padding: 60px 95px; background: #fff;}
#itemDetailStore .inner {display: flex; justify-content: space-between; align-items: center;}
#itemDetailStore .img {margin: 0; width: 40%;}
#itemDetailStore .text {margin: 0; width: 53%;}
#itemDetailStore .text h2 {margin: 0 0 20px; font-size: 20px; font-weight: 500; text-align: left;}
#itemDetailStore .text p {margin: 0 0 25px; font-size: 14px;}
#itemDetailStore .text .button {padding: 19px 10px; font-size: 14px; max-width: 200px;}

#topFeatures.item_detail_feature .features_details .box:nth-child(n + 5) {display: none;}

#itemDetailBody .mfp-bg {background: rgba(255,255,255,0.6);}
#itemDetailBody img.mfp-img {padding: 0; border: solid 1px #707070;}
#itemDetailBody .mfp-close {display: block; padding: 0; width: 32px; height: 32px; border: solid 1px #142D55; background: #fff;
	text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; opacity: 1; position: absolute; top: 10px; right: 10px; cursor: pointer;}
#itemDetailBody .mfp-close:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#itemDetailBody  .mfp-close:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}
#itemDetailBody .mfp-bottom-bar {display: none;}
#itemDetailBody .mfp-figure:after {display: none;}
#itemDetailBody .mfp-arrow-left:before {width: 27px; height: 27px; border-width: 0 0 1px 1px; border-color: #707070; border-style: solid; opacity: 1; transform: rotate(45deg);}
#itemDetailBody .mfp-arrow-right:before {width: 27px; height: 27px; border-width: 1px 1px 0 0; border-color: #707070; border-style: solid; opacity: 1; transform: rotate(45deg);}
#itemDetailBody .mfp-arrow:after {display: none;}

.kodomolist_text {
    margin: 40px 0 70px !important;
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    img.kodomolist_main {
    width: 100%;
    }
}

/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom: 40px;}
#review p{margin: 0 0px;}
#review p.starno{font-size: 20px; font-weight: bold;}
#review p.item_name{font-size: 95%; font-weight: bold;}
#review h3{float: left; margin: 0 10px 0 0; font-size: 18px; font-weight: bold;}
#review .review_box{margin-bottom: 20px;}
#review .box{margin: 10px 0 5px; padding: 15px 0; border-top: #707070 1px solid;}
#review .box .box_star{display: inline-block;}
#review .box h3{float: none; font-size: 90%; display: inline-block;}
#review .box p{margin: 0;}
#review .box p.name{padding: 5px 0; margin-bottom: 10px; color: #666; font-size: 75%;}
#review p.goodButton{margin-bottom: 5px; color: #666; font-size: 75%;}
#review p.goodButton .button{margin-left: 5px; vertical-align: middle; display: inline-block; width: auto;}
#review p.goodNumber{margin-bottom: 20px; color: #666; font-size: 75%;}
#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 ul.star{float: left;}
#review ul.star li{display: block; float: left; width: 25px; height: 25px; text-indent: -9999px;}
#review ul.star li.good{background: url("../images/review_good.gif") no-repeat;}
#review ul.star li.bad{background: url("../images/review_bad.gif") no-repeat;}
#review .contribution{margin-top: 10px; padding: 10px 10px 10px 10px;}
#review .contribution #error{background: #F1F1F1;}
#review .review_star{margin: 0 auto 10px; text-align: center; display: flex; justify-content: center;}
#review .review_star p{margin-left: 5px;}
#review .contribution table{margin: 0; border: none;}
#review .contribution th{width: 140px; padding: 5px 10px; border: none; background: none; font-weight: 500; text-align: left;}
#review .contribution td{padding: 5px 10px; border: none;}
#review .contribution h3{float: none; margin:0 0 10px 0; padding:0px; font-size: 120%;}

#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;}
#main .review_result{text-align: center; margin: 0 auto;}


/* =================================================================
13.購入履歴・見積履歴
使用ファイル：member_history.xhtml,member_estimate_recode.xhtml
=================================================================*/
#history {
  max-width: 1000px;
  margin: auto;
}
#history .stepBar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
#history .stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 25%;
  max-width: 50px;
}
#history .stepBar li:after {
  background: #cecece;
  content: "";
  /*width: calc(100% - 24px);*/
  width: 100vw;
  height: 2px;
  position: absolute;
  left: calc(-50% + 46px);
  top: 10px;
}
#history .stepBar li:nth-child(1)::after {
  z-index: 1;
}
#history .stepBar li:nth-child(2)::after {
  z-index: 2;
}
#history .stepBar li:nth-child(3)::after {
  z-index: 3;
}
#history .stepBar li:nth-child(4)::after {
  z-index: 4;
}
#history .stepBar li:last-child:after {
  background: #f2f2f2;
}
#history .stepBar li span {
  background: #b2b2b2;
  color: transparent;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  z-index: 10;
}
#history .stepBar .visited.old:after {
  background: #989898;
}
#history .stepBar .visited:after {
  background: #cecece;
}
#history .stepBar .visited span {
  background: #535353;
}


#history .history_box {
  border: 1px solid #9b9b9b;
  margin-bottom: 30px;
}
#history .history_header {
  background: #e2e2e2;
  padding: 25px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#history .history_header .buttonarea {
  margin: 0;
  width: 40%;
  display: flex;
  flex-wrap: wrap;
}
#history .history_header .buttonarea .button {
  width: 100%;
  min-width: auto;
  margin: 5px 0;
  font-size: 14px;
  max-width: none;
}
#history .history_header .buttonarea .delivery_slip {
  font-weight: normal;
}
#history .buttonarea .buttoninner {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#history .buttonarea .buttoninner > div {
  width: 48%;
}
#history .buttonarea .buttoninner > div .button {
  margin: 0;
  font-size: 12px;
}
#history .history_content {
  padding: 25px 30px;
}

#history .buttonarea.dispSp {display: none;}

#history .img_box{width: 135px; height: 135px; text-align: center; position: relative; float: left;}
#history .img_box img{width: auto; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#history .text_box{padding-left: 155px;}
#history .text_box p{margin: 0 0 10px; font-size: 14px;}
#history .text_box p.code{font-size: 12px;}
#history .text_box p.itemname{font-size: 18px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#history .text_box a{text-decoration: underline; font-size: 14px;}

#history .price_box { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; text-align: right; margin-top: 15px; }
#history .price_box dl dt { float: left;  margin-bottom: 5px; text-align: right;  min-width: 100px; }
#history .price_box dl dd { margin-left: 100px; margin-bottom:5px; text-align: right; min-width: 100px; }
#history .price_box dl .total { font-size: 18px; font-weight: bold; padding-top: 5px; }


#main #history table { width: 100%; margin: 0; border: none; table-layout: fixed;}
#main #history table td { border: none; vertical-align: middle; border-bottom: 2px solid #e0e0e0; padding: 25px 0; }
#main #history table th { border: none; vertical-align: middle; border-bottom: 2px solid #e0e0e0; }
#main #history table td.price {width: 100px;}
#history .infoarea{margin: 0 0 0; font-weight: bold;}
#history .infoarea .status_icon{color: #FFFFFF; float: left; font-weight: 500; margin-right: 10px;}
#history .infoarea .date{ width: 50%; clear: both; padding-top: 3px;}
#history .infoarea .date span{font-weight: normal;}
#history .infoarea.estimate{position: relative; margin: 0 0 10px; font-size: 15px;}
#history .infoarea.estimate .seikyu_price{ color:#C00; font-size: 16px;}
#history .infoarea.estimate .estimate_number{color:#222; padding:0 0 0 10px;}
#history .infoarea.estimate .button.estimate{width: 137px; display: inline-block; position: absolute; right:10px;}

#history .preparing .status_icon{background: #336600; padding: 3px 5px;}/* 手配中 */
#history .delivered .status_icon{background: #ff9900; padding: 3px 5px;}/* 配送中 */
#history .delivering .status_icon{background: #000066; padding: 3px 5px;}/* 配送済 */
#history .canceled .status_icon{background: #cc0000; padding: 3px 5px;}/* 取消済 */
#history .yoyaku .status_icon{background: #000000; padding: 3px 5px;}/* 予約済 */
#history .teiki_together .status_icon{background: #996633; padding: 3px 5px;}/* 定期にまとめて */

#history .price{text-align: right;}

#history .estimate_reply{line-height: 22px;}
#history .estimate_reply .title{font-weight: bold;}

#history .property{display: block; color: #AAA; font-size: 90%;}

#history .pageguide{float: left; width: 500px; font-size: 75%;}
#history .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#history .pagelink{clear: both; margin-top: 50px;}
#history .nolink{color: #999;}
#history .reducedTax{ display: block; font-size: 11px; }

/*estimateListDetail - 見積履歴
-------------------------------------------------------------*/
#history #estimateListDetail .input-form-flex{display: flex; align-items: center;}
#history #estimateListDetail .search-area{margin: 20px 0 40px;}
#history #estimateListDetail .status_icon{margin: 0; color: #FFF; float:none; font-weight: bold; background: #535353; padding: 5px 5px;}
#history .estimateListDetail-text_box{margin: 0 0 20px;}

@media screen and (max-width: 767px) {
    #history #estimateListDetail .buttonarea .button {
        margin: 15px auto 0;
		padding: 13px 0;
        width: 100%;
        max-width: 100%;
		font-size: 14px;
    }
	#history .history_box:first-of-type{
		margin-top: 30px;
	}
	#history #estimateListDetail .status_icon{
		padding: 8px;
		font-size: 13px;
	}
	#history .history_content p{margin: 0 0 8px;}
}

/* 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: 100%; max-width: 500px; margin: auto;}
#subwindow #header{background: none; border:none; margin-top: 17px; }
#subwindow #header h1 a{float: none;}
#subwindow #content h2{margin-bottom: 20px; font-weight: 500; 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 h3{font-weight: bold; border-bottom: solid 1px #707070; font-size: 16px; text-align: center; line-height: 100%; padding: 0 0 10px; margin: 60px 0 30px;}
#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;}

#subwindow .closeBtn {display: block; padding: 0; width: 32px; height: 32px; border: solid 1px #142D55; background: none;
	text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; opacity: 1; position: absolute; top: 0; right: 20px; cursor: pointer;}
#subwindow .closeBtn a {display: block; width: 32px; height: 32px;}
#subwindow .closeBtn:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#subwindow .closeBtn:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}

#subwindow #content th { width: 200px; border-bottom: solid 1px #D0D0D0;}
#subwindow #content td { border-bottom: solid 1px #D0D0D0;}

#subwindow #content .images {text-align: center;}
#subwindow #content .images img {max-width: 100%;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error {margin: 0 auto; width: 100%; padding: 10px 0px;}
#error table {margin: 0 auto 10px; border: none !important; font-size: 85%; table-layout: fixed;}
#error td {padding: 10px; border: none !important;}
#error .ico {width: 56px; 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; padding: 12px 14px; margin: 5px auto;}
#credit td .button_area .button.teiki{ line-height: 1.7; min-width: 110px;}
#credit .can_regist{padding-top: 30px;}
#credit .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}
#credit .can_regist table.input_table {margin: 0 auto 20px;}
#credit .can_regist .buttonarea {margin: 0 0 50px;}


/* クレジットカード情報 */
#credit .sentence.card { font-size: 14px;  margin: 40px auto 40px;}
#credit .card_title {font-size: 18px;font-weight: bold;text-align: center;border-top: solid 1px #707070;border-bottom: solid 1px #707070;padding: 20px 0;position: relative;cursor: pointer;}
#credit .card_title span {position: absolute;top: 35px;right: 5px;transform: translateY(-50%);display: block;width: 25px;height: 25px;text-indent: 100%;white-space: nowrap;overflow: hidden;}
#credit .card_title.active span::before{display: none;}
#credit .card_title span::before, #credit .card_title span::after {display: block;content: '';background-color: #707070;position: absolute;width: 15px;height: 2px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#credit .card_title span::before {display: block;width: 2px;height: 15px;}


/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList{max-width: 1000px; width: 100%; margin: 0 auto;}
#wishList .box{border: #9B9B9B 1px solid; width: 100%; padding: 30px 25px; margin: 0 0 15px;}
#wishList .main_content > p{margin: 0 0 10px; font-size: 14px;}
#wishList p.read {margin: 0 0 15px; font-size: 14px;}
#wishList .box .box_detail{display: flex; justify-content: space-between; width: 100%;}
#wishList .text{width: 100%;}
#wishList h3{display: block; margin: 0 0 10px; font-weight: bold; line-height: 150%;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#wishList h3 a{text-decoration: none;}
#wishList .appeal {display: block; margin: 0 0 30px; line-height: 180%;}
#wishList .price{display: block; margin: 0; line-height: 180%;}
#wishList .price .teika{font-weight: bold; font-size: 110%;}
#wishList .price .other{font-size: 90%;}
#wishList .button_area{max-width: 370px; width: 100%; display: flex; justify-content: space-between; align-items: center;}
#wishList .button_area .end p {font-size: 14px; margin: 0;}
#wishList .button_area span{display: inline-block; max-width: 180px; width: 100%;}
#wishList .button_area .button {display: inline-block; max-width: 180px; width: calc(100% - 10px); font-size: 16px; padding: 15px 0; height: 48px;}
#wishList .button_area .cart {width: 50%;}
#wishList .property p {font-size: 12px; margin: 0 5px 0 0;}
#wishList .img_box {position: relative; margin: 0 15px 15px 0; width: 135px; height: 135px; min-width: 135px;}
#wishList .img_box span{display: none;}
#wishList .img_box span.img_space{content: ""; display: block; padding-top: 100%;}
#wishList .img_box img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#wishList .pagelink li a{padding: 0 7.5px 0 7.5px; font-size: 18px;color: #9B9B9B;text-decoration: none;}
#wishList .pagelink li span.current {padding: 0 7.5px 0 7.5px; color: #000;}
#wishList .pagelink ul {display: flex;margin: 0 ;width: 100%;border: none;justify-content: center;background: none;}
#wishList .pagelink {clear: both;font-size: 18px;padding: 10px 0;text-align: center;}
#wishList .pagelink li:first-child a{padding: 0 42.5px 0 0;}
#wishList .pagelink li:last-child a{padding: 0 0 0 42.5px;}
#wishList .price_en .sale{color: #F23A3A; font-weight: bold;}


/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#wishList .cartSubmitButton .cartMessage {margin: 0; padding: 40px 50px 25px; width: 100%; max-width: 400px; border: solid 1px #707070; background-color: #fff; text-align: center; display: none;
	position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;}
#wishList .cartSubmitButton .cartMessage {margin: 0 0 7px; vertical-align: top;}
#wishList .cartSubmitButton .cartMessage p {margin: 0 0 25px; font-weight: bold;}
#wishList .cartSubmitButton .cartMessage .button {margin: 0 0 15px; width: 100%; max-width: 100%; height: auto; padding: 12px 10px; font-size: 14px;}
#wishList .cartSubmitButton .cartMessage .close_btn {display: block; padding: 0; width: 32px; height: 32px; border: solid 1px #142D55; background: #fff;
	text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; opacity: 1; position: absolute; top: 13px; right: 13px; cursor: pointer;}
#wishList .cartSubmitButton .cartMessage .close_btn:before {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg);}
#wishList .cartSubmitButton .cartMessage .close_btn:after {content: ''; display: block; width: 14px; height: 1px; background: #333;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-45deg);}



/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList .main_content{padding-bottom: 20px;}
#addressList .main_content h3{margin-bottom: 15px; padding: 1px 0px 0px 20px; border-bottom: 1px solid #9B9B9B; background: url("../images/marker.gif") 7px 7px no-repeat; font-size: 85%; margin-top: 30px;}
#addressList .box ul.address{zoom:1; margin: 40px 0 0;  font-size: 14px;}
#addressList .box ul.address:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#addressList .box ul.address li {float: none; padding: 25px 25px; border: 1px solid #9B9B9B; width: auto; margin-bottom: 30px;width: auto;position: relative;box-sizing: border-box;overflow: hidden;}
#addressList .box ul.address li p span.bold{font-size:18px; font-weight: bold;}
#main #addressList .box ul.address li p {margin: 0 0 5px;}
#addressList .box ul.address li span{margin-bottom: 5px;}
#addressList .box ul.address li .button_area{margin: 0; float: right;display: block;border-top: none;text-align: right;padding: 0;position: absolute;right: 25px;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
#addressList .box ul.address li .button_area a {font-size: 12px;width: 100%; max-width: 145px; margin: 10px 5px; display: block; padding: 8px 15px; } 
#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;}
#addressList .nolink{color: #999;}

#main .sentence.txC { margin: 0 auto 30px; }
#main #addressList .main_content .buttonarea { margin: 0; }

#addressList .no_address {margin: 40px auto; border: 1px solid #707070; padding: 25px; }


/* =================================================================
19.マイページ
使用ファイル：member_mypage.xhtml
=================================================================*/
/* マイページ・お気に入りリストサードバー */
.two_column{display: flex; justify-content: space-between;}
.two_column .sub_content{max-width: 288px; width: 100%; margin: 0 65px 0 0;}
.two_column .main_content{width: 100%; max-width: 650px;}

#member.mypage {max-width: 1000px; width: 100%; margin: 0 auto;}
#member.mypage ul {display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: 0 0 80px;}
#member.mypage ul li:nth-child(2),#member.mypage ul li:first-child{border-top: solid 1px #707070;}
#member.mypage ul li{width: calc(50% - (2.439%/2)); margin:0 2.439% 0 0;border-bottom: solid 1px #707070; height: 110px; text-align: center;}
#member.mypage ul li img{height: auto; display: block; margin: 0 auto 10px; opacity: 1;}
#member.mypage ul li span {display: none;}
#member.mypage ul li:nth-child(2n){margin: 0;}
#member.mypage ul li .icon_area{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width: 100%;}
#member.mypage ul li a{text-align: center; text-decoration: none; font-size: 16px; font-weight: bold;display: block;height: 110px;position: relative;}
#member.mypage #sideMypage ul {display: none;}
#member.mypage .button.top {margin: 0 0 0 55px;}
#member.mypage .option h3{font-weight: bold; border-bottom: solid 1px #707070; font-size: 16px; text-align: center; line-height: 100%; padding: 0 0 10px; margin: 60px 0 30px;}
#member.mypage .option table{ width: 100%; margin: 0 0 80px; border: none;}
#member.mypage .option table tr{margin: 10px 0;}
#member.mypage .option table tr img{margin: 2% 0 0;}
#member.mypage .option table th{border-bottom: 1px solid #D0D0D0; width: 50%; text-align: left; padding: 10px 10px 10px 0;background: none;border: none;border-bottom: solid 1px #D0D0D0; font-weight: bold;}
#member.mypage .option table th p{font-weight: 500; font-size: 14px; margin: 0;}
#member.mypage .option table td{border: none; border-bottom: 1px solid #D0D0D0; font-size: 14px;padding: 10px 0;}
#member.mypage .option.coupon .left{width: 35%;}
#member.mypage .option.coupon .right{width: 65%;}
#member.mypage .option.coupon th {padding: 10px 5px;}
#member.mypage .option.coupon td {padding: 20px 5px;}
#member.mypage #social_plus th a {text-decoration: none;}

#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;}
#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;
}

/* ポイント履歴 */
#main.mypage { max-width: 1000px; margin: auto; }
#main.pointRecord table.table_style .title_date {width: 100px;}
#main.pointRecord table.table_style .title_point {width: 80px;}
#main.pointRecord table.table_style .title_limit {width: 100px;}
#main.pointRecord table.table_style .title_biko {width: 100px;}



/* =================================================================
20.ログイン
使用ファイル：login.xhtml
=================================================================*/
#loginNew #error {max-width: 600px;}
#loginNew .buttonarea {margin: 35px auto 0;}
#loginNew .buttonarea .button {max-width: 190px;}
#loginNew table.input_table .title {width: 200px; vertical-align: middle;}
#loginNew table.input_table th {padding: 15px 0;}
#loginNew table.input_table td {padding: 15px 0;}
#loginNew .amazon_msg {margin: 0 auto 10px; max-width: 600px;}
#loginNew .one_column_box {margin: 0 auto 60px; max-width: 600px;}
#loginNew .two_column_box {display: flex; justify-content: space-between; margin: 0 auto 60px;}
#loginNew .two_column_box .box {width: calc(50% - 20px);}
#loginNew .two_column_box h3 {margin: 0 0 20px; padding: 0 0 20px; width: 100%; border-bottom: solid 1px #a1a1a1; text-align: center; font-size: 18px;}
#loginNew .reminder {margin: 15px 0 0; text-align: center; font-size: 14px;}
#loginNew h3{text-align: center; margin: 0 0 15px;}
#loginNew .read{max-width: 600px; text-align: center; margin: 0 auto;}

#firstTime {margin: 70px auto; padding: 50px 33px 35px; width: 100%; background: #fff;}
#firstTime h3 {margin: 0 0 15px; font-size: 18px; font-weight: bold; text-align: center;}
#firstTime .read {text-align: center;}
#firstTime .buttonarea {margin: 20px auto 50px;}
#firstTime .buttonarea .button {max-width: 190px;}
#firstTime .specials {display: flex; flex-wrap: wrap; justify-content: center;}
#firstTime .specials .special {display: flex; flex-wrap: wrap; margin: 0 7px 15px; padding: 50px 20px; width: calc(50% - (28px / 2)); background: #fff; align-items: center; border: 2px solid #808080;}
#firstTime .special dl {width: 100%;}
#firstTime .special dl dt {margin: 0 0 10px; font-size: 20px; font-weight: bold; text-align: center;}
#firstTime .special dl dd {font-size: 14px; text-align: center;}
#firstTime .information {margin: 20px 0 0; text-align: center;}
#firstTime .benefits {display: flex; flex-wrap: wrap; justify-content: center;}
#firstTime .benefits .benefit {display: flex; flex-wrap: wrap; margin: 0 7px 15px; padding: 50px 20px; width: 100%; background: #fff; align-items: center; border: 2px solid #808080;}
#firstTime .benefit dl {width: 100%;}
#firstTime .benefit dl dt {margin: 0 0 1.5rem; font-size: 18px; font-weight: bold; text-align: center;}
#firstTime .benefit dl dd {font-size: 14px; text-align: center;}
#firstTime .benefit .benefits_img{max-width: 600px; margin: 1rem auto 0;}
#firstTime .benefit .benefits_img img{width:100%;}

#main .firstTime-area{margin: 20px auto 50px;}
#main .firstTime-area .buttonarea.firstTime{margin: 0;}
#main .firstTime-area .firstTime-block{width: 240px;}
#main .firstTime-area .buttonarea.firstTime .firstTime-ttl{margin: 0 0 4px; font-size: 15px; font-weight: bold;}
#main .firstTime-area .buttonarea.firstTime a{margin: 0;}

#loginNew .social_provider ul {display: flex; flex-wrap: wrap; justify-content: center;}
#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; margin: 0 10px 20px;}
#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
=================================================================*/
.sales_campaign_banner{padding: 30px 20px 20px; border: 1px #b4b08d solid; font-size: 14px;}
.sales_campaign_banner h4{margin: 0 0 8px; font-size: 16px; line-height: 1.4;}

/* 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 {margin: 40px auto auto;}
#cartCampaign ul {display: flex; flex-wrap: wrap; margin: 10px 0 0; width:100%;}
#cartCampaign ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartCampaign li {width: calc(50% - (20px / 2)); margin:0 20px 20px 0;}
#cartCampaign li:nth-child(2n) {margin:0 0 20px 0;}
#cartCampaign li a {display: block;}
#cartCampaign li img {width:100%; display: block;}
#cartCampaign li h5 {margin: 5px 0 0; font-size: 14px;}
#cartCampaign li h6 {margin: 5px 0 0; font-size: 14px;}

/* cart_confirm */
#cartFlow .confirmCampaign {width:100%; margin-top: 20px; padding: 20px; border: #fff 1px solid; background: #fff;}
#cartFlow .confirmCampaign h3 {margin: 0 0 10px; padding: 0; border: none; background: none; font-size: 14px;}
#cartFlow .confirmCampaign li {padding:0 0 10px 0; border:none;}
#cartFlow .confirmCampaign li h4 {font-size: 14px;}
#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;}

/* =================================================================
23.会員登録
使用ファイル：member_input.xhtml
=================================================================*/
#memberInput{padding:30px 0 0 0;}
#memberInput h3{margin:10px 0 10px 10px;}

#memberInput .social_provider ul {display: flex; flex-wrap: wrap; justify-content: center;}
#memberInput .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#memberInput .social_provider ul li {width: 194px; height: 44px; font-size: 14px; display: block; margin: 0 10px 20px;}
#memberInput .social_provider ul li a {display: block; text-decoration: none;}
#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.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 li.rakuten_regist a span{padding:0; border:0; margin:0; background:none;}

#main.input_content {
	width: 100%;
	max-width: 794px;
	margin: auto;
}
#main.input_content #memberStep {
	margin: auto auto 50px;
}
#main.input_content table.input_table th {
	padding: 30px 10px 30px 0;
}
#main.input_content #loginNew table.input_table th {
	padding: 30px 0 30px 0;
}
#main h3.underline,
#main form.memberInput h3 {
	width:100%;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align: center;
	border-bottom: solid 1px #a1a1a1;
	font-size: 18px;
}
#main form.memberInput.confirm .input_table th,
#main form.memberInput.confirm .input_table td {
	border-bottom: dotted 1px #707070;
}
#main form.memberInput.confirm .input_table tbody:last-child tr:last-child th,
#main form.memberInput.confirm .input_table tbody:last-child tr:last-child td {
	border: none;
}
#main.input_content .buttonarea form {
	display: inline-block;
	width: 100%;
	max-width: 180px;
}

#main.input_content .free_input .HTMLFORM_ELEMENT+.HTMLFORM_ELEMENT{margin: 0 0 0 16px;}

/* =================================================================
24.BUSINESS(business.xhtml)
=================================================================*/
#business .dispPc {display: inline-block;}
#business_page .sp_disp{display: none;}
#business {margin: 0 0 120px;}
#business h2{margin: 0 0 60px;}
#business h3 {margin: 0 0 40px; font-size: 28px; font-weight: bold; text-align: center;}
#business .text_area{width: 85%; margin: 0 auto; position: relative;}
#business .text {background: #EAEAEA; position: absolute; width: 100%; top: -60px; padding-top: 120px;}
#business h3.border::after {margin: 10px auto 0;}
#business .img {margin: 0;}
#business p {margin: 0 0 30px; text-align: center; line-height: 180%;}
#business .button {margin: 50px auto 0;}
#business .border{margin-bottom: 10px;}

#reason {margin: 410px 0 0;}
#reason h3 .sub {margin: 0 0 10px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#reason h3 .border::after {margin: 5px 0 0;}
#reason .reason_top {width: 100%; position: relative; margin-top: 250px;}
#reason .reason_top .reason_top_text{padding: 100px 155px 100px 55px; border: solid 1px #707070; width: 50%; position: relative;}
#reason .reason_top .reason_top_text h3{margin: 0 0 35px; font-size: 21px; font-weight: bold;}
#reason .reason_top .slider_area {width: calc(50% + 100px); height: auto; position: absolute; bottom: -100px; right: 0; z-index: 1;}
#reason .reason_top .slider_area ul {width: 100%;}
#reason .reason_top li {width: 100%;}
#reason .reason_top li img{width: 100%;}
#reason .reason_bottom {position: relative;height: 660px; margin-top: 270px;}
#reason .reason_bottom h3{ font-size: 22px; font-weight: bold;}
#reason .reason_bottom img{position: absolute;width: 50%;z-index: 100;left: 0;top: 160px;}
#reason .reason_bottom .reason_detail {position: absolute; top: 0; right: 0; border: solid 1px #707070; padding: 90px 75px 95px 90px; width: 54.4%;}
#reason .reason_bottom .reason_detail .reason_detail_box {display: flex; flex-wrap: wrap; justify-content: space-between;}
#reason .reason_bottom .reason_detail .reason_detail_box .box {width: 100%; display: flex; flex-wrap: wrap;justify-content: space-between;}
#reason .reason_bottom .reason_detail .reason_detail_box dl {margin: 50px 0 0; width: calc(50% - 10px);}
#reason .reason_bottom .reason_detail .reason_detail_box dl dt {font-size: 15px; font-weight: bold; line-height: 100%; margin: 0 0 10px;}
#reason .reason_bottom .reason_detail .reason_detail_box dl dd {line-height: 150%;}
#reason .reason_top .slick-dots {width: 100%; bottom: -40px; display: none;}
#reason .reason_top .slick-dots li { width: 20px; margin: 0;}
#reason .reason_top .slick-dots li.slick-active button:before {color: #142D55;}
#reason .reason_top .slick-dots li button:before {color: #fff; opacity: 1; font-size: 11px;}
#reason .reason_top .slick-prev:before, #reason .reason_top .slick-next:before {display: none;}

#busCases {margin: 150px 0 120px;}
#busCases h3 {font-size: 28px; font-weight: bold; text-align: center; margin: 0 0 50px;}
#busCases h3 .sub {font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#busCases h3 .border::after {margin: 5px auto 10px;}
#busCases .box{display: flex; justify-content: space-between; margin: 0 0 60px;}
#busCases .box li{width: calc(33.333% - (5%/3));}
#busCases .box li .case_img_box{position: relative; margin: 0; display: block; width: 100%; height: auto;}
#busCases .box li .case_img_box::before{content: "";display: block;padding-top: 65%;}
#busCases .box li .case_img_box img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#busCases .box li p{text-align: center; font-weight: bold; font-size: 18px; margin: 15px 0 0;}
#busCases .box li a{text-decoration: none; }
#busCases > a{margin: 0 auto; padding: 16px 0; max-width: 250px; width: 100%;}

#busNews {background: #fff; padding: 10px 0 60px; width: 100vw; margin-left: calc(-50vw + 50%); height: auto;}
#busNews dl {display: flex; margin: 0 auto 30px; max-width: 600px;}
#busNews dl dt {max-width:100px; width: 100%;}
#busNews dl dd {display: inline-block;}

#info {padding: 40px 0 0;}
#info h3{font-size: 20px; font-weight: bold; margin: 0 0 15px; position: relative; z-index: 1;}
#info p{font-size: 14px; line-height: 140%;}
#info .catalog {background: #B7D0E3; padding:30px 2.5% ; width: 80%; position: relative; margin: 0 auto;}
#info .catalog::before{content: url("../images/business/img_business_catalog.png"); position: absolute; top: -17px; left: -3px;}
#info .catalog .catalog_contents{display: flex;}
#info .catalog .catalog_contents .text{width: calc(100% - 213px); margin-right: 30px;}
#info .catalog .catalog_contents img{width: 110px;}
#info .contact_info{background: #EAEAEA; padding:30px 2.5% ; width: 80%; margin: 0 auto 20px; position: relative;}
#info .contact_info::before{content: url("../images/business/img_business_contact.png"); position: absolute; top: -17px; left: -3px;}
#info a{text-decoration: none;padding: 11px 0;color: #fff;background: #142D55;border: solid 1px #142D55;display: block;width: 26%;height: 47px;text-align: center;font-size: 16px; margin: 0; max-width: 250px ; width: 100%;}
#info .white{color: #000 !important;
    background: #fff !important;
    border: solid 1px #142D55;
    display: flex;
    width: 26%;
    height: 47px;
    text-align: center;
    font-size: 16px;
    margin: 0;
    max-width: 250px;
    width: 100%;
    justify-content: center;
    align-items: center;}
#info .contact_info a{margin: 0;}
#info .contact_info .contact_e {display: flex;max-width: 600px;margin: auto;justify-content: space-between;}
#info .contact_info .contact_e a {width:49%; margin-top: 0;}
#info .contact_info .contact_e .white {width:30%!important;}

#aboutlc {margin: 280px 0 0;}
#aboutlc h3 .sub {margin: 0 0 10px; font-weight: bold;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#aboutlc h3 .border::after {margin: 5px 0 0;}
#aboutlc h4{text-align: center;font-size: 20px;margin-bottom: 1.5em;}
#aboutlc .aboutlc_cando .aboutlc_text h5{font-size: 18px;font-weight: bold;margin-bottom: 1em;text-align: center;}
#aboutlc .aboutlc_cando {width: 100%; margin-bottom: 5%;}
#aboutlc .aboutlc_cando .aboutlc_text{padding: 55px; border: solid 1px #707070; position: relative;}
#aboutlc .aboutlc_cando .aboutlc_text h3{margin: 0 0 35px; font-size: 28px; font-weight: bold;}
#aboutlc .aboutlc_cando .slider_area {width: 100%; height: auto; z-index: 1;}
#aboutlc .aboutlc_cando .slider_area ul {width: 100%;}
#aboutlc .aboutlc_cando li {width: 100%;}
#aboutlc .aboutlc_cando li img{width: 100%;}
#aboutlc .aboutlc_cando .slick-dots {width: 100%; bottom: -40px;}
#aboutlc .aboutlc_cando .slick-dots li { width: 20px; margin: 0;}
#aboutlc .aboutlc_cando .slick-dots li.slick-active button:before {color: #142D55;}
#aboutlc .aboutlc_cando .slick-dots li button:before {color: #fff; opacity: 1; font-size: 11px;}
#aboutlc .aboutlc_cando .slick-prev:before, #aboutlc .aboutlc_cando .slick-next:before {display: none;}
#aboutlc .aboutlc_cando .flexbox{margin-bottom: 8%;margin-top: 5%;width:100%;}
#aboutlc .aboutlc_cando .flexbox .box01{width: 100%;padding-right: 2%;}
#aboutlc .aboutlc_cando .flexbox .box02{width: 50%;padding-left: 2%;}
#aboutlc .aboutlc_cando .flow{background-color: #fff;padding: 30px;}
#aboutlc .aboutlc_cando .flow .flow_aboutlc{display: flex;justify-content: center;align-items: center;}
#aboutlc .aboutlc_cando .flow .flow_design{padding-left: 0;width: 100%;display: flex;justify-content: space-between;}
#aboutlc .aboutlc_cando .flow .flow_design > li{list-style: none;background-color: #D9E4CB;padding: 20px;text-align: center;font-size: 90%;display: flex;flex-direction: column;justify-content: center;}
#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(1){width: 20%;}
#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(2){width: 30%;}
#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(3){width: 25%;}
#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(4){width: 15%;}
#aboutlc .aboutlc_cando .flow .flow_design > li:not(:last-child){position: relative;}
#aboutlc .aboutlc_cando .flow .flow_design > li:not(:last-child)::after{content: '';position: absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #707070;width: 0;height: 0;right: -22px;transform: rotateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#aboutlc .aboutlc_cando .pc_disp{display: flex;}
#aboutlc .aboutlc_cando .sp_disp{display: none;}


/* =================================================================
25.CASES
=================================================================*/
#cases .filters_wrap {margin: 0 0 50px; text-align: center; white-space: nowrap;}
#cases .filters li {display: inline-block; margin: 0 40px 0 0;}
#cases .filters li:last-child {margin: 0;}
#cases .filters input[type=radio] {display: none;}
#cases .filters label {font-size: 18px; font-weight: bold; cursor: pointer; position: relative; opacity: .5; transition: .3s;}
#cases .filters input[type=radio]:checked ~ label {opacity: 1;}
#cases .filters input[type=radio]:checked ~ label:after {content: ''; display: block; width: 100%; height: 2px; background: #333; position: absolute; bottom: -5px; left: 0;}
#cases .grid {display: flex; flex-wrap: wrap; margin: 0 0 0 -15px; width: calc(100% + 30px);}
#cases .grid li {margin: 0 15px 40px; width: calc(33.3333% - (90px / 3)); transition: .3s;}
#cases .grid a {display: block; text-decoration: none;}
#cases .grid .img {margin: 0 0 10px; position: relative;}
#cases .grid img {width: 100%; vertical-align: top;}
#cases .grid p {margin: 0 0 50px; font-size: 12px; text-align: center;}
#cases .grid .tag {display: none;}
#cases h3 {font-size: 18px; text-align: center;}

/* =================================================================
26.STORES
=================================================================*/
#stores img {width: 100%; vertical-align: top;}
#stores .directly_managed_store > h3,
#stores .handling_stores > h3 {text-align: center; font-size: 20px; padding: 0 0 25px; border-bottom: solid 1px #707070;}
#stores .directly_managed_store{margin: 35px 0 70px;}
#stores .store_box{display: flex; justify-content: space-between;}
#stores .store_box .img {width: calc(50% - (50px/2)); margin: 60px 0;}
#stores .store_box .img img{width: 100%;}
#stores .border {border-bottom: dotted  1px #707070; padding-bottom: 50px;}
#stores .border::after {content: none;}
#stores .detail_box {margin: 60px 0; width: calc(50% - (50px/2)); }
#stores .detail_box dl dt {font-size: 32px; font-weight: bold; line-height: 100%; margin: 0 0 10px;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#stores .detail_box dl dd {line-height: 180%;}
#stores .detail_box p {line-height: 180%; margin: 30px 0 0;}
#stores .detail_box .note {padding-left: 1em; text-indent: -1em; font-size: 12px;}
#stores .detail_box .apply_btn {margin: 5px 0;}
#stores .pagelinks {display: flex; justify-content: center; margin: 0 0 60px;}
#stores .pagelinks li {margin: 0 40px 0 0;}
#stores .pagelinks a {font-size: 16px; font-weight: bold; text-decoration: none;}
#stores .box {border-bottom: solid 1px #707070;}
#stores .box .block {padding: 30px 0; font-size: 18px; font-weight: bold; text-align: center;position: relative; cursor: pointer}
#stores .box .block span{position: absolute;top: 45px;right: 5px;transform: translateY(-50%); display: block; width: 50px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#stores .box .block span::before{display: block; width: 2px; height: 25px;}
#stores .box .block.active span::before{display: none;}
#stores .box .block span::after,#stores .box h3 span::before{display: block; content: ''; background-color: #707070; position: absolute; width: 25px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#stores .box .shop_detail{display: none;}
#stores .box .shop_detail .inner {display: flex; flex-wrap: wrap; justify-content: space-between;}
/* #stores .box .inner.active {display: flex; flex-wrap: wrap; justify-content: space-between; display: block;} */
#stores .box .inner dl {margin: 0 0 60px; width: calc(50% - 10px);}
#stores .box .inner dt {font-weight: bold;}
#stores .box .inner dd a {color: #55baba; font-size: 14px; text-decoration: none;}
#stores .box .inner dd a.tel {color: #000;}

#stores .flex_box{display: flex; margin: -50px auto 100px;}
#stores .flex_box .box_left{width: 50%;margin-right: 20px;}
#stores .flex_box .box_right{width: 50%;margin-left: 20px;}
#stores .button.reserve1{max-width: 320px;margin: 0 0 0 auto;}
#stores .button.reserve2{max-width: 320px;margin: 0 auto 0 0;}

/* =================================================================
27.トピックス一覧共通
=================================================================*/
#topicsList p {margin: 0 0 70px; text-align: center;}
#topicsList ul {display: flex; justify-content: center; flex-wrap: wrap;}
#topicsList ul li {margin: 0 30px 50px 0; width: calc(33.3333% - (60px / 3));}
#topicsList ul li:nth-child(3n) {margin: 0 0 50px 0;}
#topicsList ul li:last-child {margin: 0 0 50px 0;}
#topicsList a {color: #000; text-decoration: none;}
#topicsList .img {margin: 0 0 20px; width: 100%;}
#topicsList .img img {width: 100%; vertical-align: top;}
#topicsList h3 {margin: 0; font-size: 16px; text-align: left;}
#topicsList h3 span {display: block; font-weight: 500; margin: 10px 0 0; line-height: 150%;}
#topicsList ul li p {margin: 0; text-align: center;}
#main .home_btn{text-decoration: none; margin: 0 0 25px 0; display: block;}
#topicsList {display: flex; flex-wrap: wrap; margin: 0 0 30px 0;}
#topicsList .box{display: block; width: calc(33.3333% - (60px/3)); margin: 0 30px 72px 0;}
#topicsList .box:nth-child(3n){margin-right: 0;}
#topicsList .box img{display: block; position: relative; width: 100%; height: auto;}
#topicsList .box p{display: none;}
#topicsList h3 span.date {margin:10px 0 0;}
#topicsList .icon{display: flex; justify-content: left; flex-wrap: wrap;}
#topicsList .icon p{display: block; background: #535353; color: #fff; padding: 5px 10px; margin:14px 10px 0 0; font-size: 12px;}
#topicsList .c-contentsList__item .icon p.entry-tags{background: #535353;}
#topicsList .c-contentsList__item .icon p .entry-mark {display:none;}
#topicsList .c-contentsList__item .icon p .entry-tag {display: none;}




/* トピックスカテゴリ用一覧共通 */
#topicsListCommon ul {display: flex; flex-wrap: wrap; justify-content: center;}
#topicsListCommon ul li {margin: 0 2.5% 50px 0; width: calc(33.3333% - (5% / 3));}
#topicsListCommon ul li:nth-child(3n) {margin: 0 0 50px 0;}
#topicsListCommon ul li:last-child {margin: 0 0 50px 0;}
#topicsListCommon a {color: #000; text-decoration: none;}
#topicsListCommon .img {margin: 0 0 20px; width: 100%;}
#topicsListCommon .img img {width: 100%; vertical-align: top;}
#topicsListCommon h3 {margin: 0 0 10px; font-size: 18px; text-align: center;}
#topicsListCommon h3 span {display: block; font-size: 14px; font-weight: 500;}
#topicsListCommon ul li p {margin: 0; font-size: 18px; text-align: center; font-weight: bold;}
#topicsListCommon ul li p span {font-size: 14px; font-weight: normal;}
#topicsListCommon .sentence.narrow p {text-align: center;}

/* DESIGNERS */
#topicsListCommon.designers ul {justify-content: flex-start;}
#topicsListCommon.designers ul li,
#topicsListCommon.designers ul li:nth-child(3n) {margin: 0 5.8333% 40px 0; width: calc(25% - (17.5% / 4));}
#topicsListCommon.designers ul li:nth-child(4n) {margin: 0 0 40px 0;}
#topicsListCommon.designers ul li:last-child {margin: 0 0 40px 0;}
#topicsListCommon.designers ul li p {font-size: 16px; line-height: 1.3;
	font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#topicsListCommon.designers .img {margin: 0 0 10px; width: 100%; position: relative;}
#topicsListCommon.designers .img:before {content: ""; display: block; padding-top: 100%;}
#topicsListCommon.designers .img img {margin: auto; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
@media screen and (-ms-high-contrast: none) { /* IE11 object-fit対応 */
	#topicsListCommon.designers .img {overflow: hidden;}
	#topicsListCommon.designers .img img {width: auto; height: 100%; left: 50%; transform: translate(-50%, 0);}
}

/* HAY'S WORLD */
#topicsListCommon.haysworld .img {margin: 0 0 10px;}
#topicsListCommon.haysworld h3 {margin: 0; font-weight: bold; font-size: 20px;}
#topicsListCommon.haysworld h3 span {margin: -5px 0 0; font-size: 16px; font-weight: 500;}
#topicsListCommon.haysworld .img {margin: 0 0 15px;}
#topicsListCommon.haysworld ul li p {font-size: 18px; font-weight: bold;}
#topicsListCommon.haysworld ul li p span{font-size: 14px; font-weight: normal;}
#focus .filters_wrap {margin: 0 0 50px; text-align: center; white-space: nowrap;}
#focus .filters li {display: inline-block; margin: 0 40px 0 0;}
#focus .filters li:last-child {margin: 0;}
#focus .filters input[type=radio] {display: none;}
#focus .filters label {font-size: 18px; font-weight: bold; cursor: pointer; position: relative; opacity: .5; transition: .3s;}
#focus .filters input[type=radio]:checked ~ label {opacity: 1;}
#focus .filters input[type=radio]:checked ~ label:after {content: ''; display: block; width: 100%; height: 2px; background: #333; position: absolute; bottom: -5px; left: 0;}
#focus .grid {display: flex; flex-wrap: wrap; margin: 0 0 0 -15px; width: calc(100% + 30px);}
#focus .grid li {margin: 0 15px 40px; width: calc(33.3333% - (90px / 3)); transition: .3s;}
#focus .grid a {display: block; text-decoration: none;}
#focus .grid .img {margin: 0 0 10px; position: relative;}
#focus .grid img {width: 100%; vertical-align: top;}
#focus .grid p {margin: 0 0 50px; font-size: 12px; text-align: center;}
#focus .grid .tag {display: none;}
#focus h3 {font-size: 18px; text-align: center;}
#topicsListCommon .haysworld_link {max-width: 900px; margin: 0 auto;}
#topicsListCommon .haysworld_link ul{display: block; margin-bottom: 80px}
#topicsListCommon .haysworld_link ul li{width:100%; margin: 0 0 30px; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
#topicsListCommon .haysworld_link ul li:last-child{border-bottom: none;}
#topicsListCommon .haysworld_link ul li p{text-align: center; font-weight: normal;font-size: 16px;}
#topicsListCommon .haysworld_link .img{text-align: center; margin-top: 20px;}
#topicsListCommon .haysworld_link .img img{width: 900px;}


/* =================================================================
28.トピックス共通
=================================================================*/
#topicsDetail .content {margin: 0 auto; max-width: 1200px;}
#topicsDetail .content h3 {margin: 0 0 10px; font-size: 16px;}
#topicsDetail .content p {line-height: 1.8;}
#topicsDetail .content .movie {margin: 0 auto 100px; width: 100%;}
#topicsDetail .content .movie .inner {padding: 0; width: 100%; position: relative;}
#topicsDetail .content .movie iframe {width: 100%; height: 100%; border: none; position: absolute; top: 0; right: 0;}
#topicsDetail .content .movie-wrap{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 30px;}
#topicsDetail .content .movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#topicsDetail .content .img {margin: 0 0 50px; width: 100%; vertical-align: top;}
#topicsDetail .content .img img {width: 100%;}
#topicsDetail .content .sentence {margin: 0 auto 100px; text-align: center;}
#topicsDetail .content .flex {display: flex; margin: 0 0 100px; align-items: center; flex-wrap: nowrap;}
#topicsDetail .content .flex .img {margin: 0; width: 55%; position: relative;}
#topicsDetail .content .flex .img:first-child {margin-right: 2%;}
#topicsDetail .content .flex .img-fit {padding-right: 2%;}
#topicsDetail .content .flex .img .bt_products{position: absolute; left: 8px; bottom: 8px; display: block; color: #000; font-size: 12px; background-color: rgba(237,207,77,.9); text-decoration: none; min-height: 36px; line-height: 36px; min-width: 100px; text-align: center; border-radius: 18px;}
#topicsDetail .content .flex .text {margin: 0; width: calc(100% - 55%);}
#topicsDetail .content .flex p {margin: 0 0 50px;}
#topicsDetail .content .flex.img_left .text {padding: 0 0 0 5%;}
#topicsDetail .content .flex.img_right .text {padding: 0 5% 0 0;}
#topicsDetail .content .writer {padding: 30px; border: solid 1px #ccc;}
#topicsDetail .content .writer .flex {margin: 0;}
#topicsDetail .content .writer .flex .img {width: 25%;}
#topicsDetail .content .writer .flex .text {width: 75%;}
#topicsDetail .content .writer .flex .text p {margin: 0;}
#topicsDetail .content .img_no .text {padding: 0 5% 0 0; width:70%; margin:0 auto;}
#topicsDetail .content .button_area {display: flex; justify-content: center;}
#topicsDetail .content .button_area.button.top{max-width: 220px}
#topicsDetail .content hr {margin: 0 0 60px; border-bottom: solid 1px #707070;}
#topicsDetail .content dl {margin: 0 0 30px;}
#topicsDetail .content dl dt {margin: 0 0 5px; text-align: center; font-weight: bold;}
#topicsDetail .content dl dd {margin: 0 0 10px; text-align: center;}
#topicsDetail .content dl a {color: #55baba; text-decoration: none;}
#topicsDetail .note {margin: 10px 0 0 auto; max-width: 730px;}
#topicsDetail .note li {padding-left: 1em; text-indent: -1em; font-size: 14px;}
#topicsDetail .content .cases_space{margin-top: 90px;}

#topicsDetail .content .slider2 img {width: 100%; height: 100%; vertical-align: top; object-fit: cover;}
#topicsDetail .content .slider3 img {width: 100%; height: 100%; vertical-align: top; object-fit: cover;}
#topicsDetail .content .slider_sp {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 90px 0 0;}
#topicsDetail .content .slider_sp img {width: 100%; height: 100%; vertical-align: top; object-fit: cover;}
#topicsDetail .content .col_1_3 {margin: 0 0 6px; width: calc(33.3333% - 3px);}
#topicsDetail .content .col_2_3 {margin: 0 0 6px; width: calc(66.6666% - 3px);}
#topicsDetail .content .col_3_3 {margin: 0 0 6px; width: 100%;}

#topicsDetail .content .slider2 .slick-list {margin: 0 -10px 0 0;}
#topicsDetail .content .slider2 .slick-slide {margin: 0 10px 0 0;}
#topicsDetail .content .slider2 .slick-prev,
#topicsDetail .content .slider2 .slick-next {width: 16px; height: 31px; z-index: 1;}
#topicsDetail .content .slider2 .slick-prev {left: 20px;}
#topicsDetail .content .slider2 .slick-next {right: 20px;}
#topicsDetail .content .slider2 .slick-prev:before,
#topicsDetail .content .slider2 .slick-next:before {content: ''; display: block; width: 20px; height: 20px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid;
	position: absolute; transform: rotate(45deg); opacity: 1;}
#topicsDetail .content .slider2 .slick-prev:before {border-width: 2px 0 0 2px; transform: rotate(-45deg); position: absolute; top: 4px; left: 4px;}
#topicsDetail .content .slider2 .slick-next:before {border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; top: 4px; right: 4px;}

#topicsDetail .content .slider3 .slick-list {margin: 0 -10px 0 0;}
#topicsDetail .content .slider3 .slick-slide {margin: 0 10px 0 0;}
#topicsDetail .content .slider3 .slick-prev,
#topicsDetail .content .slider3 .slick-next {width: 16px; height: 31px; z-index: 1;}
#topicsDetail .content .slider3 .slick-prev {left: 20px;}
#topicsDetail .content .slider3 .slick-next {right: 20px;}
#topicsDetail .content .slider3 .slick-prev:before,
#topicsDetail .content .slider3 .slick-next:before {content: ''; display: block; width: 20px; height: 20px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid;
	position: absolute; transform: rotate(45deg); opacity: 1;}
#topicsDetail .content .slider3 .slick-prev:before {border-width: 2px 0 0 2px; transform: rotate(-45deg); position: absolute; top: 4px; left: 4px;}
#topicsDetail .content .slider3 .slick-next:before {border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; top: 4px; right: 4px;}

/* with HAY (本国) */
#topicsDetail .content .with_HAY{margin: 0; margin-bottom: 60px; padding: 0;}
#topicsDetail .content .with_HAY .wH-contents{margin: 0; padding: 0; text-align: center;}
#topicsDetail .content .wH-column100{max-width: 700px; margin: auto; margin-bottom: 60px; text-align: center;}
#topicsDetail .content .video-wrapper video{width: 100%;}
#topicsDetail .content .flex_box{display: flex; flex-flow: wrap; justify-content: space-between; width: 100%;/*align-items: center;*/}
#topicsDetail .content .flex_box2{display: flex; flex-flow: wrap; justify-content: center; width: 100%;align-items: center;}
#topicsDetail .content .flex_box3{display: flex; flex-flow: wrap; justify-content: space-between; width: 100%;align-items: end;}
#topicsDetail .content .flex_box3 {text-align: right;}
#topicsDetail .content .gap_column:first-child{padding-right: 30px;}
#topicsDetail .content .wH-column50{width: 50%;margin-bottom: 1em;}
#topicsDetail .content .wH-column33{width: 33%;margin-bottom: 1em;}
#topicsDetail .content .wH-column66{width: 66%;margin-bottom: 1em;}
#topicsDetail .content .wH-column25{width: 25%;margin-bottom: 1em;}
#topicsDetail .content .mix-item{margin-bottom: 40px; padding-left: 1.5625rem; padding-right: 1.5625rem;}
#topicsDetail .content .section-text{text-align: center; font-size: 80%;}
#topicsDetail .content .section-img img{width: 100%;}

/* FEATURES */
#topicsDetail .feature .sentence {text-align: left; margin: 0 auto 40px; max-width: 900px;}
#topicsDetail .feature .menu_wrap{display: flex;}
#topicsDetail .feature .menu{width: 33%; padding: 5px;}
#topicsDetail .feature .menu p img{width:8%;}
#topicsDetail .feature .checkpoint{position: relative; padding: 0 0 0 30px;}
#topicsDetail .feature .checkpoint::before{position: absolute; left: 0; content: url("https://www.hay-japan.com/client_info/HAYJAPAN/infoimage/features/023/check.png");}
#topicsDetail .featureTitle {margin:0 0 45px; padding: 35px 0 35px; border-bottom: solid 1px #a1a1a1; width: 100%;}
#topicsDetail .featureTitle p {font-size: 18px; text-align: center; font-weight: bold;}

/* FEATURES IT'S TIDY UP TIME! */
#topicsDetail .content .grid_container{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 20px;}
#topicsDetail .content .grid_container .item_01{grid-row: 1;grid-column: 1;}
#topicsDetail .content .grid_container .item_02{grid-row: 2;grid-column: 1;}
#topicsDetail .content .grid_container .item_03{grid-row: 1/3;grid-column: 2;}

/* DESIGN TALKS */
#topicsDetail.designTalks .sub_title {margin: 0 0 40px; text-align: center;}

/* CASES */
#topicsDetail.cases .sentence {max-width: 1016px;}

/* FOCUS */
#topicsDetail .content .slider_area {width: calc(50% + 100px); height: auto; bottom: -100px; right: 0; z-index: 1;}
#topicsDetail .content .slider_area ul {width: 100%;}

/* Flowers */
#topicsDetail .content .flower{border-bottom: 1px solid #000;}
#topicsDetail .content .flower h3{padding: 30px 0; font-size: 24px; font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}

/* DESIGNERS */
#topicsDetail.designers .content {max-width: 748px;}
#topicsDetail.designers .mainimg {margin: 0 0 50px;}
#topicsDetail.designers .sentence {margin: 0 auto 65px; text-align: left;}
#topicsDetail.designers .sentence p {margin: 0 0 35px;}
#topicsDetail.designers .talk a {display: flex; align-items: center; font-size: 18px; text-decoration: none;}
#topicsDetail.designers .talk img {margin: 0 38px 0 0; width: 198px;}

/* プロダクト */
#product {margin: 40px auto 0; max-width: 1200px;}
#product h2 {margin: 0 0 45px; font-size: 22px; text-align: center;}
#product ul {display: flex; flex-wrap: wrap;}
#product ul li {margin: 0 5.8333% 50px 0; width: calc(25% - (17.5% / 4));}
#product ul li:nth-child(4n) {margin: 0 0 50px 0;}
#product ul li a {display: block; color: #000; text-decoration: none; text-align: left;}
#product .img_box {margin: 0 0 15px; position: relative; display: block;}
#product .img_box::before{content: ""; display: block; padding-top: 100%;}
#product .img_box img {position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
#product ul.icon_list {display: block;}
#product ul.icon_list li {margin: 0 7px 7px 0; width: auto;}
#product h3 {margin: 0 0 2px!important; font-size: 15px!important; font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
#product h4 {margin: 0 0 10px; font-size: 22px;}
#product h4 span{font-size: 15px;text-decoration: underline;font-weight: normal;}
#product p {margin: 0; padding: 0; font-size: 15px;}
#product .item_caption {margin: 0; padding: 0; font-size: 12px;margin-top: 1em;}
#product .item_caption a {text-decoration: none;}
#product .button_more {padding: 16px 10px;max-width: 180px;font-size: 14px;width: 100%;text-decoration: none;border: 1px solid #142D55;text-align: center;margin: 0!important;}
#product .button_more:hover {opacity: 0.6;}

/* 特集 */
#product .featureTitle {margin:0 0 45px; padding: 35px 0 35px; border-bottom: solid 1px #a1a1a1; width: 100%;}
#product .featureTitle p {font-size: 18px; text-align: center; font-weight: bold;}
#product .button_area {display: flex; justify-content: center;}
#product .button_area a{margin-right: 10px;}
#product .sale_price {color: #F23A3A; font-weight: bold;}
#product .sale_normal_price{text-decoration: line-through;}
#product .designby_wrap{display: flex; margin: 1.5rem;}
#product .designby_left{width: 50%;}
#product .designby_right{width: 50%;}
#product .designby_wrap2{display: flex; margin: 0 1rem 0 0;}
#product .designby_left2{width: 50%; margin-right: 5px;}
#product .designby_right2{width: 50%;}

#topicsDetail .designby_wrap{display: flex; margin: 1.5rem;}
#topicsDetail .designby_left{width: 50%;}
#topicsDetail .designby_right{width: 50%;}
#topicsDetail .designby_wrap2{display: flex; margin: 0 1rem 0 0;}
#topicsDetail .designby_left2{width: 50%; margin-right: 5px;}
#topicsDetail .designby_right2{width: 50%;}

/* =================================================================
29.お問い合わせ
=================================================================*/
#Apply .sentence {margin: 0 auto 60px; max-width: 800px;}
#Apply .sentence p {margin: 0 0 30px; text-align: center;}
#Apply .buttonarea .button {padding: 17px 10px; max-width: 220px; font-size: 14px;}
#Apply #error {margin: 0 auto; width: 100%; max-width: 1000px;}
#Apply .space {padding-left: 5em;}

/* カタログ請求 */
#Apply.catalog .two_column .text_area {width: 50%;}
#Apply.catalog .two_column .text_area p {margin: 0 0 40px;}
#Apply.catalog .two_column .text_area img {display: block; margin: 0 auto;}
#Apply.catalog .two_column .input_area {width: 50%; padding: 0 0 0 10%;}
#Apply.catalog .two_column .input_table,
#Apply.catalog .two_column .input_table tr,
#Apply.catalog .two_column .input_table th,
#Apply.catalog .two_column .input_table td {display: block;}
#Apply.catalog .two_column .input_table {margin: 0 0 20px;}
#Apply.catalog .two_column .input_table th {padding: 0; width: 100%; font-size: 14px;}
#Apply.catalog .two_column .input_table td {padding: 0;}
#Apply.catalog .two_column .input_table tr {margin: 0 0 20px;}
#Apply.catalog .two_column .en {margin: 0;}
#Apply.catalog .two_column ~ .buttonarea {margin: 0;}
#Apply.catalog_result .sentence {margin: 0 auto 20px;}
#Apply.catalog_result .buttonarea {margin: 0 0 80px;}
#Apply.catalog_result .catalog_list {display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1000px;}
#Apply.catalog_result .catalog_list li {width: calc(25% - (24% / 4)); margin: 0 8% 100px 0;}
#Apply.catalog_result .catalog_list li:nth-child(4n) {margin: 0 0 100px 0;}
#Apply.catalog_result .catalog_list a {display: block; font-size: 13px; text-align: center; text-decoration: none;}
#Apply.catalog_result .catalog_list img {display: block; margin: 0 0 20px; width: 100%;}


/* 768px以上 - hover有効
-------------------------------------------------------------*/
@media screen and (min-width: 768px) {

	/*  基本のlink （768px以上）
	-------------------------------------------------------------*/
	a img {transition: all .8s;}
	a:hover img {opacity: 0.4;}

	/*  ボタンデザイン （768px以上）
	-------------------------------------------------------------*/
	.button:hover,
	a.button:hover,
	input.button:hover,
	button.button:hover {opacity: 0.6;}

	/*  共通クラス （768px以上）
	-------------------------------------------------------------*/
	/* pagelinks */
	#pagelinks a:hover:after {content: ''; display: block; width: 100%; height: 2px; background: #000;
		position: absolute; bottom: -10px; left: 50%; transform: translate(-50%, 0);}

	/* header - ヘッダ （768px以上）
	-------------------------------------------------------------*/
	#header .gnav li a:hover:after {content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: -1px;}
	#header .gnav .sub_menu a:hover:after {content: none;}
	#header .nav li a:hover img {opacity: 1;}

	/* list - 一覧画面共通のメニュー （768px以上）
	-------------------------------------------------------------*/
	#list .pagelink span:hover a {color:#000;}

	/* itemDetail - 商品詳細 （768px以上）
	-------------------------------------------------------------*/
	/*#itemDetail .slider .img_box:hover {cursor: url(../images/cursor_itemimg.cur) 29 29, pointer!important;} 
	#itemDetail .prop:hover .prop_img:before {opacity: 1;}
	#itemDetail.accessory .prop:hover label:before {opacity: 1;}*/

	/* detailItemList - 詳細ページ商品リスト （768px以上）
	-------------------------------------------------------------*/
	#detailItemList .tabs label:hover {opacity: 1;}

	/* CASES （768px以上）
	-------------------------------------------------------------*/
	#cases .filters label:hover {opacity: 1;}

	/* HAY'S WORLD （768px以上）
	-------------------------------------------------------------*/
	#focus .filters label:hover {opacity: 1;}

	/* TEL発信 （768px以上）
	-------------------------------------------------------------*/
	a[href*="tel:"] {pointer-events: none; cursor: default; text-decoration: none;}

	/* マイページ （768px以上）
	-------------------------------------------------------------*/
	#member.mypage ul li:hover .icon_area {opacity: 0.5;}

}/* / 768px以上 - hover有効 */


/* 1200px以下 - コンテンツ幅以下
-------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	#main {padding: 0 20px;}
	#topHaysWorld {padding: 90px 25px;}
	#topAboutHay .text {padding: 30px 25px 0;}
	#topAboutHay {padding: 160px 25px 150px 0;}

	/* header - ヘッダ （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#header .inner {padding: 28px 20px 0;}
	#header .gnav li {margin: 0 0 0 15px;}
	#header .keyword {right: 20px;}

	#header.is-fixed .inner {padding: 0 20px;}
	#header.is-fixed .gnav li {margin: 0 0 0 10px;}
	#header.is-fixed .keyword.dispPc {right: 120px; width: 150px; z-index: 9999;}

	/* フッタ （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#footer .footer_links {padding: 45px 20px 0;}
	#footer .footer_links ul li a {font-size: 13px;}

	/* breadcrumbs - パンくずリスト （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#breadcrumbs {padding: 20px 20px 0;}

	/* main - コンテナ内メインコンテンツ （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#main table.input_table th {width: 200px;}

	/* itemListSimple - 商品簡易一覧 （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#itemListSimple .item_list .box {margin: 0 70px 40px 0; width: calc(33.3333% - (140px / 3));}
	#itemListSimple .item_list .box:nth-child(4n) {margin: 0 70px 40px 0;}
	#itemListSimple .item_list .box:nth-child(3n) {margin: 0 0 40px 0;}

	#itemListSimple .two_column .main_content .item_list .box {width: calc(50% - (70px / 2));}
	#itemListSimple .two_column .main_content .item_list .box:nth-child(3n),
	#itemListSimple .two_column .main_content .item_list .box:nth-child(4n) {margin: 0 70px 40px 0;}
	#itemListSimple .two_column .main_content .item_list .box:nth-child(2n) {margin: 0 0 40px 0;}

	#itemListSimple .main_img {margin: 0 0 40px calc(50% - 50vw); width: 100vw;}

	/* itemDetail - 商品詳細 （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#itemDetail #mainImg {width: 48%;}
	#itemDetail .text {width: 48%;}
	#itemDetail .zoom-container {height: 32vw;}
	#itemDetail .thumb li {width: 70px; height: 50px;}

	#itemDetail.accessory .spec dl {width: calc(50% - (20px / 2));}
	#itemDetail.accessory .spec dl dt {min-width: 140px;}
	#itemDetail.accessory .spec dl:nth-child(3n) {margin: 0 20px 20px 0;}
	#itemDetail.accessory .spec dl:nth-child(2n) {margin: 0 0 20px 0;}
	#itemDetail.accessory dl.spec_care {width: 100%;}
	#itemDetail.accessory .spec_care dd {flex-wrap: wrap;}
	#itemDetail.accessory .spec_care .button_care {margin: 30px 0 0;}

	#itemDetail.furniture .spec_size .img_size {margin: 30px 0 40px; width: 100%;}

	#detailItemList .box {width: calc(33.3333% - (11.6666% / 3));}
	#detailItemList .box:nth-child(4n) {margin: 0 5.8333% 60px 0;}
	#detailItemList .box:nth-child(3n) {margin: 0 0 60px 0;}
	#detailItemList .title{margin: 60px 0 20px; justify-content: center; padding: 0 5px; font-size: 20px; font-weight: bold; position: relative;}


	#itemDetailStore {width: 100vw; margin: 0 0 0 -20px; padding: 60px 30px}

	/* トピックスカテゴリ用一覧共通 （コンテンツ幅以下）
	-------------------------------------------------------------*/
	/* DESIGNERS */
	#topicsListCommon.designers ul li,
	#topicsListCommon.designers ul li:nth-child(3n) {width: calc(33.3333% - (11.6666% / 3));}
	#topicsListCommon.designers ul li:nth-child(4n) {margin: 0 5.8333% 40px 0;}
	#topicsListCommon.designers ul li:nth-child(3n) {margin: 0 0 40px 0;}

	/* HAY'S WORLD */
	#topicsListCommon.haysworld h3 {font-size: 18px; font-weight: bold;}
	#topicsListCommon.haysworld h3 span {margin: 0; font-size: 14px;}
	#topicsListCommon.haysworld ul li p {font-size: 13px; font-weight: bold;}
	#topicsListCommon.haysworld ul li p span {font-size: 10px; font-weight: normal; line-height: 1.2em;}
	#topicsListCommon .haysworld_link ul li p{font-size: 16px; font-weight: normal; line-height: 1.4em; text-align: center;}
	#topicsListCommon ul li p{font-size: 13px; font-weight: bold;}
	#topicsListCommon ul li p span {font-size: 10px; font-weight: normal; line-height: 1.2em;}

	/* トピックス共通 （コンテンツ幅以下）
	-------------------------------------------------------------*/
	/* product */
	#product ul li {width: calc(33.3333% - (11.6666% / 3));}
	#product ul li:nth-child(4n) {margin: 0 5.8333% 50px 0;}
	#product ul li:nth-child(3n) {margin: 0 0 50px 0;}


	/* cartIndex - カートインデックス（コンテンツ幅以下）
	-------------------------------------------------------------*/
	#cartIndex .content td {
		padding: 10px 10px;
	}
	#cartIndex .img_box {
		width: 95px;
		height: 95px;
	}
	#cartIndex .text_box {
		padding-left: 110px;
	}
	#cartIndex table th.amount {
		width: 100px;
	}
	#cartIndex .link_textR{
		margin: 0 0 20px;
	}
	#cartSidebar .cartButtonArea a.mitsumori{
		margin: 16px 0 0;
	}
	

	/* cartFlow - カートフロー （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#main.cart #stepCommon.kessai li {margin: 0 50px 0 0; font-size: 12px;}
	#main.cart #stepCommon.kessai li:last-child {margin: 0;}
	#main.cart #stepCommon.kessai li:after {right: -28px;}
	#cartFlow .cartButtonArea.estimate input{margin: 0 0 10px;}

	#main #cartFlow table.input_table .name-title th, 
	#main #cartFlow table.input_table .name-title td{padding: 0;}

	#main #cartFlow table.input_table .head-title th,
	#main #cartFlow table.input_table .head-title td{padding: 0;}


	/* history - 購入履歴 （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#history .infoarea .date { font-size: 14px; }
	#history .buttonarea .buttoninner { display: block; }
	#history .buttonarea .buttoninner > div { width: 100%; margin: 5px 0; }

	/* BUSINESS （コンテンツ幅以下）
	-------------------------------------------------------------*/
	#reason .reason_top .reason_top_text {padding: 50px 80px 50px 30px;}
	#reason .reason_top .slider_area {width: calc(50% + 50px); bottom: -110px;}
	#reason .reason_bottom .reason_detail {padding: 50px 30px 50px 80px;width: calc(50% + 50px);}
	#reason .reason_bottom .reason_detail .reason_detail_box dl {margin: 30px 0 0;}

}/* / 1200px以下 - コンテンツ幅以下 */


/* 920px以下 - ブラウザ幅縮小対応
-------------------------------------------------------------*/
@media screen and (max-width: 920px) {
	#header.is-fixed .inner {flex-wrap: wrap;}
	#header.is-fixed h1 {margin: 15px auto 0; width: 113px;}
	#header.is-fixed .gnav li {margin: 0;}
	#header.is-fixed .gnav li a {font-size: 13px;}
	.inpagelink_anchor { padding-top: 104px !important; margin-top:-104px !important; }
	#header.is-fixed .keyword.dispPc {right: 20px; width: 250px; z-index: 9999;}
	.head_h1 {width: 100%;}
}

/* 767px以下 - スマホ向け
-------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	a {outline: none;}

	/* 共通クラス （767px以下）
	-------------------------------------------------------------*/
	.dispPc {display: none;}
	.dispSp {display: block;}
	.dispPcInline {display: none;}
	.dispSpInline {display: inline-block;}

	.insert {font-size: 14px;}
	#itemDetail .explanation2 .insert {display: none;}
	#list .insert {display: none;}
	#topicsDetail .insert {display: none;}
	.origin {font-size: 14px;}
	#itemDetail .explanation2 .origin {display: block !important;}
	#list .origin {display: block !important;}
	#topicsDetail .origin {display: block !important;}

	.scroll_wrap {position: relative;}
	.scroll_wrap.over:before,
	.scroll_wrap.over:after {content: ''; display: block; width: 20px; height: 45px; position: absolute; top: calc(50% - 3px); transform: translate(0, -50%); z-index: 1;}
	.scroll_wrap.over:before {background: rgba(255,255,255, 0.9) url(../images/icon_over_arrow_left.png) no-repeat center; background-size: 5px 9px; left: -20px;}
	.scroll_wrap.over:after {background: rgba(255,255,255, 0.9) url(../images/icon_over_arrow_right.png) no-repeat center; background-size: 5px 9px; right: -20px;}

	/* ボタンデザイン （767px以下）
	-------------------------------------------------------------*/
	.button.positive {font-weight: bold;}
	.text_overflow .more{margin-bottom: 25px;}

	/*  フローチャート共通 （767px以下）
	-------------------------------------------------------------*/
	#stepCommon {margin: 0 0 45px;}
	#stepCommon li {margin: 0 30px 0 0; height: 27px; font-size: 12px; line-height: 27px;}
	#stepCommon li:after {width: 9px; height: 9px; right: -19px;}

	/* container - サイドバー・メインコンテンツを格納するコンテナ （767px以下）
	-------------------------------------------------------------*/
	#container.top + #footer {margin: 0;}

	/* #main.no-sidebar - サイドバーの無いメインコンテンツ
	-------------------------------------------------------------*/
	#main.no-sidebar {min-height: auto;}
	#main.cart {min-height: auto;}

	/* main - コンテナ内メインコンテンツ （767px以下）
	-------------------------------------------------------------*/
	#main table.input_table,
	#main table.input_table tr,
	#main table.input_table th,
	#main table.input_table td,
	#main table.input_table thead,
	#main table.input_table tbody,
	#main table.input_table tfoot {display: block; font-size: 14px;}
	#main table.input_table tr {margin: 0 0 20px;}
	#main table.input_table th {margin: 0 0 5px; padding: 0; width: 100%;}
	#main table.input_table td {padding: 0;}
	#main table.input_table .en {display: none;}

	#main table.input_table.confirm tr {padding: 0 0 20px;}
	#main table.input_table.confirm th {margin: 0 0 15px;}
	#main table.input_table.confirm td {padding: 0 0 0 25px;}

	#main table.input_table .fileSelect {width: 100%;}

	#main .sentence {margin: 0 0 50px;}
	#main .buttonarea {flex-direction: column-reverse;}

	.inpagelink_anchor { padding-top: 50px !important; margin-top:-50px !important; }
	#ext.guide h3.inpagelink_anchor{ padding-top: 50px !important; margin-top:-50px !important; }

	#breadcrumbs {display: none;}
	#main p {margin: 0; line-height: 140%; font-size: 14px}
	#main h2 {font-size: 18px; margin: 30px 0; text-align: center; line-height: 1.3;}
	#main.no_bread h2 {margin: 30px 0;}
	#main h2 .sub,
	#main h3 .sub {margin: 5px 0 10px; font-size: 12px;}
	#main .border::after {margin: 10px 0 0;}

	/* slick */
	#main .slick-dots li {margin: 0 }
	#main .slick-dots li button:before {font-size: 9px;}

	/*  商品一覧、商品詳細ページアイコン類 （767px以下）
	-------------------------------------------------------------*/
	.item_icon {margin: 0!important; font-size: 11px!important; padding:2px 3px 3px!important;}

	/* header - ヘッダ （767px以下）
	-------------------------------------------------------------*/
	#header {height: 50px;}
	#header h1 {margin: 0; width: 50px; height: 20px; position: absolute; top: 16px; left: 50%; transform: translate(-50%, 0); animation: none;}
	#header .inner {padding: 8px 10px;}

	#header .nav,
	#header.is-fixed .nav {position: absolute; top: -8px; right: -10px;}
	#header .nav li {display: none;}
	#header .nav li.keyword {display: block; margin: 0; width: auto; position: absolute; top: 0; right: 54px;}
	#header .nav .keyword button {padding: 0; border: 0; background: none; width: 36px; height: 50px; position: relative;}
	#header .nav .keyword button img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
	#header .nav .keyword form {width: 100vw; height: 0; background: #fff; position: fixed; top: 49px; left: 0; z-index: 1; visibility: hidden; overflow: hidden; transition: .3s;}
	#header .nav .keyword form input[type=text] {padding: 9px 68px 9px 11px; height: 100%; border-radius: 0; border-bottom: 1px solid #ccc;}
	#header .nav .keyword form button {width: 68px; height: 100%;}
	#header .nav .keyword form button img {width: 18px; height: 21px;}
	#header .nav .keyword .search_btn.open ~ form {height: 50px; visibility: visible;}

	#header .sp_menu_btn {display: block; padding: 0; width: 38px; height: 50px; border: 0; background: none; text-indent: 100%; overflow: hidden; white-space: nowrap;
		position: absolute; top: -8px; right: 5px;}
	#header .sp_menu_btn span {display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#header .sp_menu_btn span:before,
	#header .sp_menu_btn span:after {content: ''; display: block; width: 22px; height: 2px; background: #fff; position: absolute; left: 0; transition: .3s;}
	#header .sp_menu_btn span:before {top: -8px;}
	#header .sp_menu_btn span:after {top: 8px;}
	#header .sp_menu_btn.open {z-index: 9999;}
	#header .sp_menu_btn.open span {background: transparent;}
	#header .sp_menu_btn.open span:before {top: 0; transform: rotate(-45deg);}
	#header .sp_menu_btn.open span:after {top: 0; transform: rotate(-135deg);}
	#header .gnav {height: 0; width: 100%; background: #f2f2f2; opacity: 0; visibility: hidden; position: absolute; top: 56px; left: 0; z-index: 1; transition: .3s;}
	#header .sp_menu_btn.open + .gnav {height: 100vh; opacity: 1; visibility: visible; overflow: scroll;}

	#header .sp_menu {padding: 17px 0 0; width: 100%; height: 0; background: #142D55; position: fixed; top: 0; left: 0; z-index: 9998; overflow: scroll; opacity: 0; visibility: hidden; transition: .3s;}
	#header .sp_menu_btn.open + .sp_menu {height: 100%; opacity: 1; visibility: visible;}
	#header .sp_menu .sp_menu_nav {display: flex; margin: 0 0 17px; padding: 0 20px;}
	#header .sp_menu .sp_menu_nav a {margin: 0 15px 0 0; font-size: 14px; text-decoration: none; color: #fff;}
	#header .sp_menu .sp_menu_nav a img {vertical-align: middle; position: relative; top: -.1em; margin: 0 5px 0 0;}
	#header .sp_menu .sp_menu_nav input[type=submit] {border: 0; background: none; font-size: 14px; color: #fff;}
	#header .sp_menu .button {margin: 0 auto 14px; padding: 12px 10px; min-width: calc(100% - 40px); font-size: 14px;}
	#header .sp_menu .memmber_info {display: flex; justify-content: flex-end; padding: 4px 20px; background: #EAEAEA;}
	#header .sp_menu .memmber_info p {margin: 0 0 0 23px; font-size: 12px;}
	#header .sp_menu .primary_cat_sp {display: block; padding: 16px 20px; border-top: solid 1px #fff; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff;}
	#header .sp_menu .secondary_cat_sp {display: block; padding: 10px 20px 9px 30px; font-size: 14px; text-decoration: none;}
	#header .sp_menu .tertiary_group {padding: 7px 0; background: #D0D0D0;}
	#header .sp_menu .tertiary_group li {color: #000;}
	#header .sp_menu .tertiary_sp a {display: block; padding: 7px 20px 7px 30px; font-size: 14px; background: #D0D0D0; text-decoration: none; color: #000;}
	#header .sp_menu .category_group_sp {padding: 0 0 5px;}
	#header .sp_menu .category_group_sp .primary_cat_sp {padding: 16px 20px 5px;}
	#header .sp_menu .other_link {background: #EAEAEA;}
	#header .sp_menu .other_link a {display: block; padding: 15px 20px; border-bottom: solid 1px #D0D0D0; font-size: 12px; text-decoration: none;}
	#header .sp_menu .drop_btn {position: relative;}
	#header .sp_menu .drop_btn:before,
	#header .sp_menu .drop_btn:after {content: ''; display: block; width: 12px; height: 1px; background: #fff;
		position: absolute; top: 50%; right: 20px; transform: translate(0, -50%);}
	#header .sp_menu .drop_btn:after {transform: translate(0, -50%) rotate(90deg);}
	#header .sp_menu .drop_btn.open:after {opacity: 0;}
	#header .sp_menu .dropdown {display: none;}
	#header .secondary_sp a {color: #fff; display: block}

	#header .gnav li {display: block; margin: 0; height: 100px; border-bottom: solid 1px #000;}

	#header.is-fixed {position: fixed; top: 0; left: 0; z-index: 10000;}
	#header.is-fixed .inner {padding: 8px 10px;}
	#header.is-fixed h1 {margin: 0; width: 80px; height: auto; position: absolute; top: 16px; left: 50%; transform: translate(-50%, 0); animation: none;}
	#header.is-fixed .gnav li {display: block; margin: 0;}

	.header_information {padding: 4px 0;}
	.header_information a {font-size: 13px;}

	/* footer - フッタ （767px以下）
	-------------------------------------------------------------*/
	#footer {margin: 90px 0 0; background: #9B9B9B; color: #fff;}
	#footer .footer_links {display: none;}
	#footer .footer_links_sp {display: block; border-top: solid 1px #D0D0D0;}
	#footer .footer_links_sp a {display: block; padding: 12px 20px; border-bottom: solid 1px #D0D0D0; background: #F2F2F2; color: #000; font-size: 12px; text-decoration: none;}
	#footer .footer_other_links {display: flex; flex-wrap: wrap; margin: 0 0 23px;}
	#footer .footer_other_links li {width: 50%;}
	#footer .footer_other_links a {display: block; margin: 0; padding: 13px 20px; border-top: solid 1px #D0D0D0; color: #fff;}
	#footer .sns {margin: 10px 0 10px;}
	#footer .sns li {width: 40px;}
	#footer .copyright {padding: 0 0 63px;}

	/* backtotop */
	#topBtn {bottom: 60px;}
	#topBtn a {width: 40px; height: 40px;}

	/* bottomNav */
	#bottomNav {display: flex; justify-content: space-around; width: 100%; background: #142D55; position: fixed; bottom: 0; left: 0; z-index: 9999;}
	#bottomNav li {width: 100%;}
	#bottomNav a {display: block; padding: 7px 0; color: #fff; font-size: 10px; text-decoration: none; text-align: center; line-height: 1;}
	#bottomNav .icon {display: block; margin: 0 auto 2px; width: 24px; height: 24px; position: relative;}
	#bottomNav .icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#bottomNav .icon .item_count {display: block; width: 12px; height: 12px; background: #fff; color: #142D55; font-size: 6px; font-weight: bold; text-align: center;
		border-radius: 50%; position: absolute; top: -2px; right: -4px; line-height: 12px;}

	/* extファイル用 （767px以下）
	-------------------------------------------------------------*/
	#ext.faq h2 {margin: 30px 0;}

    /* ポイントプログラムが新しくなりました(members_point.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext.members_point p {font-size: 14px; line-height: 150%; text-align: left; margin: 0 0 20px;}
	#ext.members_point dd {font-size: 14px; line-height: 150%; text-align: left; margin: 0 0 20px;}
	#ext.members_point dt {font-size: 14px; line-height: 150%; text-align: left;}
	#ext.members_point h3 {font-size: 16px;}
	#ext.members_point h4 {font-size: 14px; line-height: 150%; text-align: left;}
	#ext.members_point h5 {font-size: 14px; line-height: 150%; text-align: left;}
	#ext.members_point .underbar{padding-bottom:15px;}
	#ext.members_point pre {font-size: 14px; line-height: 150%; text-align: left;}
        #ext.members_point .point_img02{margin:auto;}
	#ext.members_point .pc_on {display: none;}
	#ext.members_point .sp_on {display: block;}

	/* ABOUT HAY(about.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext h2 {margin: 30px 0;}
	#ext.about .movie {margin: 0 0 40px;}
	#ext.about .flex {flex-direction: column; margin: 0 0 50px;}
	#ext.about h3 {display: block;
		margin: 0 0 24px;
		font-size: 24px;
	}
	#ext .flex.img_left {flex-direction: column-reverse;}
	#ext.about .flex .img {width: 100%; margin: 20px 0 0; padding: 0;}
	#ext.about .flex .text {width: 100%;}
	#ext.about .flex.img_right .text {width: 100%;}
	#ext.about .flex.img_right .img {width: 100%;}
	#ext.about .flex.img_right2 .text {width: 100%;}
	#ext.about .flex.img_right2 .img {width: 100%;}
	#ext.about .button.about {display: none;}
	#ext.about .button.sp_about {display: block; max-width: none; padding: 14px 0; font-size: 14px; margin: 25px 0 0;}
	#ext.about p {font-size: 14px; line-height: 150%; text-align: left; margin: 0 0 20px;}
	#ext.about .sentence {margin: 0;}

	/* FAQページ(faq.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext.faq .faq_title {font-size: 16px;}
	#ext.faq .faq_title > span {padding: 15px 0;}
	#ext.faq .box {border-top: solid 1px #707070;}
	#ext.faq .faq_title > span > span {top: 27px; width: 14px; height: 14px;}
	#ext.faq .faq_title span > span::before, #ext.faq .faq_title > span > span::after {width: 14px;height: 1px;}
	#ext.faq .faq_title span > span::before {height: 14px; width: 1px;}
	#ext.faq .supplement {margin: 30px 0 0;}
	#ext.faq .faq_detail_box .two_supplement {margin-top:0 ;}
	#ext.faq .faq_detail_box dt {margin: 0 0 3px; font-size: 14px;}
	#ext.faq .faq_detail_box dd {margin: 0 0 35px; font-size: 14px;}
	#ext.faq .faq_detail_box dd .point_detail {padding-left: 0;}
	#ext.faq .faq_detail_box dd .point_detail li {display: block;}
	#ext.faq .faq_detail_box dd .point_detail li h4 {width: 100%;font-size: 14px;}
	#ext.faq .faq_detail_box dd .point_detail li p {width: 100%; padding-left: 1em; font-size: 14px; margin: 0 0 5px;}
	#ext.faq .faq_detail_box dd .repair {margin: 5px 0; padding-left: 0;}
	#ext.faq .faq_contents {padding: 0; margin: 0;}
	#ext .warning {margin: 45px auto 0;}
	#ext .warning h3 {font-size: 16px; padding:25px 0;}
	#ext .warning dl {margin: 0 20px; font-size: 12px;}
	#ext .warning dd {margin: 0 0 30px; line-height: 180%;}
	#ext .warning dt {margin: 0 0 5px;}
	#ext.faq .faq_detail_box .button {font-size: 14px; padding: 18px 0; font-weight: bold;}
	#ext.faq .faq_detail_box .sub {font-size: 14px; margin: 0 0 35px; text-align: left;}
	#ext.faq .faq_detail_box .small {font-size: 12px;}
	#ext.faq .supplement_box{padding: 15px;}
	#ext.faq .supplement_box h4 {font-size: 14px; margin: 0 0 10px;}
	#ext.faq .supplement_box p{font-size: 14px;}
	#ext.faq .supplement_box .button {font-size: 14px; padding: 18px 0; font-weight: bold;}
	#ext.faq .supplement_box .sub {font-size: 14px; margin: 0 0 35px; text-align: left;}
	#ext.faq .supplement_box .small {font-size: 12px;}
	#ext.faq .faq_detail_box .supplement {margin: -15px 0 0; font-size: 12px;}
	#ext.faq .faq_detail_box .two_supplement {margin-top:0 ;}

	/* ストア（stores.html）（767px以下）
	-------------------------------------------------------------*/
	#stores {margin: 35px 0 0;}
	#stores .directly_managed_store {margin: 0 0 60px;}
	#stores .directly_managed_store > h3,
	#stores .handling_stores > h3 {padding: 0 0 15px; font-size: 16px;}
	#stores .handling_stores {margin: 60px 0 0;}
	#stores .store_box {display: block;}
	#stores .store_box .img {width: 100%; margin: 20px 0 0;}
	#stores .detail_box {display: block; margin: 0 0 30px; border: none;padding: 0;width: 100%;}
	#stores .detail_box dl dt {text-align: left; margin: 10px 0 3px; font-size: 24px;}
	#stores .detail_box dl dd {font-size: 12px; line-height: 180%;}
	#stores .detail_box p {width: 100%; margin: 15px 0 0; font-size: 14px; line-height: 180%;}
	#stores .detail_box .note {font-size: 12px;}
	#stores .detail_box .apply_btn .button {max-width: 100%; width: 100%; font-size: 14px;}
	#stores .box .block {padding: 17px 0; font-size: 16px;}
	#stores .box .block span {top: 30px; right: 5px; width: 14px; height: 14px;}
	#stores .box .block span::after, #stores .box h3 span::before {width: 14px; height: 1px;}
	#stores .box .block span::before {width: 1px; height: 14px;}
	#stores .box .inner dl {margin: 0 0 25px; width: 100%; line-height: 180%;}
	#stores .box .inner dt {font-size: 14px;}
	#stores .box .inner dd {font-size: 14px;}
	#stores .pagelinks {justify-content: flex-start; flex-wrap: wrap; margin: 0 0 45px;}
	#stores .pagelinks li {margin: 0 30px 0 0;}
	#stores .box .inner {display: block;}
	#stores .pagelinks a:hover {border-bottom: solid 2px #000;}
	#stores .buttonarea { margin:0 !Important;}

    #stores .flex_box{display: block; margin: 0 auto 60px;}
    #stores .flex_box .box_left{width: 100%;margin: 0 auto 0.5em;}
    #stores .flex_box .box_right{width: 100%;margin: auto;}
    #stores .button.reserve1{max-width: 100%;margin: auto;}
    #stores .button.reserve2{max-width: 100%;margin: auto;}

	/* お問い合わせ(contact.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext.contact .online > p {text-align: left; font-size: 14px; margin: 0 0 33px;}
	#ext.contact h3 {font-size: 16px; padding:0 0 10px; margin: 0 0 18px;}
	#ext.contact .box_button span {top: 30px;right: 5px;width: 14px;height: 14px;position: absolute;transform: translateY(-50%);display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
	#ext.contact .online .text {margin: 0;font-size: 14px;text-align: left;}
	#ext.contact .online .text p {font-size: 14px; margin: 0 0 15px 0;}
	#ext.contact .online .online_detail {display: block;}
	#ext.contact .online .contact_main_button {display: flex; justify-content: space-between; max-width: 335px; margin: 0 auto;}
	#ext.contact .online .online_detail > li:first-child,
	#ext.contact .online .online_detail._list > li:first-child {width: 100%; line-height: 190%;}
	#ext.contact .online .online_detail > li:last-child {width: 100%;}
	#ext.contact .online .online_detail li ul li::before {transform: none;}
	#ext.contact .online .online_detail li ul li a{margin: 0 0 0 15px; display: grid;font-size: 14px;}
	#ext.contact .online .online_detail li .contact_main_button li a{margin: 0;}
	#ext.contact .online .online_detail li p {font-weight: bold; margin: 0; font-size: 14px;}
	#ext.contact .online .online_detail li ul {margin: 0 auto 25px;}
	#ext.contact .online .online_detail li .contact_main_button{margin: 0 auto;}
	#ext.contact .online .online_detail li ul li a{margin: 0 0 0 15px; display: grid;font-size: 14px; display: inline;}
	#ext.contact .online .online_detail li .contact_main_button li a{margin: 0; display: block;}
	#ext.contact .online .online_detail li p {font-weight: bold; margin: 0 0 3px; font-size: 14px;}
	#ext.contact .online .online_detail li ul {margin: 0 auto 23px;}
	#ext.contact .online .online_detail li .contact_main_button{margin: 0 auto; width: 100%; max-width: 100%;}
	#ext.contact .online .online_detail li .contact_main_button > li:first-child {margin: 0 2% 10px 0; max-width: none;}
	#ext.contact .online .online_detail li ul li:last-child {max-width: none;}
	#ext.contact .online .online_detail {margin: 14px auto 17px;}
	#ext.contact .online .button_area {margin: 20px auto 70px; display: block; max-width: none;}
	#ext.contact .online .contact_main_button li{max-width: 160px;width: 100%;}
	#ext.contact .online .contact_main_button li:first-child{margin: 0 15px 0 0;}
	#ext.contact .online .contact_main_button li a {width: 100%;display: block;text-align: center; padding: 15px 0;font-size: 14px;}
	#ext.contact .sub_contents {margin: 0 auto 70px;}

	.inpagelink_anchor.d_store {
		margin-bottom: 0;
	}

	#ext.contact .sub_contents p {font-size: 14px; margin: 0 0 30px; text-align: left;}
	#ext.contact .sub_contents.other {margin: 70px 0 0;}
	#ext.contact .sub_contents ul {line-height: 150%;}
	
	#ext.contact .sub_contents.other ul {
		margin: 15px 0;
		text-align: left;
	}
	
	#ext.contact .sub_contents ul li{font-size: 14px;}
	#ext.contact .sub_contents .button {margin: 23px auto 0;}
	#ext.contact .other .box ul > li {font-size: 14px;}
	#ext.contact .other p {padding: 0; margin: 20px 0 0; font-size: 14px;line-height: 150%;}
	#ext.contact .other {margin: 0;}
	#ext.contact .button {font-size: 16px; padding: 15px 0; font-weight: bold; margin: 0 auto 10px; width: 100%;max-width: none;}
	#ext.contact .button.left {margin: 0 auto 10px;}
	#ext.contact .button span {font-size: 14px;}
	#ext.contact a {font-size: 14px;}
	#ext.contact .pc_disp{display: none;}

	/* 法人のお客様(business.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#business_page .sp_disp{display: block;}
	#business_page .pc_disp{display: none;}
	#business .full_screen {margin:0 0 0 calc(-50vw + 50%);}
	#business .text {top: -35px;padding-top: 0;}
	#business .text .border {margin: 30px 0;}
	#business h3 {font-size: 20px; margin: 50px 0 30px;}
	#business p {text-align: left; font-size: 14px;}
	#business .contact_box {display: block; padding: 30px 6%; margin: 30px 0 0;}
	#business .contact_box .contact_contents {width: 100%; margin: 0;}
	#business .contact_box img {display: none;}
	#business .contact_box h4 {text-align: center; font-size: 16px;}
	#business .contact_box p {font-size: 14px; margin: 0 0 20px;}
	#business .contact_box a {padding: 12px 0; width: 100%; height: 50px; font-weight: bold; max-width: none;}
	#business {margin: 0 0 90px; padding: 0;border-bottom: none;}
	#business .dispPc {display: none;}

	#reason {margin: 300px 0 0;}
	#reason h3 {margin: 0 0 20px; font-size: 17px; font-weight: bold;}
	#reason h3 .sub {margin: 0 0 10px;}
	#reason .reason_top {padding: 25px 20px 45px; border: solid 1px #707070; margin-top: 30px;}
	#reason .reason_top .reason_top_text {margin: 0 0 50px; padding: 0; width: 100%; border: 0;}
	#reason .reason_top .reason_top_text p{font-size: 14px; line-height: 180%;}
	#reason .reason_top .slider_area {width: 100%; position: relative; bottom: auto;}
	#reason .reason_top img {width: 100%;}
	#reason .reason_bottom {margin: 30px 0 70px;padding: 25px 20px 45px;border: solid 1px #707070; height: auto;}
	#reason .reason_bottom h3 {font-size: 17px; margin-bottom: 30px;}
	#reason .reason_bottom .reason_bottom_contents{display: flex;flex-direction: column-reverse;}
	#reason .reason_bottom .reason_detail {width: 100%; border: none;padding: 0 ; position: relative; margin-bottom: 35px;}
	#reason .reason_bottom .reason_detail .reason_detail_box dl {margin: 0;}
	#reason .reason_bottom .reason_detail .reason_detail_box .margin{margin-top: 30px;}
	#reason .reason_bottom .reason_detail .reason_detail_box dl dt {font-size: 14px;}
	#reason .reason_bottom .reason_detail .reason_detail_box dl dd{font-size: 14px;}
	#reason .reason_bottom img {padding: 0; width: 100%; position: relative; top: 0;}
	#reason .reason_top ul {width: 100%;}
	#reason .reason_top li {width: 100%;}
	#busNews dl {margin: 0 20px 20px; font-size: 12px;}
	#busNews dl dt {max-width: 105px;}
	#busNews {padding: 10px 0 40px;}
	#busCases {margin: 80px 0 50px;}
	#busCases h3 {font-size: 20px; margin: 0 0 30px ;}
	#busCases .box {flex-wrap: wrap; justify-content: space-around; margin:0 0 10px;}
	#busCases .box li {width: calc(50% - (20px/2)); margin: 0 0 25px 0;}
	#busCases .box li p {font-size: 16px; margin: 10px 0 0; line-height: 100%;}
	#busCases > a {max-width: none;}
	#info {display: block; padding: 40px 0 0;}
	#info h3 {text-align: center; margin: 0 0 15px; font-size: 20px;}
	#info .catalog {width: 100%; margin: 0 0 10px; padding: 30px 5%;}
	#info .catalog .catalog_contents {display: block;}
	#info .catalog .catalog_contents .text {width: 100%;}
	#info .catalog .catalog_contents img {margin: 0 auto 20px; display: block;}
	#info .contact_info span{ margin-bototm:10px;}
	#info .contact_info {width: 100%; padding: 30px 5%; margin: 0 0 10px;}
	#info .contact_info::before {content: url(../images/business/img_business_contact_sp.png); top: -15px;}
	#info .catalog::before {content: url(../images/business/img_business_catalog_sp.png); top: -15px;}
	#business_page #info .catalog .catalog_contents .pc_disp {display: none;}
	#info a {padding: 12px 0;width: 100%; height: 50px;font-weight: normal; max-width: none; margin: 25px auto 0;}
	#info .white {padding: 12px 0;width: 100%; height: 50px;font-weight: normal; max-width: none; margin: 0 auto 0;}
	#info .contact_info a {margin: 15px auto 0;}
	#info .contact_info .contact_e {display: block; margin-top:20px}
	#info .contact_info .contact_e a {width: 100%; }
	#info .contact_info .contact_e a:first-child {margin-bottom: 10px;}
    #info .contact_info .contact_e .white {width:100%!important;margin-bottom: 10px!important;}

	/* オンライン接客（767px以下）
	-------------------------------------------------------------*/
	#aboutlc {margin: 200px 0 0;}
	#aboutlc h4{font-size: 18px;}
	#aboutlc  .aboutlc_cando p{font-size: 14px;line-height: 180%;}
	#aboutlc  .apply_btn a { margin-top: 20px}
	#aboutlc .aboutlc_cando .flow{background-color: #fff;padding: 20px;}
	#aboutlc .aboutlc_cando .aboutlc_text h3{margin: 0 0 20px;font-size: 20px;font-weight: bold;}
	#aboutlc .aboutlc_cando .aboutlc_text{padding: 25px 20px 45px; border: solid 1px #707070; position: relative;}
	#aboutlc .aboutlc_cando .pc_disp{display: none;}
	#aboutlc .aboutlc_cando .sp_disp{display: block;padding: 3% 0 12%;}
	#aboutlc .aboutlc_cando .flexbox{display: block;align-items: center;margin-bottom: -4%;margin-top: 10%;}
	#aboutlc .aboutlc_cando .flexbox .box01{width: 100%;padding-right: 0;}
	#aboutlc .aboutlc_cando .flexbox .box02{width: 100%;padding-left: 0;}
	#aboutlc .aboutlc_cando .flow .flow_design{padding-left: 0;width: 100%;display: block;}
	#aboutlc .aboutlc_cando .flow .flow_design > li{width:100%;list-style: none;background-color: #D9E4CB;padding: 20px;text-align: center;font-size: 14px;margin: 20px 0;display:block;}
	#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(1){width: 100%;margin-top: 0;}
	#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(2){width: 100%;}
	#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(3){width: 100%;}
	#aboutlc .aboutlc_cando .flow .flow_design > li:nth-child(4){width: 100%;}
	#aboutlc .aboutlc_cando .flow .flow_design > li:not(:last-child){position: relative;}
	#aboutlc .aboutlc_cando .flow .flow_design > li:not(:last-child)::after{content: '';position: absolute;border-top: 10px solid #707070;border-right: 10px solid transparent;border-left: 10px solid transparent;width: 0;height: 0;right: 43%;top: 100%;margin-top:5px;transform: rotateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
	#aboutlc .aboutlc_cando .flow .flow_design li img{width: 90%;}
	#aboutlc .aboutlc_cando li img{width: 100%;margin-top: 1em;}
	#aboutlc .aboutlc_cando .slider_area {width: 100%; position: relative; bottom: auto;}

	/* ケアガイド(care_guide.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext.careguide .sentence {margin: 55px auto 25px;text-align: left; font-size: 14px;}
	#ext.careguide .box .title {font-size: 16px;padding: 15px 0;}
	#ext.careguide .box .title span {top: 25px;width: 15px;height: 15px;}
	#ext.careguide .box .title span::before, #ext.careguide .box .title span::after {width: 14px;height: 1px;}
	#ext.careguide .box .title span::before {width: 1px;height: 14px;}
	#ext.careguide .box .detail h4 {font-size: 14px;padding: 0 0 5px; margin: 0 0 20px;}
	#ext.careguide .box .contents {display: block;}
	#ext.careguide .box .contents .detail_img_box {width: 42%; margin: 0 auto;}
	#ext.careguide .box .contents .text {width: 100%; margin: 20px 0 0;}
	#ext.careguide .box .contents .text p {font-size: 14px;margin: 0 0 35px;}
	#ext.careguide .box .contents .text h5 {font-size: 14px;margin: 0 0 10px;}
	#ext.careguide .box .contents .text dl dt {margin: 0 0 10px;font-size: 14px;}
	#ext.careguide .box .contents .text dl dd {font-size: 14px; margin: 0 0 35px;}
	#ext.careguide .box .detail {margin: 0 0 60px;}
	#ext.careguide .box .contents .text a {margin: 0 0 60px; font-size: 14px;}
	#ext.guide .please dd {margin: 0 10px;}

	/* 会員登録 規約(member_terms.xhtml,cart_member_terms.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext.terms .sentence {text-align: left;font-size: 14px;}
	#ext.terms .terms_box {padding: 10px 20px; height: 245px;}
	#ext.terms .terms_box p{font-size: 14px;}
	#ext.terms .buttonarea {margin: 37px auto 0; flex-direction: column;}
	#ext.terms .buttonarea .button {padding: 14px 0; font-size: 12px;}
	#ext.terms h3.sp_disp {font-weight: bold; margin: 0 0 10px; display: block; font-size: 16px; text-align: center;}
	#ext.terms .box {display: block;}
	#ext.terms .box li {width: 100%; height: 130px; margin: 0 0 10px;}
	#ext.terms .box li .text {padding: 0 5.7971%;}
	#ext.terms .box li h3 {font-size: 14px; margin: 0 0 5px;}
	#ext.terms h4 {margin: 40px 0 7px; font-size: 14px;}
	#ext .terms_service .terms_box h4 {font-size: 12px;}
	#ext .terms_service .terms_box p {font-size: 12px;}
	#ext .terms_service .terms_box ul {font-size: 12px;}
	#ext .terms_service .terms_box ol {font-size: 12px;}
	#ext .terms_service .terms_box dl {font-size: 12px;}
	#ext .terms_service .terms_box .box {margin: 0 0 20px;}
	#ext.terms .pc_disp{display: none;}
	#ext.terms .sp_disp{display: block;}

	/* 利用規約(terms.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext.terms_service .sentence {font-size: 14px;}
	#ext.terms_service h3 {font-size: 16px;}
	#ext.terms_service .terms_box h4 {font-size: 14px;}
	#ext.terms_service .terms_box h5 {font-size: 12px;}
	#ext.terms_service .terms_box h6 {font-size: 12px;}
	#ext.terms_service .terms_box p {font-size: 12px;}
	#ext.terms_service .terms_box ul {font-size: 12px;}
	#ext.terms_service .terms_box ol {font-size: 12px;}
	#ext.terms_service .terms_box dl {font-size: 12px;}
	#ext.terms_service .terms_box .box {margin: 0 0 20px;}
	#ext.terms_service .terms_box ol.bottom_margin{margin-bottom: 10px;}
	
	/* ショッピングガイド(guide.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#ext.guide .box .guide_title {font-size: 16px;}
	#ext.guide .box .guide_title > span > span {top: 28px;width: 14px;height: 14px;}
	#ext.guide .box .guide_title > span > span::before, #ext.guide .box .guide_title span::after {width: 14px;height: 1px;}
	#ext.guide .box .guide_title > span > span::before {width: 1px;height: 14px;}
	#ext.guide .box p, 
	#ext.guide .box dl, 
	#ext.guide .box dl dd {margin: 0 0 35px; font-size: 14px;}
	#ext.guide h4 {font-size: 15px;}
	#ext.guide h4.step .icon {padding: 3px 10px; font-size: 12px;}
	#ext.guide h5 {margin: 0 0 10px; font-size: 14px;}
	#ext.guide .info .button {font-size: 14px;padding: 18px 0;font-weight: bold;}
	#ext.guide .small {font-size: 12px;}
	#ext.guide .flow {margin: 0 auto 30px; padding: 30px 20px 1px;}
	#ext.guide .flow .border_box {padding: 5px 10px; margin: 0 0 15px;}
	#ext.guide .flow .arrow {margin: 0 0 5px;}
	#ext.guide .flow .flow_box {margin: 0 auto 15px;}
	#ext.guide .info {margin: 20px 0 80px; text-align: left;}
	#ext.guide .box dl dt {margin: 0 0 15px;}
	#ext.guide .box dl.please dt {margin: 0; font-size: 15px;}
	#ext.guide .box dl.please dd {margin: 0 10px;}
	#ext.guide .annotation {font-size: 12px;}
	#ext.guide .annotation p {line-height: 1.5;}
	#ext.guide .annotation span {line-height: 1.5;}
	#ext.guide p.annotation {line-height: 1.5;}
	#ext.guide .inner_box dl dd {margin: 0 0 5px;}
	#ext.guide ul.disc li {margin: 0 0 5px; font-size: 14px;}
	#ext.guide .inner_box .flex{display: block;}
	#ext.guide .inner_box .flex .text {width: 100%;padding: 0;}
	#ext.guide .inner_box .flex .img {margin: 0 auto; width: 80%; max-width: 400px;}
	#ext.guide .box .guide_title > span {padding: 15px 0;border-top: solid 1px #707070;}
	#ext.guide .box {border-bottom: solid 1px #707070;}
	#ext.guide .flow p { margin: 0 0 15px;}
	#ext.guide .flow p.red {text-align: left;}
	#ext.guide .annotation,
	#ext.guide .annotation p,
	#ext.guide .box .annotation,
	#ext.guide .box .annotation p {font-size: 12px;}
	#ext.guide ol.round_num li {font-size: 14px;}
	#ext.guide table.send_table,
	#ext.guide table.send_table td,
	#ext.guide table.send_table th {font-size: 12px;}

	/* 特定商取引法に関する法律に基づく表示(tokushou.html)（767px以下）
	-------------------------------------------------------------*/
	#ext.transaction .flex {display: block;padding: 18px 0;}
	#ext.transaction dt,#ext.transaction dd{padding:0;}
	#ext.transaction dt{width: 100%; margin-right: 0;font-size: 14px;padding: 0 0 5px;line-height: 100%;}
	#ext.transaction dd,#ext.transaction .two_contents{width: 100%;font-size: 12px;}
	#ext.transaction dl .second{margin-top: 18px;}
	#ext.transaction dl p {font-size: 12px; margin-bottom: 5px;}
	#ext.transaction .table_bottom{margin-top:30px;font-size: 12px;}
	#ext.transaction ul li {font-size: 12px;}

	/* プライバシーポリシー(privacy.html)（767px以下）
	-------------------------------------------------------------*/
	#ext.privacy h3{font-size: 14px;margin: 0 0 3px;}
	#ext.privacy p{font-size: 14px; margin: 0 0 35px;}
	#ext.privacy .revision_time p{margin-bottom: 10px;}
	#ext.privacy ul li{font-size: 14px;}

	/* 入荷お知らせ登録（767px以下）
	(item_nyka_notice.xhtml,item_nyka_notice_result.xhtml)
		-------------------------------------------------------------*/
	#main.nyuka table.product_table {font-size: 14px;}
	#main.nyuka table.input_table td {padding: 0;}
	#main.nyuka p {text-align: left;}

	/* トップページ（767px以下）
	(top.xhtml)
		-------------------------------------------------------------*/
	.button.top {font-size: 12px; padding: 14px 0; max-width: none;}
	#main .full_screen {width: 100vw; margin-left: calc(-50vw + 50%); height: auto;}

	/* メインビジュアル - mainvisual （767px以下）
	-------------------------------------------------------------*/
	#mainvisual {padding: 0 0 30px;margin: 0 0 30px calc(50% - 50vw);}
	#mainvisual .slick-dots {bottom: -35px;}

	/* topProducts - PRODUCTS （767px以下）
	-------------------------------------------------------------*/
	#topProducts .furniture.active, #topProducts .accessory.active {width: 100%;}
	#topProducts .furniture h3,#topProducts .accessory h3 {display: none;}
	#topProducts .slider_nav {display: flex;width: 100%;justify-content: space-between;margin-bottom: 14px;}
	#topProducts .slider_nav li:first-child {text-align: right;white-space: nowrap; outline: none; width: 49%!important; margin-right: 1%;}
	#topProducts .slider_nav li:last-child {text-align: left;white-space: nowrap; outline: none; width: 50%!important;}
	#topProducts .slider_nav .slick-current h3 {background-color: #142D55; color: #fff;}
	#topProducts .slider_nav li h3 {text-align: center; font-size: 12px; line-height: 100%; padding: 14px 0 0; display: inline-block; width: 100%; background-color: #dddddd;
		font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}
	#topProducts  .slick-slide, #topProducts  .slick-slide{width: 100%;}
	#topProducts .slick-prev:before,#topProducts .slick-next:before {display: none;}
	#topProducts .slick-dots {top: 0;}
	#topProducts .slick-dots li {height: auto; margin: 0;}
	#topProducts .slick-dots li button:before {width: 50%;height: auto;margin: 0;}
	#topProducts .slick-slider .slick-track, #topProducts .slick-slider .slick-list {width: 100%;transform: none !important; padding: 0 !important;}
	#topProducts .topProducts_contents .furniture ul li p, #topProducts .topProducts_contents .accessory ul li p {font-size: 12px; margin: 5px 0 0;}

	/* topFeatures - FEATURES （767px以下）
	-------------------------------------------------------------*/
	#topFeatures {margin: 40px auto 0;}
	#topFeatures .features_details{margin: 0 0 5px;}
	#topFeatures .features_details p.title {margin: 5px 0; font-size: 12px;}
	#topFeatures .features_details p.detail {font-size: 10px; line-height: 120%; margin: 0;}
	#topFeatures .features_details .box {margin: 0 3% 20px 0;width: calc(50% - (3% / 2));}
	#topFeatures .features_details .box:nth-child(3n) {margin: 0 3% 20px 0;}
	#topFeatures .features_details .box:nth-child(2n) {margin: 0 0 20px 0;}
	#topFeatures .features_details .box:nth-child(4),#topFeatures .features_details .box:nth-child(5),#topFeatures .features_details .box:nth-child(6) {display: block;}
	#topFeatures .features_details .box:nth-child(2n) {margin: 0;}
	#new {margin: 50px auto 65px;}
	#new .new_content {margin: 0 0 0 -20px; padding: 0 0 0 20px; width: 100vw; overflow: hidden;}
	#new .slider_wrap {width: 85.5%;}
	#new .slick-list {overflow: visible;}
	#new ul {margin: 0;}
	#new ul li {margin: 0 10px 20px 0;}
	#new ul li:nth-child(5n){margin-right: 10px;}
	#new ul li .icon{font-size: 12px;}
	#new ul li .name, #new ul li .price {font-size: 12px; text-align: left; margin: 0;}
	#new ul li .name {margin: 0;}
	#new .slick-dots {justify-content: center; width: 100vw; bottom: -15px; left: -20px;}
	#new .slick-dots li {margin: 0 5px; width: auto;}
	#new .slick-dotted.slick-slider {display: block; margin: 0 0 50px 0;}
	#new .slick-dots li button:before {color: #fff; opacity: 1;}
	#new .slick-dots li.slick-active button:before {color: #142D55;}
	#new .slick-prev:before,
	#new .slick-next:before {display: none;}
	#new .slick-dots li:nth-child(2n){margin: 0;width: auto;}
	#new .slick-dots li:nth-child(5n){margin: 0 5px; width: auto;}

	/* ranking - RANKING （767px以下）
	-------------------------------------------------------------*/
	#ranking {margin: 50px auto 65px;}
	#ranking .ranking_content {margin: 0 0 0 -20px; padding: 0 0 0 20px; width: 100vw; overflow: hidden;}
	#ranking .slider_wrap {width: 100%;}
	#ranking .slick-list {overflow: visible;}
	#ranking ul {margin: 0;}
	#ranking ul li {margin: 0 10px 0 0;}
	#ranking ul li .icon{font-size: 12px;}
	#ranking ul li .name, #ranking ul li .price {font-size: 12px; text-align: left; margin: 0;}
	#ranking ul li .name {margin: 0;}
	#ranking .slick-dots {justify-content: center; width: 100vw; bottom: -15px; left: -20px;}
	#ranking .slick-dots li {margin: 0 5px; width: auto;}
	#ranking .slick-dotted.slick-slider {display: block; margin: 0 0 50px 0;}
	#ranking .slick-dots li button:before {color: #fff; opacity: 1;}
	#ranking .slick-dots li.slick-active button:before {color: #142D55;}
	#ranking .slick-prev:before,
	#ranking .slick-next:before {display: none;}
	#ranking .slick-dots li:nth-child(2n){margin: 0;width: auto;}
	#ranking h3 {text-align: center; font-size: 12px; line-height: 100%;width: 100%;
		font-family: 'Helvetica Neue', 'Open Sans', Arial, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;}

       #ranking ul li .item_runking_number{
        width: 40px;
        height: 40px;
        position: relative;
        border: double #000 2px;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        text-align: center;
        padding: 5px;
        margin-bottom: -30px;
        margin-left: -10px;
        z-index: 2;
        }

	/* inspiration - インスピレーション （767px以下）
	-------------------------------------------------------------*/
	#inspiration .inspiration .map_sp {display: block;}
	#inspiration .inspiration .map_pc {display: none;}

	/* topAboutHay - ABOUT HAY （767px以下）
	-------------------------------------------------------------*/
	#topAboutHay {margin: 0 0 0 calc(50% - 50vw); padding: 70px 0 50px 0;}
	#topAboutHay h2.border::after {margin: 10px auto 0;}
	#topAboutHay .inner {display: block;}
	#topAboutHay .pc_img {display: none;}
	#topAboutHay .sp_disp{display: none;}
	#topAboutHay .img {width: 100%;}
	#topAboutHay .text {width: 100%; padding: 0 5% 0;}
	#topAboutHay .text .sp_img {display: block;}
	#topAboutHay .text p {margin: 20px 0 25px; text-align: left; font-size: 12px; line-height: 150%;}
	#topAboutHay .text p .pc {display: none;}
	#topHaysWorld {padding: 10px 25px 55px; margin: 0 0 0px calc(50% - 50vw);}
	#topHaysWorld .img {margin: 0 0 10px;}
	#topHaysWorld ul li {margin: 0 auto 25px; flex-wrap: wrap;}
	#topHaysWorld span.box {width: 45%; margin-bottom: 10px;}

	/* #topHaysWorld ul li:last-child{display: none;} */
	#topHaysWorld h3 {font-size: 13px;}
	#topHaysWorld p {font-size: 10px; line-height: 120%;margin: 0 0 10px;}

	/* topNEWS - NEWS （767px以下）
	-------------------------------------------------------------*/
	#topNews {margin: 50px 0 60px;}
	#topNews .news_contents {margin: 0;}
	#topNews .news_contents .text .data {max-width: 105px; width: 100%; font-size: 12px;}
	#topNews .news_contents .text .detail {font-size: 12px; line-height: 150%; margin-bottom: 10px;}
	#topNews .news_contents .text {margin: 0;}
	#topNews .button.top {margin: 5px 0 0;}

	#main .two_contents_box {display: block;}
	#topStores,
	#topBusiness,
    #topOnlineservice {width: 100%; padding: 10px 0 50px;}
	#topStores .text {width: 100%; padding: 0; position: relative; transform: none;}
	#topStores .text p {margin: 20px 0 25px; font-size: 12px; line-height: 150%;}
	#topStores .buttons {display: flex; margin: 30px 0 0;}
	#topStores .buttons li:first-child {margin: 0 10px 0 0;}
	#topStores .buttons .button {max-width: initial; font-size: 13px;font-weight: 500;}
	#topStores .image_box,
	#topBusiness .image_box,
    #topOnlineservice .image_box {margin: 0 0 30px;}

	/*topOnlineservice - ONLINESERVICE （767px以下）
	-------------------------------------------------------------*/
	#topOnlineservice {display: block;}
	#topOnlineservice .img {display: none;}
	#topOnlineservice .text p {font-size: 12px; text-align: left; line-height: 150%; margin: 25px 0;}
	#topOnlineservice .text .button {max-width: 100%;}
	#topOnlineservice .text {width: 100%; padding: 0; position: relative; transform: none;}

	/* topBUSINESS - BUSINESS （767px以下）
	-------------------------------------------------------------*/
	#topBusiness {display: block;}
	#topBusiness .img {display: none;}
	#topBusiness .text p {font-size: 12px; text-align: left; line-height: 150%; margin: 25px 0;}
	#topBusiness .text .button {max-width: 100%;}
	#topBusiness .text {width: 100%; padding: 0; position: relative; transform: none;}

	/* トピックス一覧共通 （767px以下）
	-------------------------------------------------------------*/
	/* news一覧 */
	#topicsList {margin: 0;}
	#topicsList .box {width: calc(50% - (10px/2));margin: 0 10px 30px 0;}
	#topicsList .box:nth-child(3n) {margin-right: 10px;}
	#topicsList .box:nth-child(2n) {margin-right: 0;}
	#topicsList .box .text {margin: 6px 0 0;}
	#topicsList h3 {font-size: 12px; line-height: 150%; margin: 0;}
	#topicsList h3 span.date {margin: 0;}
	#topicsList h3 span {display: block; margin: 0;}
	#topicsList .icon p {font-size: 8px; padding: 6px 7px; margin: 11px 6px 0 0;}
	#list .pagelink {text-align: center;}

	/* トピックスカテゴリ用一覧共通 （767px以下）
	-------------------------------------------------------------*/
	#topicsListCommon h3 {margin: 0 0 5px; font-size: 12px;}
	#topicsListCommon p {text-align: left; font-size: 12px;}
	#topicsListCommon ul {justify-content: flex-start; margin: 0 0 50px;}
	#topicsListCommon ul li {margin: 0 10px 30px 0; width: calc(50% - (10px / 2));}
	#topicsListCommon ul li:nth-child(3n) {margin: 0 10px 30px 0;}
	#topicsListCommon ul li:nth-child(2n) {margin: 0 0 30px 0;}
	#topicsListCommon ul li p {font-size: 10px;}
	#topicsListCommon .img {margin: 0 0 5px;}
	#topicsListCommon .sentence.narrow {margin: 0 auto 50px;}
	#topicsListCommon .sentence.narrow p {font-size: 12px; text-align: left;}

	/* DESIGNERS */
	#topicsListCommon.designers ul li,
	#topicsListCommon.designers ul li:nth-child(3n) {margin: 0 10px 30px 0; width: calc(50% - (10px / 2));}
	#topicsListCommon.designers ul li:nth-child(4n) {margin: 0 10px 30px 0;}
	#topicsListCommon.designers ul li:nth-child(3n) {margin: 0 10px 30px 0;}
	#topicsListCommon.designers ul li:nth-child(2n) {margin: 0 0 30px 0;}

	/* デザイン対談 */
	#topicsListCommon.design_talks .img {margin: 0 0 5px;}
	#topicsListCommon.design_talks ul li p {font-size: 13px; font-weight: bold;}
	#topicsListCommon.design_talks ul li p span{font-size: 10px; font-weight: normal; line-height: 1.2em;}

	/* HAY'S WORLD */
	#topicsListCommon.haysworld .img {margin: 0 0 5px;}
	#topicsListCommon.haysworld h3 {margin: 0; font-weight: bold; font-size: 16px;}
	#topicsListCommon.haysworld h3 span {font-size: 10px;}
	#topicsListCommon.haysworld sub{font-size: 12px;} 
	#focus .filters_wrap {margin: 0 0 30px -20px; padding: 0 20px 2px; width: 100vw; overflow-x: auto; -ms-overflow-style: none;}
	#focusfocus .filters_wrap::-webkit-scrollbar {display: none;}
	#focus .filters_wrap{scrollbar-width: none;}
	#focus .filters label {font-size: 14px;}
	#focus .filters li,
	#focus .filters li:last-child {margin: 0 20px 0 0;}
	#focus .scroll_wrap.over .filters_wrap {padding: 0 35px 2px;}
	#focus .scroll_wrap.over .filters li:last-child {padding: 0 15px 0 0;}
	#focus .grid {margin: 0 0 0 -5px; width: calc(100% + 10px);}
	#focus .grid li {margin: 0 5px 25px; width: calc(50% - (20px / 2));}
	#focus .grid li:nth-child(2n) {margin: 0 5px 25px;}
	#focus .grid .img {margin: 0 0 6px;}
	#focus h3 {font-size: 14px; font-weight: 500;}
	#topicsListCommon.haysworld_link ul li p{font-size: 16px; text-align: left;}
	#topicsListCommon .haysworld_link .img{margin: 10px 0 5px; width: 100%; text-align: center;}
	#topicsListCommon .haysworld_link .img img{width: 100%; vertical-align: top; max-height: 100%;}
	#topicsListCommon .haysworld_link ul li p{font-size: 12px; font-weight: normal; line-height: 1.4em; text-align: center;}

	/* トピックス共通 （767px以下）
	-------------------------------------------------------------*/
	#topicsDetail .content .img {margin: 0 0 30px;}
	#topicsDetail .content .sentence {margin: 0 0 30px;}
	#topicsDetail .content h3 {font-size: 14px;}
	#topicsDetail .content p {font-size: 14px; text-align: left;}
	#topicsDetail .content hr {margin: 0 0 18px;}
	#topicsDetail .content dl {margin: 0 0 18px;}
	#topicsDetail .content dl dt {font-size: 14px; text-align: left;}
	#topicsDetail .content dl dd {font-size: 14px; text-align: left;}
	#topicsDetail .content .movie {margin: 0 0 25px;}
	#topicsDetail .content .flex {margin: 0; flex-direction: column;}
	#topicsDetail .content .flex .img {margin: 0 0 25px; width: 100%;}
	#topicsDetail .content .flex .img:first-child {margin-right: 0;}
    #topicsDetail .content .flex .img-fit {padding-right: 0;margin: 0 0 25px;}
	#topicsDetail .content .flex .text {width: 100%; padding: 0!important;}
	#topicsDetail .content .flex.img_left .text {padding: 0;}
	#topicsDetail .content .flex.img_right {flex-direction: column-reverse;}
	#topicsDetail .content .img_no .text{width:100%; margin:0;}
	#topicsDetail .note li {font-size: 12px;}
	#topicsDetail .content .writer .flex {margin: 0;}
	#topicsDetail .content .writer .flex .img {width: 100%;}
	#topicsDetail .content .writer .flex .text {width: 100%;}
	#topicsDetail .content .writer .flex .text p {margin: 0;}
	#topicsDetail .content .slider_sp {margin: 25px 0 0 -20px; width: 100vw;}
	#topicsDetail .content .slider_sp .slick-slide {margin: 0 10px 0 0;}
	#topicsDetail .content .slider_sp .slick-dots {bottom: -30px;}
	#topicsDetail .content .slider_sp .slick-dots li.slick-active button:before {color: #142D55;}
	#topicsDetail .content .slider_sp .slick-dots li button:before {color: #fff; opacity: 1;}
    #topicsDetail .content .cases_space{margin-top: 25px !important;}

	#topicsDetail .content .slider2 {margin: 0 0 0 -20px; width: 100vw;}
	#topicsDetail .content .slider2 .slick-list {margin: 0;}
	#topicsDetail .content .slider2 .slick-dots {bottom: -30px; display: block!important;}
	#topicsDetail .content .slider2 .slick-dots li.slick-active button:before {color: #142D55;}
	#topicsDetail .content .slider2 .slick-dots li button:before {color: #fff; opacity: 1;}

	#topicsDetail .content .slider3 {margin: 0 0 0 -20px; width: 100vw;}
	#topicsDetail .content .slider3 .slick-list {margin: 0;}
	#topicsDetail .content .slider3 .slick-dots {bottom: -30px;}
	#topicsDetail .content .slider3 .slick-dots li.slick-active button:before {color: #142D55;}
	#topicsDetail .content .slider3 .slick-dots li button:before {color: #fff; opacity: 1;}

	/* FEATURE */
	#topicsDetail.features .content .img.main {margin: 0 0 30px -20px; width: 100vw;}
    #topicsDetail.features .menu_wrap{display: block;}
    #topicsDetail.features .menu{width: 100%;margin: 10px auto;}
    #topicsDetail.features .menu p{margin: 0;}
    #topicsDetail.features .menu p img{width: 5%;}
	#topicsDetail .featureTitle {margin:0 0 30px; padding: 15px 0 15px; border-bottom: solid 1px #a1a1a1; width: 100%;}
	#topicsDetail .featureTitle p {display: block; font-size: 14px; text-align: center; font-weight: bold;}

	/* DESIGNERS */
	#topicsDetail.designers .mainimg {margin: 0 0 20px;}
	#topicsDetail.designers .sentence {margin: 0 auto 30px;}
	#topicsDetail.designers .talk a {font-size: 14px;}
	#topicsDetail.designers .talk img {margin: 0 25px 0 0; width: 26%;}

	/* FOCUS */
	#topicsDetail .content .slider_area {width: 100%; position: relative; bottom: auto; padding-bottom: 50px;}
	#topicsDetail .content .slider_area .slick-slide img{width: 100%;}

	/* Flowers */
	#topicsDetail .content .flower{border-bottom: 1px solid #000; padding-bottom: 20px;}
	#topicsDetail .content .flower h3{padding: 30px 0 20px; font-size: 18px;}

	/* product */
	#product {margin: 40px auto 0;}
	#product ul li {margin: 0 10px 35px 0; width: calc(50% - (10px / 2));}
	#product ul li:nth-child(3n),
	#product ul li:nth-child(4n) {margin: 0 10px 35px 0;}
	#product ul li:nth-child(2n) {margin: 0 0 35px 0;}
	#product ul.icon_list li {margin: 0 5px 5px 0;}
	#product h3 {font-size: 12px;}
    #product h4 {margin: 0 0 10px; font-size: 17px;}
	#product p {font-size: 12px;}
    #product .item_caption {font-size: 10px!important;}
	#product .button_more {margin: auto!important;width: 100%;max-width: 100%;padding: 14px 0;}

	/* 特集 */
	#product .featureTitle {margin:0 0 30px; padding: 15px 0 15px; border-bottom: solid 1px #a1a1a1; width: 100%;}
	#product .featureTitle p {display: block; font-size: 14px; text-align: center; font-weight: bold;}
	#product .button_area {display: block;}
	#product .button_area a{margin-bottom: 10px;}
    #product .designby_wrap{display: block;}
	#product .designby_left{width: 100%;}
	#product .designby_right{width: 100%;}
	#product .designby_wrap2{display: block; margin: 0;}
	#product .designby_left2{width: 100%;}
	#product .designby_right2{width: 100%;}

    #topicsDetail .designby_wrap{display: block;}
	#topicsDetail .designby_left{width: 100%;}
	#topicsDetail .designby_right{width: 100%;}
	#topicsDetail .designby_wrap2{display: block; margin: 0;}
	#topicsDetail .designby_left2{width: 100%;}
	#topicsDetail .designby_right2{width: 100%;}

	/* news詳細 */
	#news .icon p {font-size: 8px; padding: 4px 6px; margin: 0 5px 5px 0;}
	#news .news_detail_top p.date {margin: 0 0 5px; font-size: 14px;}
	#news .news_detail_top {margin: 0 0 2px;}
	#news .newsimg img{width: 100%;}
	#news h3 {margin: 0 0 7px;font-size: 16px;}
	#news .img {margin: 0 0 20px;}
	#news p {margin: 0 0 20px;font-size: 12px;}
	#news .flex {display: block; margin: 0 0 20px;}
	#news .flex img {display: block; margin: 0 0 15px; width: 100%;}
	#news .flex p {width: 100%; margin: 0 0 15px;}
	#news .content {margin: 0;}
	#news .buttonarea {margin: 35px 0 0;}

	/* itemListSimple - 商品簡易一覧 （767px以下）
	-------------------------------------------------------------*/
	#itemListSimple .category_select_wrap #secondaryCat {display: none;}
	#itemListSimple .category_select_wrap select {margin: 0 0 20px; width: 100%; border: solid 1px #142D55;}
	#itemListSimple .item_list {margin: 0 0 30px;}
	#itemListSimple .item_list .box h3 {font-size: 12px;}
	#itemListSimple .item_list .box p {padding: 15px 0 0; font-size: 12px;}
	#itemListSimple .item_list .box p.price {padding: 0;}
	#itemListSimple .item_list .box {margin: 0 10px 40px 0; width: calc(50% - (10px / 2));}
	#itemListSimple .item_list .box:nth-child(3n),
	#itemListSimple .item_list .box:nth-child(4n) {margin: 0 10px 40px 0;}
	#itemListSimple .item_list .box:nth-child(2n) {margin: 0 0 40px 0;}

	#itemListSimple .two_column .main_content .item_list .box {width: calc(50% - (10px / 2));}
	#itemListSimple .two_column .main_content .item_list .box:nth-child(3n) {margin: 0 10px 40px 0;}
	#itemListSimple .two_column .main_content .item_list .box:nth-child(2n) {margin: 0 0 40px 0;}

	#itemListSimple .main_img {margin: 0 0 30px calc(50% - 50vw)}
	#itemListSimple .sentence {margin: 0 auto 50px}
	#itemListSimple .sentence p {font-size: 14px;}

	/* itemDetail - 商品詳細 （767px以下）
	-------------------------------------------------------------*/
	#itemDetail .box {display: block; margin: 0 0 30px;}
	#itemDetail #mainImg {margin: 0 0 0 -20px; width: 100vw;}
	#itemDetail #mainImg img {pointer-events: none!important;}
	#itemDetail .slider {margin: 0 0 10px;}
	#itemDetail .slick-prev {left: 20px; z-index: 1;}
	#itemDetail .slick-prev:before {content: ''; display: block; width: 15px; height: 15px; border-width: 0 0 1px 1px; border-color: #707070; border-style: solid;
		opacity: 1; transform: rotate(45deg);}
	#itemDetail .slick-next {right: 20px; z-index: 1;}
	#itemDetail .slick-next:before {content: ''; display: block; width: 15px; height: 15px; border-width: 1px 1px 0 0; border-color: #707070; border-style: solid;
		opacity: 1; transform: rotate(45deg);}
	#itemDetail .thumb {display: flex; flex-wrap: nowrap; overflow-x: auto; margin-bottom: 10px; padding: 0px 4px;}
	#itemDetail .thumb li {width: 60px; height:44px; margin: 0 4px 4px; min-width:60px;}

	#itemDetail .text {width: 100%;}
	#itemDetail .text .item_icon {margin: 0 6px 3px 0; font-size: 13px;}
	#itemDetail .text .item_kind {margin: 0 0 5px; font-size: 12px;}
	#itemDetail .text h2 {margin: 0 0 8px; font-size: 22px;}
	#itemDetail .text p {margin: 0 0 8px; font-size: 12px;}
	#itemDetail .text .price .teika {font-size: 24px;}
	#itemDetail .text .add_point {margin: 0 0 17px;}

	#itemDetail .cartin_wrap .amount {width: 120px;}
	#itemDetail .cartin_wrap .amount .label {font-size: 12px;}
	#itemDetail .cartin_wrap .amount .plus {width: 40px;}
	#itemDetail .cartin_wrap .amount .minus {width: 40px;}

	#itemDetail .prop_wrap h3 {min-width: 95px;}
	#itemDetail .prop {width: calc(25% - (23.4375% / 4));}
	#itemDetail .prop .prop_text {font-size: 8px;}
	#itemDetail .prop_base {margin: 0 0 10px;}
	#itemDetail .selected_prop .prop_img {width: 50px; min-width: 50px;}

	#itemDetail .prop_group .select_btn.active {width: 100%; max-width: 100%;}
	#itemDetail .prop_group_wrap .about_fab_link {margin: 10px 0 0; text-align: right;}

	#itemDetail .prop_modal {padding: 40px 20px; width: calc(100vw - 40px); height: calc(100vh - 140px);}
	#itemDetail .prop_modal h4 {font-size: 16px;}
	#itemDetail .prop_modal p {margin: 0 0 20px; font-size: 14px;}
	#itemDetail .prop_modal ul {display: block; margin: 0 0 30px;}
	#itemDetail .prop_modal li {width: 100%;}
	#itemDetail .prop_modal .prop .prop_text {font-size: 12px;}

	#itemDetail .explanation2 {margin: 0 auto 35px; text-align: left; font-size: 14px;}
	#itemDetail .explanation2 img {display: block; width: 100%;}

	#itemDetail .stock_info {margin: 0 0 18px;}
	#itemDetail .stock_info dl {font-size: 12px;}
	#itemDetail .stock_info dl dt {width: 95px;}

	#itemDetail .other_info {margin: 0 0 20px; padding: 15px 15px 5px; background: #fff;}
	#itemDetail .other_info dl {font-size: 12px;}
	#itemDetail .other_info dl dt {min-width: 80px;}

	#itemDetail .cartin_wrap {margin: 0 0 13px; padding: 0; border: 0;}

	#itemDetail .text .cartMessage {padding: 40px 20px 20px; position: fixed; width: 400px; max-width: calc(100% - 40px);}
	#itemDetail .text .cartMessage p {font-size: 16px;}

	#itemDetail .text .wishlistMessage {padding: 40px 20px 20px; position: fixed; width: 400px; max-width: calc(100% - 40px);}
	#itemDetail .text .wishlistMessage p {font-size: 16px;}
	#itemDetail .text .wishlistDelMessage {padding: 40px 20px 20px; position: fixed; width: 400px; max-width: calc(100% - 40px);}
	#itemDetail .text .wishlistDelMessage p {font-size: 16px;}

	#itemDetail .movie {margin: 0 auto 40px}

	#itemDetail.accessory .spec h3 {margin: 0 0 15px; font-size: 16px;}
	#itemDetail.accessory .spec .spec_box {padding: 20px 0 10px;}
	#itemDetail.accessory .spec dl {margin: 0 0 15px; width: 100%;}
	#itemDetail.accessory .spec dl:nth-child(2n) {margin: 0 0 15px;}
	#itemDetail.accessory .spec dl:nth-child(3n) {margin: 0 0 15px;}
	#itemDetail.accessory dl.spec_care {display: block;}
	#itemDetail.accessory .spec_care dt {margin: 0 0 10px;}
	#itemDetail.accessory .spec_care .button_care {width: 100%;}
	#itemDetail.accessory .spec_care .button_care .button {padding: 13px 10px; max-width: 100%;}

	#itemDetail.furniture .spec {margin: 0 0 50px;}
	#itemDetail.furniture .spec h3 {padding: 13px 0 12px; font-size: 16px;}
	#itemDetail.furniture .spec .spec_detail {padding: 10px 0 30px;}
	#itemDetail.furniture .spec dl {display: block; margin: 0 0 25px;}
	#itemDetail.furniture .spec dl dt {margin: 0 0 10px; padding: 0; width: 100%; font-size: 14px;}
	#itemDetail.furniture .spec dl dd {font-size: 12px;}
	#itemDetail.furniture .spec_size .img_size {margin: 30px 0 15px;}
	#itemDetail.furniture .spec_rank .rank_list dt {margin: 0 0 8px; max-width: 55px; font-size: 12px;}
	#itemDetail.furniture .spec_rank .rank_list dd {margin: 0 0 8px; }
	#itemDetail.furniture .spec_warranty a {display: inline-block; margin: 0 0 0 25px;}
	#itemDetail.furniture .spec_care dd {flex-wrap: wrap;}
	#itemDetail.furniture .spec_care .button_care {margin: 30px 0 0; width: 100%;}
	#itemDetail.furniture .spec_care .button_care .button {padding: 13px 10px; max-width: 100%;}

	#itemDetailBody .mfp-wrap {background: #fff; z-index: 10001; position: fixed !important; top: 0 !important; left: 0 !important;}
	#itemDetailBody .mfp-bg {background: #fff;}
	#itemDetailBody img.mfp-img {border: none;}
	#itemDetailBody .mfp-close {position: fixed;}

	#itemDetailDesigner {display: block; margin: 65px 0 60px; width: 100%;}
	#itemDetailDesigner .img_designer {margin: 0 auto 40px; width: calc(100% - 100px);}
	#itemDetailDesigner h3 {margin: 0 0 5px; font-size: 20px;}
	#itemDetailDesigner h3 span {margin: 0; font-size: 12px;}
	#itemDetailDesigner p {margin: 0 0 15px; font-size: 14px;}
	#itemDetailDesigner .button {padding: 11px 10px; width: 100%; max-width: 100%;}

	#detailItemList {margin: 60px 0 60px;}
	#detailItemList .tabs {margin: 0 0 25px;}
	#detailItemList .tabs li {margin: 0 30px 0 0;}
	#detailItemList .tabs label {padding: 0 5px;font-size: 12px;}
	#detailItemList .tab_content {margin: 0 0 0 -20px; padding: 0 0 0 20px; width: 100vw; overflow: hidden;}
	#detailItemList .title{font-size: 16px}
	#detailItemList .carousel_wrap {width: 85.5%;}
	#detailItemList .carousel {display: block;}
	#detailItemList .carousel .slick-list {overflow: visible;}
	#detailItemList .carousel .slick-slide {margin: 0 10px 0 0;}
	#detailItemList .carousel .slick-dots {width: 100vw; left: -20px; bottom: -20px;}
	#detailItemList .slick-dots li button:before {color: #fff; opacity: 1;}
	#detailItemList .slick-dots li.slick-active button:before {color: #142D55;}
	#detailItemList h3 {font-size: 12px;}
	#detailItemList p {padding: 15px 0 0; font-size: 12px;}
	#detailItemList p.price {padding: 0;}

	#itemDetailStore {padding: 35px 20px;}
	#itemDetailStore .inner {display: block;}
	#itemDetailStore h2 {margin: 0 0 25px; font-size: 16px;}
	#itemDetailStore .img {margin: 0 0 25px; width: 100%;}
	#itemDetailStore .text {width: 100%;}
	#itemDetailStore .text p {margin: 0 0 20px; font-size: 12px;}
	#itemDetailStore .text .button {padding: 11px 10px; max-width: 100%;}

	#topFeatures.item_detail_feature {margin: 40px auto 0;}
	#topFeatures.item_detail_feature .features_details .box:nth-child(n + 5) {display: block;}

	/* kvadra - HAYの生地 （767px以下）
	-------------------------------------------------------------*/
	#tabs.kvadrat {display: none;}
	#ext.kvadrat .sentence {margin: 0 auto 30px;text-align: left;}
	#ext.kvadrat p {padding: 0; margin: 0; font-size: 14px;}
	#pagelinks {margin: 0 0 0 -15px; width: 100vw; height: 30px; white-space: nowrap; overflow-x: scroll; flex-wrap: nowrap; -ms-overflow-style: none;scrollbar-width: none; justify-content: start;}
	#pagelinks::-webkit-scrollbar {display:none;}
	#pagelinks {scrollbar-width: none;}
	#pagelinks li {margin: 0 30px 0 0;}
	#pagelinks li:first-child {margin: 0 30px 0 15px;}
	#pagelinks li:last-child {padding: 0 30px 0 0;}
	#ext.kvadrat .scroll_wrap.over li:first-child {margin: 0 30px 0;}
	#ext.kvadrat .scroll_wrap.over li:last-child {padding: 0 45px 0 0;}
	#ext.kvadrat li a {font-size: 14px;}
	#pagelinks a {font-size: 12px;font-weight: bold;text-decoration: none;position: relative;}
	#ext.kvadrat h3 {margin: 0 0 10px; font-size: 14px;}
	#ext.kvadrat h4 {margin: 0;}
	#ext.kvadrat .box {padding: 25px 0 0;border-top: none;}
	#ext.kvadrat .box h3 {margin-top: -50px !important; padding-top: 50px !important; font-size: 18px;}
	#ext.kvadrat .box h3 span {padding: 23px 0 10px;}
	#ext.kvadrat .box p {font-size: 14px;max-width: none;}
	#ext.kvadrat .box p.sign {padding: 14px 15px; display: block;font-size: 14px; margin: 0 0 27px;}
	#ext.kvadrat .fabric_img_list {margin: 0 0 30px;}
	#ext.kvadrat .fabric_img_list li {margin: 0 15px 15px 0;width: calc(25% - (45px / 4));}
	#ext.kvadrat .fabric_img_list li:nth-child(10n) {margin: 0 15px 15px 0;}
	#ext.kvadrat .fabric_img_list li:nth-child(4n) {margin: 0 0 15px 0;}
	#ext.kvadrat .fabric_img_list.last_list li:nth-last-child(2),#ext.kvadrat .fabric_img_list.last_list li:last-child {margin-bottom: 0;}
	#ext.kvadrat .fabric_img_list.last_list{margin: 0;}


	/* モーダル */
	#popup .mfp-container { padding: 0 20px; }
	#popup .modal_content { padding: 30px 20px 60px; flex-direction: column-reverse;}
	#popup .modal_content .image { padding: 0 0 20px;}
	#popup .mfp-content .text { padding: 0; }
	#popup .mfp-content .text p { font-size: 20px; margin: 0 0 10px; }
	#popup .mfp-content .buttonarea { position: absolute; bottom: 20px; margin: auto; left: 50%; transform: translateX(-50%); width: 100%; justify-content: center; }

	/* productList - PRODUCT （767px以下）
	-------------------------------------------------------------*/
	#productList .radio{display: block;}
	#productList h3 {display: none;}
	#productList .furniture h3,#productList .accessory h3 {display: none;}
	#productList .topProducts_contents .furniture ul li p, #productList .topProducts_contents .accessory ul li p {padding-left: 10px;}
	#topProducts .furniture ul li, #topProducts .accessory ul li {margin: 0 0 18px;}
	#productList .topProducts_contents .furniture ul li p, #productList .topProducts_contents .accessory ul li p {font-size: 10px;}
	#productList .furniture ul, #productList .accessory ul {margin: 0;}
	#productList .products_contents {margin: 0 0 15px;}
	#productList .series h3 {display: block; font-size: 14px; line-height: 100%;margin: 0 0 14px;padding: 14px 0 0;}
	#productList .series ul li {width: calc(50% - (10px / 2)); margin: 0 10px 20px 0;}
	#productList .series ul li:nth-child(2n) {margin: 0 0 20px 0;}
	#productList .series ul li:nth-last-child(4) {margin: 0 10px 20px 0;}
	#productList .series ul li:nth-last-child(3) {margin: 0 0 20px 0;}
	#productList .series ul li:nth-last-child(2) {margin: 0 10px 0 0;}
	#productList .series ul li:last-child {margin: 0}
	#productList .series h4 {display: none;}
	#productList .products_contents .furniture ul li p, 
	#productList .products_contents .accessory ul li p {margin: 7px 0 0; font-size: 10px;}
	#productList .series ul li p {text-align: center; margin: 7px 0 0 0; font-size: 12px;}
	#productList .slider{margin: 0 auto 15px; width: 100%;}
	#productList .slider .furniture,#productList .slider .accessory{height: auto; width: 100%;}
	#productList .slider_series .furniture,#productList .slider_series .accessory{height: auto; width: 100%;}
	#productList .slider_series {
		margin: 0 auto 15px;
		width: 100%;
	}
	#productList .series .slider_series .series_contents{width: 100%;}
	#productList .slick-prev:before,#productList .slick-next:before {display: none;}
	#productList .slick-dots {top: 0;}
	#productList .slick-dots li {height: auto;width: 50%;margin: 0;}
	#productList .slider_nav {display: flex; width: 100%; justify-content: space-between;}
	#productList .slider_nav li{ width: calc(50% - (10%/2)); white-space: nowrap;}
	#productList .slider_nav li h3{font-size: 12px;line-height: 100%;padding: 14px 0 0;display:block;width: auto;border: none; margin: 0 15px;}
	#productList .slider_nav .slick-current h3{display: block;border-top: solid 1px #707070;margin: 0;padding: 14px 0 0;}
	#productList .slider_nav li:first-child{text-align: right;}
	#productList .slider_nav li:last-child{text-align: left;}
	#productList .slick-dots li button:before {width: 50%;height: auto;margin: 0;}
	#productList .slick-slider .slick-track, #productList .slick-slider .slick-list {margin: 0 !important;width: 100%;padding: 0!important;}
	#productList .slider_nav{display: flex; margin: 0 0 14px;}
	#productList .slider_nav.slick-slider .slick-track { transform: none !important; }

	#productList.top h3 {margin: 0 0 18px;padding: 18px 0 0;}
	#productList.top .series {margin: 0 auto 30px;}

	/* マイページ関連(member_mypege.xhtml,wishlist.xhtml)（767px以下）
	-------------------------------------------------------------*/
	.two_column {display: block;width: 100%;}
	.two_column .sub_content {max-width: none; margin: 0 0 0 calc(50% - 50vw); width: 100vw;}
	.two_column .main_content{max-width: none;}
	#sideMypage .customer_information h3 {margin: 0 0 10px; font-size: 14px;}
	#sideMypage .customer_information p.point {font-size: 14px;}
	#sideMypage .customer_information p.point .limit {font-size: 12px; font-weight: 500;}
	#sideMypage .customer_information p.sub {font-size: 12px; margin: 5px 0 18px;}
	#sideMypage ul {display: none;}
	#sideMypage .customer_information {padding: 15px 25px 5px;}

	/* お気に入りリスト（wishlist.xhtml）（767px以下）
	-------------------------------------------------------------*/
	#wishList p.read {margin: 18px 0 13px; font-size: 12px;}
	#wishList > p{ margin: 20px 0;}
	#wishList .box {width: 100%; padding: 20px; margin: 0 0 10px;}
	#wishList .img_box {width: 85px; height: 85px; min-width: 85px;}
	#wishList h3 {font-size: 14px;}
	#wishList .price {font-size: 12px;}
	#wishList .appeal {margin: 0 0 20px; font-size: 12px;}
	#wishList .button_area {max-width: none;}
	#wishList .button_area .button {max-width: none;width: 94%; padding: 12px 0; font-size: 14px;height: 40px;}
	#wishList .button_area .cart {width: 100%;}
	#wishList .button_area span {max-width: none;}
	#wishList .sub_content .button{display: none;}
	#wishList .main_content > p {margin: 17px 0; font-size: 12px;}
	#wishList .property p {font-size: 10px;}
	#wishList .button_area .end p {font-size: 12px;margin: 0;}

	#wishList .cartSubmitButton .cartMessage {padding: 40px 20px 20px; position: fixed; width: 400px; max-width: calc(100% - 40px);}
	#wishList .cartSubmitButton .cartMessage p {margin: 0 0 25px; font-size: 16px;}

	/* マイページ（member_mypage.xhtml）（767px以下）
	-------------------------------------------------------------*/
	#member.mypage ul {display: block; margin: 30px 0 30px;}
	#member.mypage ul li {width: 100%; height: 60px; margin: 0; text-align: left; display: flex;}
	#member.mypage ul li:nth-child(2) {border-top: none;}
	#member.mypage ul li a {padding: 18px 0; width: 100%; height: auto; font-size: 14px; font-weight: 500;}
	#member.mypage ul li .icon_area {position: relative;top: 13px;display: flex;justify-content: flex-start;align-items: center;padding: 18px 0;width: 100%;text-align: left;}
	#member.mypage ul li p {margin: 0;}
	#member.mypage ul li .icon {margin: 0 10px; width: 30px;}
	#member.mypage ul li img {margin: 0 auto;}
	#member.mypage .button.top {margin: 0; padding: 16px 0; font-size: 16px;}
	#sideMypage .customer_information .buttonarea .icon::before {position: initial;}
	#sideMypage .customer_information .buttonarea a {font-size: 14px;}
	#sideMypage .customer_information .buttonarea a.icon {padding: 13px 0;}
	#member.mypage .option table{margin: 0 0 30px;}
	#member.mypage .option table th{height: 30px; font-size: 14px;}
	#member.mypage .option table th p{font-size: 12px;}

	/* CASES （767px以下）
	-------------------------------------------------------------*/
	#cases .filters_wrap {margin: 0 0 30px -20px; padding: 0 20px 2px; width: 100vw; overflow-x: auto; -ms-overflow-style: none;}
	#cases .filters_wrap::-webkit-scrollbar {display: none;}
	#cases .filters_wrap{scrollbar-width: none;}
	#cases .filters label {font-size: 14px;}
	#cases .filters li,
	#cases .filters li:last-child {margin: 0 20px 0 0;}
	#cases .scroll_wrap.over .filters_wrap {padding: 0 35px 2px;}
	#cases .scroll_wrap.over .filters li:last-child {padding: 0 15px 0 0;}
	#cases .grid {margin: 0 0 0 -5px; width: calc(100% + 10px);}
	#cases .grid li {margin: 0 5px 25px; width: calc(50% - (20px / 2));}
	#cases .grid li:nth-child(2n) {margin: 0 5px 25px;}
	#cases .grid .img {margin: 0 0 6px;}
	#cases h3 {font-size: 14px; font-weight: 500;}

	/* お問い合わせ （767px以下）
	-------------------------------------------------------------*/
	#Apply .sentence {margin: 0 0 50px; font-size: 14px;}
	#Apply .sentence .notice {font-size: 12px;}
	#Apply hr {margin: 0 0 35px; width: 100%; height: 1px; background: #707070; border: 0;}
	#Apply .buttonarea {display: flex;}
	#Apply .buttonarea .button {margin: 0 0 10px; max-width: 100%;}
	#Apply .sentence p {text-align: left;}

	/* カタログ請求 */
	#Apply.catalog .two_column .text_area {width: 100%;}
	#Apply.catalog .two_column .input_area {width: 100%; padding: 0;}
	#Apply.catalog .two_column .text_area p {font-size: 14px;}
	#Apply.catalog .two_column .text_area img {width: 182px; height: auto;}
	#Apply.catalog .two_column .sentence {margin: 0 0 35px;}
	#Apply.catalog .two_column .input_table {margin: 0 0 30px;}

	#Apply.catalog_result .sentence {margin: 0 0 15px;}
	#Apply.catalog_result .sentence p {margin: 0 0 15px;}
	#Apply.catalog_result .buttonarea {margin: 0 0 15px;}
	#Apply.catalog_result .catalog_list li {width: calc(50% - (30px / 2)); margin: 0 30px 30px 0;}
	#Apply.catalog_result .catalog_list li:nth-child(4n) {margin: 0 30px 30px 0;}
	#Apply.catalog_result .catalog_list li:nth-child(2n) {margin: 0 0 30px 0;}
	#Apply.catalog_result .catalog_list a {font-size: 12px;}
	#Apply.catalog_result .catalog_list img {margin: 0 0 15px;}

	/* table_style - テーブルスタイル （767px以下）
	-------------------------------------------------------------*/
	#main table.table_style,
	#main table.table_style thead,
	#main table.table_style tbody,
	#main table.table_style tr,
	#main table.table_style th,
	#main table.table_style td {display: block; padding: 0; width: 100%; border: 0; float: left\9;}
	#main table.table_style tr {margin: 0 0 15px; padding: 0; }
	#main table.table_style td {display: table; margin: 0 auto; width: 100%; border-bottom: 1px solid #b0b0b0}
	#main table.table_style td.button_area { margin: 20px 0 40px; border-bottom: none;}
	#main table.table_style .title_row {display: none;}
	#main table.table_style .sp_title {display: table-cell; margin: 0; padding: 10px 5px; width: 120px; font-size: 14px; font-weight: bold;}
	#main table.table_style .sp_data {display: table-cell; margin: 0; padding: 10px 5px; font-size: 14px;}
	#main table.table_style .title_data {margin: 0; padding: 0; width: 100%; border-bottom: 2px solid #b0b0b0}
	#main table.table_style .title_data .sp_title {display: none; padding: 10px 5px 7px;}
	#main table.table_style .title_data .sp_data {display: inline-block; padding: 10px 5px 7px; font-weight: bold;}

	/* pointRecord - ポイント履歴 （767px以下）
	-------------------------------------------------------------*/
	#main.pointRecord p { font-size: 14px; }
	/* #main .buttonarea {
		margin: 50px 0 0;
		text-align: center;
		display: flex;
		justify-content: space-between;
		max-width: 375px;
		width: 100%;
		margin: 50px auto 0;
	}
	#main .buttonarea {display: flex; justify-content: space-between; max-width: 375px; width: 100%; margin: 50px auto 0;} */

	/* credit - クレジットカード （767px以下）
	-------------------------------------------------------------*/
	#credit .card_title {
		font-size: 14px;
	}
	#credit .card_title span {
		top: 30px;
	}

	/* cartSidebar - カートサイドバー （767px以下）
	-------------------------------------------------------------*/
	#cartSidebar {
		margin: 20px 0 0;
		float: none;
		width: 100%;
		max-width: none;
	}
	#cartSidebar #sideInner {
		width: 100%;
		max-width: 550px;
		padding: 20px;
	}
	#cartSidebar .total_box h3,
	#cartSidebar .total_box .box {
		font-size: 14px;
	}
	#cartSidebar .total_box .totalpricebox h3,
	#cartSidebar .total_box .totalpricebox {
		font-size: 16px;
	}
	#cartSidebar .total_box .totalpricebox {
		margin-bottom: 0;
	}
	#cartSidebar .cartButtonArea a.negative {
		font-size: 14px;
	}

	/* cartIndex - カートインデックス （767px以下）
	-------------------------------------------------------------*/
	#main.cart .button, #main.cart a.button, #main.cart input.button, #main.cart button.button {
		padding: 16px 10px;
	}
	#main.cart h2,
	#main.cart.cart_index h2 {margin: 30px 0;}
	#header.cart.is-fixed h1 {
		margin: 0;
	}
	#footer.cart .copyright {
		padding: 20px 0;
	}
	#cartIndex .content {
		width: 100%;
		max-width: none;
		float: none;
		padding-right: 0;
	}
	#cartIndex .content table {
		border-top: 1px solid #b0b0b0;
	}
	#cartIndex .content th {
		display: none;
	}
	#cartIndex .content td {
		display: block;
		padding: 0;
		border-bottom: none;
		font-size: 12px;
	}
	#cartIndex .content td:nth-child(1) {
		padding: 20px 0 0;
	}
	#cartIndex .content td:nth-child(2) {
		display: flex;
		justify-content: space-between;
		padding: 10px 0 10px 95px;
	}
	#cartIndex .content td:nth-child(3) {
		display: flex;
		justify-content: space-between;
		padding: 0 0 10px 95px;
	}
	#cartIndex .content td:nth-child(4) {
		padding: 0 0 20px;
		border-bottom: 1px solid #b0b0b0;
		text-align: right;
	}
	#cartIndex .content td:nth-child(4) span {
		max-width: 100%;
	}
	#cartIndex .content td span.delete {
		display: block;
		width: 100%;
	}
	#cartIndex .content td span.delete a {
		background: none;
		border: none;
		width: auto;
		display: inline-block;
		font-size: 14px;
		border-bottom: 1px solid #000;
		padding: 0 0 3px;
		height: auto;
		margin: 15px 2% 0 0;
	}
	#cartIndex .content td.kakaku::before {
		content: "価格（税込）：";
	}
	#cartIndex .content td.syokei::before {
		content: "小計（税込）：";
	}
	#cartIndex td span {
		width: 100%;
		max-width: 100px;
		padding: 0 2% 0 0;
	}
	#cartIndex td span + span {
		padding: 0 0 0 2%;
	}
	#cartIndex td span > .price_en {
		padding: 0;
	}
	#cartIndex .delete .button,
	#cartIndex select {
		width: 40%;
		max-width: none;
		margin: 0;
	}
	#cartIndex .delete .button {
		line-height: 0.6;
	}
	#cartIndex td {
		position: relative;
	}
	#cartIndex .img_box {
		display: table-cell;
		float: none;
		vertical-align: top;
		height: 75px;
		width: 75px;
		position: absolute;
		left: 0;
		top: 20px;
	}
	#cartIndex .text_box {
		display: table-cell;
		padding: 0 0 0 95px;
		vertical-align: top;
	}
	#cartIndex .text_box .code {
		display: flex;
	}
	#cartIndex .text_box .code span {
		width: 85px;
		padding: 0;
	}
	#cartIndex .text_box .code span + span {
		width: auto;
	}
	#cartIndex .text_box p.itemname {
		clear: both;
		font-size: 14px;
	}
	#cartIndex td .price_en {
		font-size: 12px;
		text-align: right;
	}
	#cartIndex .warning {
		width: 100%;
		max-width: 550px;
		line-height: 1.9;
		font-size: 12px;
		padding: 20px 20px;
	}
	#main #cartIndex .warning p {
		font-size: 12px;
	}
	#cartIndex .item_icon{margin: 0 7px 3px 0 !important;}
	#cartIndex .item_icon span{width: auto !important; max-width: none !important; padding: 0!important;}
	#cartIndex + #detailItemList .tab_content {
		overflow: visible;
		display: block;
	}

	#cartIndex + #detailItemList .box {
		width: auto;
	}
	#main.cart #detailItemList {
		margin-top: 40px;
	}
	#main.cart h3.reccomend {
		font-weight: normal;
		margin-bottom: 15px;
	}
	#cartFlow .item_icon{margin: 0 7px 3px 0 !important;}

	/* cartLogin - カートログイン （767px以下）
	-------------------------------------------------------------*/
	#cartLogin .box, #cartLogin .box + .box{ width: 100%; float: none; height: auto !important; margin: 0 0 30px 0; }
	#cartLogin .widebox { margin: 0 0 30px; }
	#cartLogin h3 { padding-bottom: 10px; }
	#cartLogin .buttonarea .button {max-width: 100%;}
	#cartLogin .link_text {margin: 0; font-size: 13px; }
	#main.cart #cartLogin table.input_table .title {width: 100%; padding: 0;}
	#main.cart #cartLogin table.input_table td {width: 100%; padding: 0;}
	#cartLogin .two_column_box {flex-wrap: wrap; margin: 0;}
	#cartLogin .two_column_box .box {margin: 0 0 60px; width: 100%;}
	#cartLogin .two_column_box h3 {padding: 0 0 10px; font-size: 16px;}
	#cartLogin .box .buttonarea { margin-bottom: 0; }
	#cartLogin .box table { margin: 0; }

	/* cartFlow - カートフロー （767px以下）
	-------------------------------------------------------------*/
	#main.cart #cartStep + p {
		font-size: 14px;
	}
	#main.cart #stepCommon.kessai {
		flex-wrap: wrap;
	}
	#main.cart #stepCommon.kessai li {
		width: 38%;
		margin: 0 30px 10px 0;
	}
	#main.cart #stepCommon.kessai li:after {
		right: -19px;
	}
	#main.cart  p {
		font-size: 14px;
	}
	#main.cart #stepCommon li {
		min-width: 0;
	}
	#cartFlow .content {
		width: 100%;
		max-width: none;
		float: none;
		padding-right: 0;
	}
	#main.cart .buttonarea .button {
		margin: auto;
		margin-bottom: 10px;
	}
	#cartFlow h3 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	#main table.input_table .head {
		position: static;
		margin-bottom: 5px;
	}
	#main table.input_table .title .caption {
		font-size: 12px;
	}
	#main.cart td .caption {
		width: 100%;
		max-width: none;
	}
	#main.cart table.input_table.item th {
		display: none;
	}
	#main.cart table.input_table.item td {
		margin-bottom: 5px;
	}
	#main.cart table.input_table.item tr + tr {
		border-bottom: 1px solid #b0b0b0;
	}
	#main.cart table.input_table th {
		width: 100% !important;
		font-size: 14px;
	}
	#main.cart table.input_table td {
		font-size: 14px;
	}
	#main.cart.confirm table.input_table td {
		padding: 0;
	}
	#main.cart.confirm table.input_table.input_cart_confirm td {
		padding:  0 0 0 10px;
	}
	#main table.input_table td.cardnumber_td input {
		width: 60px;
	}
	#main table.input_table td.short.birth input {
		width: 110px;
	}
	#cartFlow .warning {
		padding: 20px 20px;
		margin: 10px auto 40px;
	}
	#cartFlow .warning p {
		font-size: 12px;
	}
	#cartFlow p.tel_error {font-size: 12px;}
	#cartFlow .warning.gift_wrapping h4.warning_title{font-size: 14px;}
	#main table.input_table .couponHide {
		display: none;
	}
	#main table.input_table th.custom_checkbox + td,
	#main table.input_table th.custom_radio + td {
		padding: 0;
	}
	#main table.input_table .input_small  input:not([type='checkbox']):not([type='radio']):not(.zip) {
		width: 45%;
	}
	#main table.input_table .input_small  input[name="ZIP"]:not([type='checkbox']):not([type='radio']),
	#main table.input_table .input_small  input[name="SEND_ZIP"]:not([type='checkbox']):not([type='radio']) {
		width: calc(100% - 118px);
	}
	#main table.input_table .input_confirm_mail input:not([type='checkbox']):not([type='radio']) {
		max-width: 100%;
		width: calc(50% - 1em);
	}

	#cartFlow h3 + p {
		font-size: 14px;
	}
	#cartFlow .change_data {
		padding: 25px;
		margin-bottom: 25px;
	}
	#cartFlow .change_data table,
	#cartFlow .change_data table tr {
		margin-bottom:0;
	}
	#cartFlow #item_confirm {
		border-top: 1px solid #b0b0b0;
	}
	#cartFlow #item_confirm th {
		display: none;
	}
	#cartFlow #item_confirm td {
		display: block;
		padding: 0;
		border-bottom: none;
		font-size: 12px;
	}
	#main.novelty #cartFlow #item_confirm td:last-child { padding-bottom: 38px;}
	#main.novelty #cartFlow #item_confirm .name {font-size: 14px;}
	#cartFlow #item_confirm td:nth-child(1) {
		padding: 20px 0 0;
		font-size: 14px;
	}
	#cartFlow #item_confirm td:nth-child(2) {
		padding: 0 0 10px 95px;
		text-align: right;
	}
	#cartFlow #item_confirm td:nth-child(3) {
		display: flex;
		justify-content: space-between;
		padding: 0 0 10px 95px;
		text-align: right;
	}
	#cartFlow #item_confirm td.amount::before {
		content: "数量：";
	}
	#cartFlow #item_confirm td.waribiki::before {
		content: "会員割引額：";
	}
	#cartFlow #item_confirm td.kakaku::before {
		content: "価格（税込）：";
	}
	#cartFlow #item_confirm td.syokei::before {
		content: "小計（税込）：";
	}
	#cartFlow #item_confirm td.bikou:not(.confirm)::before {
		content: "受け渡し方法";
		display: block;
		font-weight: bold;
	}
	#cartFlow #item_confirm td.bikou.confirm::before {
		content: "受け渡し方法：";
	}
	#cartFlow #item_confirm td:nth-child(4) {
		padding: 0 0 10px 95px;
		text-align: right;
	}
	#cartFlow #item_confirm td:nth-child(5) {
		padding: 0 0 10px 95px;
		text-align: right;
	}
	#cartFlow #item_confirm td:last-child{
		display: flex;
		justify-content: space-between;
		padding: 0 0 20px 95px;
		text-align: right;
		border-bottom: 1px solid #b0b0b0;
	}
	#cartFlow #item_confirm td.price {
		display: flex;
		justify-content: space-between;
	}
	#cartFlow #item_confirm td.bikou:not(.confirm) {
		display: block;
		text-align: left;
		padding-left: 10px;
	}
	#cartFlow #item_confirm td.bikou.confirm h4 {
		display: none;
	}
	#cartFlow #item_confirm td .HTMLFORM_ELEMENT {
		width: auto;
	}
	#cartFlow #item_confirm .bikou .HTMLFORM_ELEMENT label {
		font-size: 12px;
	}
	#cartFlow #item_confirm .text_box {
		display: table-cell;
		padding: 0 0 0 10px;
		vertical-align: top;
	}
	#cartFlow #item_confirm .text_box .code {
		display: flex;
	}
	#cartFlow #item_confirm .text_box .code > span {
		width: 85px;
		padding: 0;
	}
	#cartFlow #item_confirm .text_box .code > span + span {
	}
	#cartFlow #item_confirm .text_box .code > span + span span {
		width: auto;
		display: inline;
	}
	#cartFlow #item_confirm td {
		position: relative;
	}
	#cartFlow #item_confirm .img_box {
		display: table-cell;
		float: none;
		vertical-align: top;
		height: 75px;
		width: 75px;
		position: absolute;
		left: 0;
		top: 20px;
	}
	#cartFlow #item_confirm .img_box + .text_box {
		padding: 0 0 0 95px;
	}
	#cartFlow #item_confirm .text_box p.itemname {
		clear: both;
		font-size: 14px;
	}
	#cartFlow #item_confirm td .price_en {
		font-size: 12px;
	}
	#cartFlow #item_confirm td span {
		width: 30%;
		max-width: 200px;
		padding: 0 2% 0 0;
	}
	#cartFlow #item_confirm td span + span {
		padding: 0 0 0 2%;
	}
	#cartFlow form.cartConfirm {
		display: flex;
		flex-wrap: wrap;
	}
	#cartFlow form.cartConfirm > * {
		width: 100%;
	}
	#cartFlow form.cartConfirm #item_confirm {
		margin-bottom: 30px;
	}
	#cartFlow form.cartConfirm .content {
	}
	#cartFlow form.cartConfirm #cartSidebar {
		margin: 20px 0 0;
		top: 0 !important;
	}
	#cartFlow form.cartConfirm .cart_bottom {
		margin: 30px 0 0;
	}
	#cartFlow .cartWarning {
		margin: 20px 0 40px;
		text-align: left;
	}

	#cartFlow .sendCopyButton {
		display: flex;
		justify-content: space-between;
	}
	#cartFlow .sendCopyButton .button {
		font-size: 11px;
		width:  49%;
		padding: 16px 6px !important;
	}
	#cartFlow .sendCopyButton .button + span {
		margin: 0;
		width:  49%;
	}
	#cartFlow .sendCopyButton .button + span .button {
		width:  100%;
	}
	#cartFlow .sendAddressButton {
		display: flex;
		justify-content: space-between;
	}
	#cartFlow .sendAddressButton .button {
		font-size: 11px;
		width:  49%;
		padding: 16px 6px !important;
	}
	#cartFlow .sendAddressButton .button + .button {
		margin: 0;
		width:  49%;
	}
	#cartFlow #cartSidebar + .buttonarea { padding-top: 0; }
	#cartFlow .buttonarea.dispPc {display: none;}
	#cartFlow .cart_bottom.dispPc {display: none;}

	#cartFlow .option_item table.input_table .amount{margin: 0 0 0 auto;}
	#cartFlow .option_item table.input_table tr{ position: relative;}
	#cartFlow .option_item table.input_table th{padding: 0;}
	#cartFlow .option_item td.short .inner .name{width: calc(100% - 150px);}
	#cartFlow .option_item td.short .inner .price{width: auto; position: absolute; top: 6px; right: 0;}
	#cartFlow .option_item table.input_table th.custom_checkbox + td{width: 100%; text-align: right;}
	#cartFlow .option_item .custom_checkbox .HTMLFORM_LABEL_GROUP ~ label{width: calc(100% - 100px);}
	#cartFlow .option_item .price{width: 50px;}
	#cartFlow .cart_caption {margin: -30px auto 20px !important;}
	

	/* memberInput - 会員登録 （767px以下）
	-------------------------------------------------------------*/
	form.memberInput .buttonarea {
		display: flex;
		flex-wrap: wrap;
	}
	#main .buttonarea .button {
		margin: auto auto 15px;
		width: 100%;
		max-width: 100%;
	}
	#history .buttonarea .buttoninner > div .button {
		margin: 0;
		min-width: 100%;
	}
	#main form.memberInput.confirm .input_table th {
		border-bottom: none;
	}
	#main.input_content table.input_table th,
	#main.input_content #loginNew table.input_table th {
		padding: 0;
	}
	#main form.memberInput.confirm .input_table td {
		border-bottom: dotted 1px #707070;
		padding: 0 10px 20px;
	}
	#main table.input_table .title {
		font-size: 14px;
	}
	#main h3.underline,
	#main form.memberInput h3 {
		font-size: 16px;
	}
	#main.input_content p {
		font-size: 14px;
	}

	#main.input_content .buttonarea form {
		max-width: none;
	}

	/* history - 購入履歴 （767px以下）
	-------------------------------------------------------------*/
	.two_column .sub_content.lower {
		margin-bottom: 20px;
	}
	.two_column .sub_content.lower .buttonarea {
		display: none;
	}
	#history .history_header,
	#history .history_content {
		padding: 15px 15px;
	}
	#history .infoarea .date {
		width: 100%;
	}
	#history .infoarea .date p {
		font-size: 12px;
		margin-bottom: 5px;
	}
	#history .history_content .buttonarea {
		margin-top: 0;
	}
	#history .buttonarea .buttoninner {
		display: flex;
		margin-bottom: 25px;
	}
	#history .buttonarea .buttoninner > div {
		width: 48%;
		margin: 0;
	}
	#history .stepBar li span {
		width: 16px;
		height: 16px;
	}
	#history .stepBar li {
		font-size: 10px;
	}
	#history .stepBar li:after {
		top: 7px;
	}
	#history .payment_box p {
		font-size: 12px;
	}
	#history .campaign_box p {
		font-size: 12px;
	}
	#history .price.price_en {
		display: none;
	}
	#history .text_box p.itemname {
		font-size: 14px;
	}

	#history .img_box {
		height: 85px;
		width: 85px;
	}
	#history .text_box {
		display: table-cell;
		padding: 0 0 0 20px;
		vertical-align: top;
	}
	#history .text_box p {
		margin: 0 0 7px;
	}
	#history .price_box {
		font-size: 12px;
	}
	#history .price_box dl .total {
		font-size: 14px;
	}
	#history .buttonarea.dispPc {display: none;}
	#history .buttonarea.dispSp {display: flex;}


	/* addressList - お届け先 （767px以下）
	-------------------------------------------------------------*/
	#main #addressList .main_content .buttonarea {
		margin: 30px auto 0;
	}
	#addressList .box ul.address li  {
			height: auto !important;
	}
	#addressList .box ul.address li .button_area {
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		margin: 20px auto 0;
		text-align: center;
		float: none;
	}
	#addressList .box ul.address li .button_area a {
		width: 46%;
		margin: 10px 1%;
		display: inline-block;
	}

	/* loginNew - ログイン （767px以下）
	-------------------------------------------------------------*/
	#loginNew .amazon_msg {margin: 0 auto 20px; font-size: 14px;}
	#loginNew .buttonarea .button {max-width: 100%;}
	#loginNew .reminder {margin: 0;}
	#loginNew table.input_table .title {width: 100%;}
	#loginNew .two_column_box {flex-wrap: wrap; margin: 0;}
	#loginNew .two_column_box .box {margin: 0 0 60px; width: 100%;}
	#loginNew .two_column_box h3 {padding: 0 0 10px; font-size: 16px;}
	#loginNew .read {text-align: left;}

	#firstTime {padding: 30px 20px;}
	#firstTime h3 {font-size: 16px;}
	#firstTime .read {font-size: 14px; text-align: left;}
	#firstTime .buttonarea {margin: 20px auto 35px}
	#firstTime .specials .special {margin: 0 0 10px; padding: 30px 20px 20px; width: 100%;}
	#firstTime .special dl dt {font-size: 16px;}
	#firstTime .special dl dd {font-size: 14px; text-align: left;}
	#firstTime .benefits .benefit {margin: 0 0 10px; padding: 30px 20px 20px; width: 100%;}
	#firstTime .benefit dl dt {font-size: 16px;}
	#firstTime .benefit dl dd {font-size: 14px; text-align: left;}
	#firstTime .information {margin: 10px 0 0; font-size: 14px; text-align: left;}

	#main .firstTime-area .buttonarea.firstTime .firstTime-ttl{font-size: 14px;}
	#main .firstTime-area .buttonarea{flex-direction: column;}
	#main .firstTime-area .buttonarea.firstTime{margin: 0 auto 24px; gap: 32px;}
	#main .firstTime-area .firstTime-block{width: 100%;}

	/* subwindow - サブウィンドウ （767px以下）
	-------------------------------------------------------------*/
	#subwindow #content h3 { margin: 20px 20px; }
	#subwindow #content .images { margin: 20px auto; text-align: center; }

	#subwindow #content th { border-bottom: none;}
	#subwindow #content td { padding: 0 10px 15px;}

	/* キャンペーン （767px以下）
	-------------------------------------------------------------*/
	/* cart_index */
	#cartCampaign li,
	#cartCampaign li:nth-child(2n) {width: 100%; margin: 0 0 20px;}
	#cartCampaign li h5 {font-size: 12px;}
	#cartCampaign li h6 {font-size: 12px;}

	/* cart_confirm */
	#cartFlow .confirmCampaign h3 {font-size: 12px;}
	#cartFlow .confirmCampaign li h4 {font-size: 12px;}

	/* レビュー （767px以下）
	-------------------------------------------------------------*/
	#review .box{
		padding:10px 0;
	}
	#review .contribution {
	    padding: 0;
	    margin-top: 10px;
	    padding: 0;
	}
    #review .contribution table{
	   	display: block;
	    table-layout: fixed;
	    font-size: 14px;
	    margin: 0 auto;
	    width: 100%;
	    max-width: 1000px;
	    border: 0;
    }
    #review .contribution table tbody{
		display:block;
	}
	#review .contribution tr{
		margin: 0 0 20px;
	    display: block;
	}
    #review .contribution th{
    	position: relative;
	    vertical-align: middle;
	    box-sizing: border-box;
	    width: 100%;
	    padding: 0 0 5px;
    }
    #review .contribution td{
    	display: block;
		vertical-align: middle;
		width: 100%;
		padding:0;
	}

	#review .contribution input[type="text"] {
		width: 100%;
	}
	#review .contribution textarea {
		max-width: 100%;
	}
	#review .contribution .buttonarea{
		margin-top:20px !important;
	}
	#review .contribution .button.medium {
		font-size: 14px !important;
	}
}/* 767px以下 - スマホ向け */

/* 480px以下
-------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	#main.cart .cartButtonArea .button,
	#main.cart .buttonarea .button,
	#cartFlow .buttonarea span + span a {
		width: 100%;
		max-width: none;
		font-size: 12px;
		padding: 14px 0;
	}
	#main.cart #stepCommon.kessai li {
		padding: 0;
	}
	#cartFlow .buttonarea span {
		margin-bottom: 5px;
	}
	#main table.input_table .button.all_point {
		display: block;
		margin: 10px 0 0;
	}
	#addressList .box ul.address li .button_area a {
		width: 100%;
		max-width: none;
		margin: 10px 0;
		display: block;
	}
}/* / 480px以下 */

/* 320px以下
-------------------------------------------------------------*/
@media screen and (max-width: 320px) {

	/* header - ヘッダ （320px以下）
	-------------------------------------------------------------*/
	#header .sp_menu .sp_menu_nav a {margin: 0 10px 0 0; font-size: 12px;}

}/* 320px以下 */

/* 20221003 add */
.user_rank {
  margin: 20px auto;
  display: block;
  width: 100%;
}
.user_rank_ttl {
  display: block;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.user_rank_ttl.gold {
  color: #000000;
  background-color: #F2BF41;
}
.user_rank_ttl.standard {
  color: #000000;
  background-color: #FEFEE9;
}
.user_rank_ttl.bronze {
  color: #000000;
  background-color: #CE9F70;
}
.user_rank_ttl.silver {
  color: #000000;
  background-color: #E2E2E2;
}
.user_rank_ttl.black {
  color: #ffffff;
  background-color: #555555;
}
.user_rank_ttl .hide {
  display: none;
}
.user_rank_content {
  display: block;
  width: 100%;
  padding: 20px 0;
  background-color: #fff;
  text-align: center;
}
.user_rank_content img {
  display: block;
  width: 150px;
  margin: 0 auto;
}
.user_rank_content p {
  font-size: 16px;
  margin-top: -30px!important;
}
.user_point {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: solid 1px #7C7A6D;
}
.user_point_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user_point_content_ttl {
  display: block;
  font-weight: bold;
}
.user_point_content_txt {
  display: block;
  font-size: 18px !important;
  font-weight: bold;
}
.user_point_content_txt span {
  display: inline-block;
  margin-right: 10px;
}
.user_point_limit {
  display: block;
  text-align: right;
  font-size: 12px !important;
}
.user_rank2 {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  margin-top: 10px;
}
.user_rank2_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user_rank2_content_ttl {
  display: block;
  font-weight: bold;
}
.user_rank2_content_txt {
  display: block;
  font-weight: bold;
}
.user_rank2_content_txt span {
  display: inline-block;
}
.user_rank2_next {
  display: block;
  text-align: right;
  font-size: 12px !important;
}
.user_rank2 a {
  display: block;
  text-align: right;
  font-size: 12px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.w100 {
  width: 85% !important;
  letter-spacing: -0.025em;
}
#main .buttonarea .button.gw {
  background: #fff;
  color: #000;
  border: 1px solid #142D55;
}
.card_check {
  background-color: #fff;
  padding: 30px 20px;
  margin: 40px auto;
  line-height: 1.4;
  font-size: 14px;
}
.card_check img {
  display: block;
  max-width: 300px;
  border-radius: 7px;
  width: 100%;
}
.add_point .small {
  font-size: 12px;
}
.add_point .bold {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .card_check {
    padding: 20px 20px;
    margin: 10px 0 40px;
  }
}
.comp {
  display: none;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}

/* 63.9375em以下
-------------------------------------------------------------*/
 
@media screen and (max-width: 63.9375em) {
    #topicsDetail .content .flex_box.gap4{display: flex; flex-flow: wrap; gap: 40px 4px; width: 100%;}
	#topicsDetail .content .wH-column100{margin-bottom: 30px;}
        #topicsDetail .content .wH-column50{width: 100%;}
	#topicsDetail .content .wH-column33{width: 100%;}
	#topicsDetail .content .wH-column33.tablet{width: 50%;}
	#topicsDetail .content .wH-column33.tablet2{width: 49%;}
	#topicsDetail .content .wH-column66{width: 100%;}
	#topicsDetail .content .wH-column25{width: 100%;}
	#topicsDetail .content .mix-item{margin-bottom: 0; padding: 0;}
    #topicsDetail .content .flex_box.gap4 .wH-column33 .mix-item{margin-bottom: 0;padding-left: 0;padding-right: 0;}
    #topicsDetail .content .gap_column:first-child{padding-right: 0;}
    #topicsDetail .content .flex_box .order_1, #topicsDetail .content .flex_box2 .order_1, #topicsDetail .content .flex_box3 .order_1{order: 1;}
    #topicsDetail .content .flex_box .order_2, #topicsDetail .content .flex_box2 .order_2, #topicsDetail .content .flex_box3 .order_2{order: 2;}
    #topicsDetail .content .flex_box3 {text-align: left;}
}
/* サステナビリティ(sustainability.xhtml)
-------------------------------------------------------------*/
@media screen and (max-width: 63.9375em) {
	#ext.sustainability .H-column100{margin-bottom: 30px;}
	#ext.sustainability .H-column50{width: 100%;}
	#ext.sustainability .H-column33{width: 100%;}
	#ext.sustainability .H-column33.tablet{width: 50%;}
	#ext.sustainability .H-column66{width: 100%;}
	#ext.sustainability .H-column25{width: 100%;}
}

/* FEATURES IT'S TIDY UP TIME! */
@media screen and (max-width: 63.9375em) {
    #topicsDetail .content .grid_container{display: block;}
    #topicsDetail .content .grid_container .item_01{margin-bottom: 20px;}
    #topicsDetail .content .grid_container .item_02{margin-bottom: 20px;}
    #topicsDetail .content .grid_container .item_03{margin-bottom: 0;}
	
}
/* 40em以下
-------------------------------------------------------------*/
@media screen and (max-width: 40em) {
	#topicsDetail .content .wH-column33.tablet{width: 100%;}
}

/* サステナビリティ(sustainability.xhtml)
-------------------------------------------------------------*/

@media screen and (max-width: 40em) {
	#ext.sustainability .H-column33.tablet{width: 100%;}
    #ext.sustainability .mix-item{padding:0;margin-bottom:10px;}
	#ext.sustainability .H-column100.photo{margin-bottom: 50px;}
    #ext.sustainability .H-column100 p{font-size: 14px;}
}

/*topStores,topOnlineservice,topBusiness - （960px以下）
	-------------------------------------------------------------*/

@media screen and (max-width: 960px) {
	#topStores h2.top_border,
	#topBusiness h2.top_border,
	#topOnlineservice h2.top_border{margin: 0 0 25px; padding: 25px 0 0; line-height: 1em;height: 100px;display: flex;flex-direction: column;justify-content: center;}
	#topStores .buttons .button {font-size: 13px;}
}