/*
 *
 * Templat BASIC form aishipR
 *
 * クラス値命名規則
 * h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
 *
 * Table Of Content
 *
 * 1-0 ALL Setting
 *   1-1 Webkit appearance 
 *   1-2 Layout Setting 
 * 2-0 Function Parts
 *   2-1 Clearfix 
 *   2-2 Holizontal Item Block 
 *   2-3 Vertical Item Block 
 *   2-4 Facebook 
 *   2-5 Button 
 *   2-6 機能パーツ：商品カテゴリ 
 *   2-7 グリッドナビ（スタイル:gridnav） 
 *   2-8 非表示コンテンツ(FB/タグマネージャ等用) 
 *   2-9 トグル機能アニメーション 
 *   2-10 カテゴリ・商品詳細ページ 見出し部下線 
 *   2-11 機能パーツ：テキスト 
 *   2-12 見出し
 *   2-13 Bootstrap Buttons UI kit
 *   2-14 Responsive Grid System
 * 3-0 Module
 *   3-1 Header
 *     3-1-1 サイトロゴ 
 *     3-1-2 カート・マイページボタン 
 *     3-1-3 ドロップダウンメニュー 
 *     3-1-4 カート・ログインボタン 
 *     3-1-5 メインメニュー
 *     3-1-6 検索フォーム 
 *   3-2 Main
 *     3-2-1 Main IMAGE 
 *     3-2-2 Half Banner 
 *     3-2-3 PICK UP Item 
 *     3-2-4 News & SNS 
 *     3-2-5 ShopInformation 
 *     3-2-6 Notice 
 *   3-3 Aside
 *     3-3-1 Aside Check List 
 *     3-3-2 Aside Login Form & Search Form 
 *     3-3-3 Aside Banner 
 *     3-3-4 Aside Login Form 
 *   3-4 Footer
 *     3-4-1 Footer Site Map 
 *     3-4-2 Page Top Btn 
 *     3-4-3 CopyRight 
 * 4-0 Page-Content
 *   4-1 Archive Page 
 *     4-1-1 Free Area 
 *     4-1-2 Pankuzu List
 *     4-1-3 Category View Mode 
 *     4-1-4 Item PR Setting 
 *     4-1-5 Cart Button 
 *     4-1-6  Archive List Item 
 *     4-1-7  Archive Thumbnail Item 
 *   4-2 Item Page 
 *     4-2-1 Item IMAGE 
 *     4-2-2 Item Name  
 *     4-2-3 Order Area 
 *     4-2-4 Item Page Titile 
 *     4-2-5 Item Explanation 
 *     4-2-6 Item BuyForm 
 *     4-2-7 System Button 
 *     4-2-8 Item Text 
 *     4-2-9 Item Gallary 
 *     4-2-10 Review 
 *   4-3 Free Page 
 *     4-3-1 TOP PAGE 
 *   4-4 Form Page 
 *     4-4-1 Cart Button Reset 
 *     4-4-2 Form Page 
 *     4-4-3 Form Confirm Page 
 *     4-4-4 Item Search Form
 *   4-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *     4-5-3 Special Point 
 *   4-6 News
 * 10-0 ALL Setting[ For SmartPhone ]
 *   10-1 Header 
 *     10-1-3 ドロップダウンメニュー 
 *   12-2 Holizontal Item Block 
 *     13-1-5 メインメニュー
 *     13-2-2 Half Banner 
 *     13-2-4 News & SNS 
 *     13-2-5 ShopInformation 
 *     13-4-1 Footer Site Map 
 *     13-4-2 Page Top Btn 
 *     14-1-2 Category Pankuzu 
 *     14-1-7  Archive Thumbnail Item 
 *     14-2-3 Order Area 
 * 20-0 ALL Setting[ For Tablet ]
 *   20-1 Header 
 *     20-1-3 ドロップダウンメニュー 
 *     23-3-3 Aside Banner 
 *     23-4-2 Page Top Btn 
 * 30-0 ALL Setting[ For PC ]
 *   30-1 Header 
 *     30-1-3 ドロップダウンメニュー 
 *   32-9 トグル機能アニメーション 
 *     33-3-1 Aside Check List 
 *     34-4-1 Footer Site Map 
 *     34-4-2 Page Top Btn
 *     
 *     カート中身
 *     会員登録 
 *     ボタン系
 *     
 */
/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
body, body.sysCart {
    background-color: #f8f8f8;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
     letter-spacing:1px;
     font-size: 16px;
}
body.sysCart a{
     color: black; }
 body.sysCart,.sysOpcBody,.sysMemberRegister {
    background-color: white;
}
h1, h2, h3, h4, h5, h6 {
     font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    letter-spacing:1px;
    font-weight: normal;
}

#sysAll{
    max-width: 100%;
    overflow: hidden;
    background-color: transparent; 
    padding: 0;
}
#sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0 0;}
#sysWrap {
    margin: 0 auto;
    padding: 0em;
    overflow: hidden;
}
#sysMain, #sysAside { background-color: #f8f8f8;}
.sysCart #sysMain,.sysOpcBody #sysMain {
    background-color: white;
}
#sysHeader{
    padding: 0;
    margin: 0;
    background: #ffffff;
}  
#sysFooter {
    padding: 0;
    margin: 0;
    background: #e9e9e9;
}
#sysFooter > div{
    /*background-color: #ddd;*/
    margin: 0 auto;
    padding-bottom: 5px;
}

#sysFooter .footer-custom-links .sysContent .link-list .sysFuncListNav .sysHeadline {
    background: #e9e9e9;
    color: black;
    font-size: 100%;
    font-weight: bold;
    margin: 4px 20px;
}

#sysMain, #sysAside, body.sysCart  {
    color: #585c5f;
    font-size: 90%;
    line-height: 2;
}
::placeholder {
  color: #C8C8C8;
  font-size: small;
}
/* 1-0 Wrapper Setting */
#sysFooter > div,
.p-pagetop .sysContent,
.p-topimg .sysContent,
.h-sitelogo,.h-utilitybtn,
.h-siteinfo, .h-subMenu,
.h-mainMenu .sysContent,
.h-search, .h-login, .hm-sitelogo,
#sysWrap {
    max-width: 1100px;
    /*max-width: 960px;*/
}
/* 1-1 Webkit appearance */
input[type=search],
input[type=submit] {
    -webkit-appearance: none;
     font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
letter-spacing:1px;
border-radius: 50px;
}

/* 1-2 input Setting */
input[type=search] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 2.5;
    padding-left: 5px;
}

input[type=search]::-webkit-search-decoration {
    display: none;
}

.cp_ipradio {
	width: 90%;
	margin: 2em auto;
	text-align: left;
}
/* 1-3 Content setting */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
select{    height: 30px;}
p {margin: 10px auto;line-height: inherit;letter-spacing: inherit;}
h1,h2,h3,h4,h5,h6{ font-size: inherit;}

/* 1-2 Layout Setting */
/* Responsive Grid system */
.grid-row:after { 
	content: ""; 
	display: table;
	clear: both; 
}
.grid-row { padding-bottom: 0em;}


/* DEFAULT COLUMN STYLES */
.grid-col { 
	display: block;
	float: left;
	margin-left: 2%;
}

.grid-col:first-child { margin-left: 0; }
.grid-col.col-span6:nth-child(2n+1) { margin-left: 0; }

input[type="search"]:hover, input[type="submit"]:hover {
	opacity: 0.8;
}


.col-span1 { width: 8.33333333333%; }
.col-span2 { width: 16.6666666667%; }
.col-span3 { width: 25%; }
.col-span4 { width: 33.3333333333%; }
.col-span5 { width: 41.6666666667%; }
.col-span6 { width: 50%; }
.col-span7 { width: 58.3333333333%; }
.col-span8 { width: 66.6666666667%; }
.col-span9 { width: 75%; }
.col-span10 { width: 83.3333333333%; }
.col-span11 { width: 91.6666666667%; }
.col-span12 { width: 100%; }

.grid-col.col-span1 { width: 6.5%; }
.grid-col.col-span2 { width: 15.0%; }
.grid-col.col-span3 { width: 23.5%; }
.grid-col.col-span4 { width: 32.0%; }
.grid-col.col-span5 { width: 40.5%; }
.grid-col.col-span6 { width: 49.0%; }
.grid-col.col-span7 { width: 57.5%; }
.grid-col.col-span8 { width: 66.0%; }
.grid-col.col-span9 { width: 74.5%; }
.grid-col.col-span10 { width: 83.0%; }
.grid-col.col-span11 { width: 91.5%; }
.grid-col.col-span12 { width: 100%; }

/* 2-0 Function Parts
 *----------------------------------------------------------------------*/
/* 2-1 Clearfix */
.p-clearfix:after,
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    letter-spacing: -.4em;
    text-align: center;
    margin-left:-25px;
}
.sysContent .sysItemBlock .sysHorizontal li {
    position: relative;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    vertical-align: top;
    width: 16.6666666%;
    margin-bottom: 1em;
    padding-left: 25px;
}
.sysContent .sysItemBlock .sysHorizontal li .sysItemName a{
    color: #575757;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: x-small;
}

.sysContent .sysItemBlock .sysHorizontal li .sysItemPrice {
    font-size: small;
}


/* 2-3 Vertical Item Block */

/* 2-4 Facebook */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span,
.widget_facebook_likebox iframe { width: 100% !important;}

/* 2-5 Button */
.btn {
    padding: 10px 20px;
    display: inline-block;
    margin-top: 10px;
}

.btn-info{
    background: #666;
    color: #fff;   
}
.btn-info:hover{ background: #999;}
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysBtnChange,
#sysPayment.sysCart #sysMain .sysBtnChange,
.sysNextSubmit {
    display: block;  
    padding: 10px 15px;
    font-size: 1rem;
    text-shadow: none;
    color: black;
    border: 1px solid black;
     background: none;
    width: 50%;
    height: 45px;
    margin: 0 auto;
}
.sysNextSubmit  {
    color: white;
    border: 1px solid #75b0c0;
    background: #75b0c0;

}
#sysMypageReminder #sysMain input:hover,
.sysBackButton:hover,
.sysNextSubmit:hover {
    opacity: 0.8;
}
#sysMypageReminder #sysMain .sysRemindForm .sysFormField {
    margin-bottom: 1em;
}
/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
    line-height: 1.75;
    /*border-bottom: 1px dotted #999;*/
}

.sysFuncItemCategory a:hover {
    /*background: #eee;*/
    text-decoration: underline;
}

/* 2-7 グリッドナビ（スタイル:gridnav） */
.gridnav ul li:last-child {
    /*border-right: 0;*/
}


/* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */
.h-code{ display: none;}

/* 2-9 トグル機能アニメーション */
.h-subMenu .sysAccordionInitialHide {
    display: block!Important;
    position: relative;
    opacity: 0;
    z-index: -1;
}

.h-subMenu .sysAccordionInitialHide.active {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
    z-index: 999;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-right: 1em;
    margin-top: -1em;
}
/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
.sysExplanation > div > span,
.sysRetailPrice,
.sysReview > span
{     
    font-size:small;
    color:black;
    //border-bottom: 3px solid #75b0c0 ;
    //padding-top:0.5em;
}


/*商品レビューのタイトル設定*/
.item-review-list {
    margin-bottom: 50px;
}

.item-review-list .sysReview > span:first-of-type {
    color: #585c5f;
    margin-top: 1em;
    text-align: left;
}
/* 2-11 機能パーツ：テキスト */

#sysMain .sysContent h3,
#sysThanks .sysFreeArea h3,
#sysAside h3{
	padding-left: 1em;
	border-left: 2px solid #75b0c0;
        margin: 40px 5px 5px;
        font-weight: normal;
        font-size: +140%;
}
#sysMain .sysContent h4{
  font-size: 130%;
  font-weight: normal;
  margin-bottom: -15px;
  margin-left: 10px;
  color: black;
}
/* 2-12 見出し */
.headline-1st {
    font-size: x-large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
}
.headline-2nd {
    font-size: large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 15px;
    
}
.headline-3rd {
    font-size: medium;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 30px;
}
.headline-4rd {
    font-size: medium;
    border-bottom: solid 1px black;
    margin: 20px 0;
    position: relative;
    text-align: center;
}


/* 2-13 Bootstrap Buttons UI kit */
.btn{text-decoration:none;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-default{font-size:85%;color:#333;text-decoration:none;/*background-color:#fff;border-color:#ccc*/}
.btn-default.active,.btn-default:active,.btn-default:focus,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}
.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{text-decoration:underline;/*background-color:#fff;border-color:#ccc*/}
.btn-default:hover{text-decoration:underline;/*background-color:#fff;border-color:#ccc*/}
.btn-default .badge{color:#fff;background-color:#333}.btn-primary{display: block;color: black;background-color: white;margin-top: -2em;margin-bottom: 3em;padding: 1em;border-top-color: white;}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:lightgray}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#d2e4ea;border-color:#d2e4ea}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;line-height:1.33;border-radius:25px;max-width: 50%;margin: 0 auto}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}
/* 2-14 Responsive Grid System */
/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */
.row:after, 
.col:after, { 
	content: ""; 
	display: table; 
	clear: both; 
}
.row { padding-bottom: 0em;}
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
}
.span_1 { width: 8.33333333333%; }
.span_2 { width: 16.6666666667%; }
.span_3 { width: 25%; }
.span_4 { width: 33.3333333333%; }
.span_5 { width: 41.6666666667%; }
.span_6 { width: 50%; }
.span_7 { width: 58.3333333333%; }
.span_8 { width: 66.6666666667%; }
.span_9 { width: 75%; }
.span_10 { width: 83.3333333333%; }
.span_11 { width: 91.6666666667%; }
.span_12 { width: 100%; }

span.text_right{display:block;text-align:right;}

.gutters .col {	margin-left: 2%;}
.gutters .col:first-child { margin-left: 0; }
.gutters .span_1 { width: 6.5%; }
.gutters .span_2 { width: 15.0%; }
.gutters .span_3 { width: 23.5%; }
.gutters .span_4 { width: 32.0%; }
.gutters .span_5 { width: 40.5%; }
.gutters .span_6 { width: 49.0%; }
.gutters .span_7 { width: 57.5%; }
.gutters .span_8 { width: 66.0%; }
.gutters .span_9 { width: 74.5%; }
.gutters .span_10 { width: 83.0%; }
.gutters .span_11 { width: 91.5%; }
.gutters .span_12 { width: 100%; }

/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
.h-siteinfo {
    /*height: 40px;*/
    max-width: 100%;
    line-height: 1;
}

.h-siteinfo h1 {
    max-width: 1100px;
    margin: 0 auto;
    padding-left: 5px;
    font-size: 90%;
    color: #272727;
}
.h-siteinfo .sysContent {
    padding: 5px 2px 0;
    border-top: 1px solid #75b0c0;
}
/* 3-1-1 サイトロゴ */
.h-sitelogo,
.hm-sitelogo {
    margin: 0 auto;
    /*background: #fff;*/
    padding-bottom: 5px;
    padding-left: 5px;
}
.h-sitelogo .sysContent,
.hm-sitelogo .sysContent {
    width: 200px;
    max-width: 40%;
}
/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {
    margin: 0 auto;
}
.h-utilitybtn .sysContent {
    width: 60%;
    margin-left: 50%;
    margin-top: 5px;
/*
    float: right;
    position: relative;
    bottom: 40px;
*/
    height: 30px;
}

/* 3-1-3 ドロップダウンメニュー */
.h-subMenu {
    position: relative;
}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    background: rgb(255,255,255);
    right: 0;
    padding: 9px 10px;
    width: 60%;
}
/*
.h-subMenu ul li {
    float: none;
}
 */
.h-subMenu .sysHeadline {
    line-height: 45px;
    /*line-height: 60px;*/
    text-align: center;
}

.h-subMenu .sysAccordion:after{
    content:"";
}

/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li {
    width: 16%!important;
    line-height: 30px;
    margin-bottom: 0;
}
.h-utilitybtn ul li:nth-child(1) {
    width: 38%!important;
    line-height: 20px;
    margin-bottom: 0;
    background: #f4f4f4;
    border-radius: 5px;
}
.h-utilitybtn ul li.sysText a {
    font-size: small;
    margin-top: 1px;
    border-right: none;
}
.h-utilitybtn ul li:first-of-type a{
    color: #75b0c0;
    font-size: 70%;
}
.h-utilitybtn ul li.sysText a:before {
    content: "";
    width: 15px;
    height: 15px;
   /* display: inline-block;*/
    vertical-align: middle;
    margin-right: 5px;
}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {
	content: "error";
        font-family: 'material symbols sharp';
        color: #75b0c0;
        font-size: 160%;
        vertical-align: under;
        text-decoration: none;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
	content: "search";
	font-family: 'material symbols sharp';
        color: #575757;
        font-size: 160%;
        vertical-align: under;
        text-decoration: none;
}
.h-utilitybtn ul li.sysText:nth-child(3) a:before {
	content: "account_circle";
        font-family: 'material symbols sharp';
        color: #575757;
        font-size: 160%;
        vertical-align: middle;
        text-decoration: none;
}
.h-utilitybtn ul li.sysText:nth-child(4) a:before {
	content: "shopping_cart";
	font-family: 'material symbols sharp';
        color: #575757;
        font-size: 160%;
        vertical-align: middle;
        text-decoration: none;
}
.h-utilitybtn ul li.sysText a:hover {

}
.mailguide-header {
        text-align: center;
        border: 1px solid #f4f4f4;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 10px;
}
.mailguide-header a{
        color: #75b0c0;
        text-decoration: none;
        font-size: x-small;
        display: block;
}
.mailguide-header a:before {
	 content: "error";
        font-family: 'material symbols sharp';
        color: #75b0c0;
        font-size: 160%;
        padding-right: 5px;
        text-decoration: none;
}
.mailguide-header a:before {
    vertical-align: middle;
    margin-right: 5px;
}
/*サブメニュー*/

.h-subMenu ul li.sysText a:hover{
    color:#84cece;
    background:#fff;
}
.h-subMenu ul li:nth-child(1):before{
	content: "potted_plant";
        font-family: 'material symbols sharp';
        color: #575757;
        vertical-align: middle;
        font-size: large;
	}
.h-subMenu ul li:nth-child(2):before{
	content: "info";
        font-family: 'material symbols sharp';
        color: #575757;
        vertical-align: middle;
        font-size: large;
	}
.h-subMenu ul li:nth-child(3):before{
        content: "help";
        font-family: 'material symbols sharp';
        color: #575757;
        vertical-align: middle;
        font-size: large;
	}
.h-subMenu ul li:nth-child(4):before {
	content: "mail";
        font-family: 'material symbols sharp';
        color: #575757;
        vertical-align: middle;
        font-size: large;
	}
.h-subMenu ul li:nth-child(5):before {
	content: "store";
        font-family: 'material symbols sharp';
        color: #575757;
        vertical-align: middle;
        font-size: large;
}
.h-subMenu ul li:nth-child(6):before {
	content: "\f447";
	font-family: ionicons;
        color: #272727;
        font-size: 130%;
        vertical-align: middle;
}
/* 3-1-5 メインメニュー*/
.h-mainMenu {
    margin: 0 auto;
    border-color: none;
    border-style: none;
    border-width: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.h-mainMenu ul li:last-child a {
    border: 0;
}

.h-mainMenu ul {
    display: table;
    width: 100%;
}

.h-mainMenu ul li {
    display: table-cell;
    float: none;
    height: 40px;
    border-left: 1px solid #ccc;
    border-right: none;
    /*border-right: 1px solid;*/
}
.h-mainMenu ul li.sysText a {
    line-height: 1;
    border: none;
    white-space: normal;
    padding: 10px 0;
    margin: 0 auto;
    font-size: smaller;
}
.h-mainMenu ul li.sysText a:hover{
    color:#84cece;
    background:#fff;
}
.h-mainMenu .sysContent {
    margin: 0 auto;
    /*background: #fff;*/
}
/*
.h-mainMenu ul li.sysText a:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -10px;
    margin-right: 10px;
}
.h-mainMenu ul li.sysText:nth-child(1) a:before {
    background: url(https://www.floret.co.jp/img/icon/icon-bouquet.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.h-mainMenu ul li.sysText:nth-child(2) a:before {
    background: url(https://www.floret.co.jp/img/icon/icon-arrangement.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.h-mainMenu ul li.sysText:nth-child(3) a:before {
    background: url(https://www.floret.co.jp/img/icon/icon-preseved.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
*/

/* 3-1-6 検索フォーム */
.h-search{
    margin: 0 auto;
    position: relative;
    padding: 0 5px 0 ;
}
.h-search .sysItemSearchForm {
    display: table;
    width: 100%;
}
.h-search .sysItemSearchFormWord {
    display: table-cell;
    padding-right: 10px;
    width: 100%;
    vertical-align: top;
}
.h-search .sysItemSearchFormWord input{
    height: 40px;
    border: 1px solid #c9c9c9;
    padding: 5px;
    vertical-align: bottom;
}

.h-search .sysSearchButton {
    width: 100px;
    padding: 6px;
    height: 40px;
    border: 1px solid #666;
    border-radius: 3px;
    margin: 0 auto;
    background-color: #666;
}
/* 3-1-6-1 検索フォーム調整 */
#sysItemSearch #sysMain h2 {
    display: none;
}
.sysItemSearchFormItemCategoryGroups,
.sysItemSearchFormItemPrGroups {
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 5px;
}
#sysItemSearch .sysItemSearchForm ul{
    margin-left: 5px;
}
#sysItemSearch .sysItemSearchForm li{
    display: inline-block;
    margin-right: 1em;
}
.sysItemSearchFormItemCategoryGroupsTitle,
.sysItemSearchFormItemPrGroupsTitle {
    display:none;
}
.itemCategoryGroupTitle0,
.itemCategoryGroupTitle1,
.itemCategoryGroupTitle2,
.itemPrGroupTitle0 {
    font-size: larger;
    color: black;
} 
/* ヘッダーログイン */
.h-login {
     margin: 0 auto;
     margin-top: -1em;
     padding-right: 2em;
}
.h-login form,
.h-login .sysContent ul,
.h-login div:not(:first-of-type){
    display: none;
}
.h-login .sysContent {
    padding: 0;
    text-align: right;
}
.h-login .sysContent p{
    margin: 0;   
}
#sysBasket .h-login .sysContent p{
    font-size: xx-small;
}

/* 3-1-7 Main Image */
.p-topimg {
    padding: 0;
    overflow: hidden;
}
.p-topimg .sysContent {
    background: #fff;
}

/* 3-2 Main*/


/*ランキング*/
.p-ranking .sysContent {
    padding:0;
}

.p-ranking .sysContent .sysHorizontal li {
    padding-right: 0;
    position: relative;
}

.p-ranking .sysContent .sysHorizontal li .sysItemName {
    position: absolute;
    top: 1px;
    margin-left: 32px;
    font-size: 100%;
}

.p-ranking .sysContent .sysHorizontal li .sysItemName a  {
    color: #575757;
    text-decoration: none;
    display: block;
    height: 1.8em;
    overflow: hidden;
}

.p-ranking .sysContent .sysHorizontal li .sysItemImage {
    padding-top: 5px;
}
.p-ranking .sysContent .sysHorizontal li .sysItemImage img {
    width:90%;
}
.p-ranking .sysContent .sysIconRank img {
    border-radius: 45px;
    position: absolute;
    padding: 5px;
}
.sysContent .sysIconRank img {
    border-radius: 45px;
    position: absolute;
}
.p-ranking .sysContent .sysHorizontal li .sysIconRank img ,.sysContent .sysHorizontal li .sysIconRank img{
    display: block;
}

/* 初めての方へ */
.p-first .first-features,
#sysRegi .first-features {
  overflow: hidden;
  text-align: center;
  font-size: 120%;
  font-weight: normal;
  margin-top: 10px;
}
.p-first .first-features span,
#sysRegi .first-features span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 0.5em;
  text-align: left;
}
.p-first .first-features  span::before,
.p-first .first-features  span::after,
#sysRegi .first-features  span::before,
#sysRegi .first-features  span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #ccc;
}
.p-first .first-features  span::before,
#sysRegi .first-features  span::before {
  right: 100%;
}
.p-first .first-features  span::after,
#sysRegi .first-features  span::after {
  left: 100%;
}
.p-first .delivery{
  font-size: 120%;
  font-weight: normal;
  margin-bottom: -15px;
  color: #75b0c0;
}
.p-first h5, .s-free-service h5,#sysRegi .sysFreeAreaBottom h5{
    font-size: 110%;
    font-weight: normal;
    color: black;
    text-align: center;
    border-bottom: 1px solid #75b0c0;
}
.p-first .free-card:before, .s-free-service .free-card:before {
    content: "stack";
    font-family: 'material symbols sharp';
    font-size: 140%;
    vertical-align: sub;
    text-decoration: none;
}
.p-first .free-photo:before, .s-free-service .free-photo:before {
    content: "photo_camera";
    font-family: 'material symbols sharp';
    font-size: 140%;
    vertical-align: sub;
    text-decoration: none;
}
.p-first .member-point:before,
#sysRegi .member-point:before {
    content: "diamond";
    font-family: 'material symbols sharp';
    font-size: 140%;
    vertical-align: sub;
    text-decoration: none;
}
.p-first .member-add:before,
#sysRegi .member-add:before {
    content: "group_add";
    font-family: 'material symbols sharp';
    font-size: 140%;
    vertical-align: sub;
    text-decoration: none;
}
.p-first .member-mypage:before,
#sysRegi .member-mypage:before {
    content: "account_circle";
    font-family: 'material symbols sharp';
    font-size: 140%;
    vertical-align: sub;
    text-decoration: none;
}
.p-first .corporationservice:before,
#sysRegi .corporationservice:before {
    content: "receipt_long";
    font-family: 'material symbols sharp';
    font-size: 140%;
    vertical-align: sub;
    text-decoration: none;
}
/* faxorder */
.faxorder {
  padding: 50px 25px;
  border: 0px solid #666;
  border-radius: 3px;
  background-color: #75b0c0;
  box-shadow: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color .4s ease;
  display: block;
  margin: 0px auto;
}
.faxorder:focus {
  outline: 0;
  background-color: #eee;
}

.faxorder:hover {
  filter:alpha(opacity=80);
  opacity:0.8;
}

.pdficon {
  padding: 15px 25px 15px 55px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: center left 17.5px;
}
.p-faxordergetadobe {
  margin: 0 auto; 
  width: 85%;
}
.getadobe a{
  float:left;
}
.getadobetext {
 margin:0;
 padding: 0px 0 0 170px;
}

/*新商品*/
.p-newItem .sysContent{
    padding:0;
}

.sysContent .sysItemBlock .sysHorizontal li{
    padding:0 0 0 25px;
}

/*TOPレビューボタン*/
.review_list_btn{
    margin-bottom:3em;
}

/* 3-2-1  */
.mainCnt {
    border-width: 0;
    box-shadow: none;
}
/* スマホ用商品検索 */
.mainCnt.sp-dai .sysHeadline {
    border-bottom: 3px solid #c9c9c9;
    color: #585c5f;
    font-size: medium;
    font-weight:100;
    padding: 0px;
    position: relative;
    margin-bottom:0em;
}
.mainCnt.sp-dai .sysHeadline:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #75b0c0;
    bottom: -3px;
    width: 40%;
}
.mainCnt.sp-dai .sysContent {
    padding: 0px;
}

/* 3-2-2 Half Banner */
.p-banner ul {
    text-align: center;
    clear: both;
    margin: 20px auto;
}
.p-banner li {
    width: 49%;
    display: inline-block;
}
.p-banner img {
    max-width: 95%;
}
.p-banner2 ul {
    text-align: center;
    clear: both;
    margin: 20px auto;
}
.p-banner2 li {
    width: 22%;
    display: inline-flex;
    margin-right: 2%;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
    box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
    position: relative;
    background-color: #fff;
}
.p-banner2 a {
    text-decoration: none;
}
.featuresText {
   text-align: left;
    font-size: smaller;
    color: #575757;
    margin: 0.5em;
    height: 8em;
}
.featuresText span {
    display: block;
    font-size: small;
    font-weight: bold;
    color: black;
}
.p-longbanner li {
    margin-bottom: 1em;
}
.p-longbanner,
.p-longbanner2 {
    margin: 5px 0px 20px;
}
.p-longbanner,
.p-longbanner2 {
    margin: 0 auto;
    max-width: 96%;
}
.p-banner3  {
     margin-bottom: 1em;
}
.p-banner3 ul {
    text-align: center;
    clear: both;
    margin: 0 auto ;
}
.p-banner3 li {
    width: 45%;
    display: inline-block;
    margin: 6px 3px;
    padding: 0.5em;
    -webkit-box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
    box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
    position: relative;
    background-color: #fff;
}
.p-banner3 li a {
    text-decoration: none;
}
.p-banner3 li:nth-child(1):before {
	content: "search";
        font-family: 'material symbols sharp';
        font-size: 130%;
        vertical-align: middle;
	}
.p-banner3 li:nth-child(2):before {
	content: "info";
        font-family: 'material symbols sharp';
        font-size: 130%;
        vertical-align: middle;
	}
.p-banner3 li:nth-child(3):before {
	content: "\f445";
	font-family: ionicons;
        font-size: 130%;
        vertical-align: middle;
	}

/* 3-2-2-1 top Banner */
.h-notice {
    text-align: center; 
    line-height: 1.5;
}
.h-notice p{
    margin: 0;
}
.h-banner {
    margin: 0 auto;
    top: 0;
    z-index: 999;
    background-image: url("/img/cashless/back.png");
    max-width: 1100px;
    border: 1px solid #ccc;
}

/* 3-2-3 PICK UP Item */
.p-pickup .sysContent {
    padding: 5px 0;
}
.p-pickup .sysContent .sysHorizontal li {
    background-color: #fff;
    box-shadow: 1px 2px 3px #CCC;
    padding: 5px 10px 10px;
    margin: 5px 1px 30px 25px;
    width: 30%;
}
.p-pickup .sysContent .sysHorizontal li .sysItemName {
    font-size: 85%;
}

.p-pickup .sysContent .sysHorizontal li .sysItemName a {
    color: #575757;
    text-decoration: none;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 0px 20px;
    height: 3em;
    line-height: 1.5;
}
.p-pickup .sysContent .sysHorizontal li .sysItemImage {
    overflow:hidden;
}
.p-pickup .sysContent .sysHorizontal li .sysItemImage img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.p-pickup .sysContent .sysHorizontal li .sysItemImage:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}

/* 3-2-4 News & SNS */
#sysBasket .importantnews  {
    max-width: 1100px;
}
#sysBasket .importantnews .sysHeadline {
     padding: 1em 1em 0.5em;
}
#sysBasket .importantnews .sysContent {
    border: 1px solid red;
    margin: 0.5em;
}
.importantnews .sysHeadline {
    padding: 0 16px;
}
.importantnews .sysHeadline:before {
    content: "\f083";
    font-family: 'material symbols sharp';
    color: red;
    font-size: 120%;
    vertical-align: middle;
    text-decoration: none;
    margin-right: 5px;
}
.p-importantnews {
    border: 0px solid #ccc;
    background: #fff;
    margin: 1em auto;
}
.p-news .sysContent,
.p-importantnews .sysContent { line-height: 1.5; padding-bottom: 10px;}
.p-news li,
.p-importantnews li { padding-left: 10px;}
.p-news .sysContent ul li,
.p-importantnews .sysContent ul li,
#sysInformation .sysNewsDetail ul li {
    border-top: none;
    margin-left: 3em;
     list-style: disc;
}
.p-importantnews .sysContent ul li a{
    display: inline-flex;
    padding: 0 0 10px 0;
    color: black;
    text-decoration: underline;
}
.p-news .sysContent ul li a{
    overflow: visible;
    position: relative;
    top: -1em;
    left: 120px;
    padding: 0;
    color:#75b0c0;
}
.p-news .sysContent ul li a:hover,
.p-importantnews .sysContent ul li a:hover {
text-decoration: underline;
}
.p-news .sysContent ul li a:after,
.p-importantnews .sysContent ul li a:after{
    content: "\f3d3";
    font-family: ionicons;
    vertical-align: middle;
    text-decoration: none;
    margin-left: 0.5em;
}

.p-news .sysContent ul li a time{
    display: block;
    margin-bottom: -1.5em;
    overflow: hidden;
    width: 7.6em;
    /*width: 107px;*/
    position: absolute;
    left: -120px;
    top: 1.45em;
    color:#272727;
}
.p-news2 {
    background-color: #db3918;
    border: 1px solid #db3918;
    margin: 20px auto;
    max-width: 90%;
}
.p-news3 {
    margin: 10px auto;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}
.p-news2 h3 {
    font-size: small;
    margin: 6px 0;
    font-weight: normal;
}
.p-news3 h3, .p-news4 h3{
    margin: 0;
    font-weight: normal;
}
.p-news2 .sysHeadline {
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.p-news3 .sysHeadline {
    padding-left: 1em;
    margin: 4px;
    background-color: #f9f9f9;
}
.p-news4 .sysHeadline {
    color: #585c5f;
    text-decoration: underline;
}
.p-news4 .sysContent p {
    padding: 0;
}
.p-news2 .sysHeadline:before {
    content: "\f100";
    font-family: ionicons;
    color: #fff;
    font-size: 130%;
    vertical-align: middle;
    text-decoration: none;
    margin-right: 5px;
}
.p-news3 .sysHeadline:before {
    content: "tips_and_updates";
    font-family: 'material symbols sharp';
    font-size: large;
    vertical-align: bottom;
    letter-spacing: 1.5px;
}
.p-news2 .sysContent {
    padding: 5px 15px;
}
/* 3-2-4-1 new-importantnews */
.acd-check {
  display: none;
}
.acd-label {
  background: #fff;
  color: black;
  display: block;
  margin-bottom: 4px;
  padding: 8px 40px 8px 8px;
  position: relative;
}
.orderArea .acd-label,#sysOpc .acd-label {
  background: #f8f8f8;
  color: black;
  display: block;
  margin-bottom: 4px;
  padding: 8px 40px 8px 8px;
  position: relative;
  font-size: initial;
  font-weight: initial;
}
.orderArea .acd-content p{
  font-weight: initial;
  font-size: initial;
}
#sysOpc .acd-label:before{
    content: "priority_high";
    font-family: 'material symbols sharp';
    font-weight: bold;
    letter-spacing: 1.5px;
}
.orderArea .acd-label:after,#sysOpc .acd-label:after{
  background: #f8f8f8;
}
.orderArea .newimportantnews .sysContent {
    margin-top: 20px;
    border: 2px solid;
}
#sysConfirm .acd-label {
  margin: 4px;
}
.acd-label:after {
  background: #fff;
  box-sizing: border-box;
  content: '\e145';
  display: block;
  font-family: 'material symbols sharp';
  margin: 8px 20px;
  position: absolute;
  right: 0;
  top: 0px;
}
.acd-content {
  display: block;
  max-height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
  visibility: hidden;
  overflow: hidden;
  color: black;
}
.acd-check:checked + .acd-label:after {
  content: '\e15b';
}
#sysOpc .acd-check:checked + .acd-label:after {
  background: #f8f8f8;
}
.acd-check:checked + .acd-label + .acd-content {
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s;
}
#sysConfirm .acd-check:checked + .acd-label + .acd-content {
  max-height: 400px; /* 任意の最大値を指定 */
}
/* タイムライン */
 .timeline {
  padding: 3rem 5rem;
  background-color: #f0f0f0;
}
.timeline-item {
  position: relative;
  border-left: 1px solid #000;
  padding: 0 0 30px 30px;
}
.timeline-item:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background-color: #fff;
  transform: translateX(-50%) translateY(-50%);
}
/* 赤 */
.timeline-item.red:before {
  background-color: #f00;
}
/* 青 */
.timeline-item.blue:before {
  background-color: #75b0c0;
}
/* 3-2-5 ShopInformation */
.p-shopInfo .sysContent,.f-floretDescription .sysContent{ text-align :center;background-color: #e9e9e9;}
.f-floretDescription .sysContent p{ margin: 0 0 20px;}
.shopinfo-inner {
    display: inline-block;
    width: 48%;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 8px;
    padding-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
}

.shopinfo-inner h3 {
    font-size: 120%;
    font-weight: normal;
    text-align: center;
/*
    border-bottom: 1px dotted #666;
    padding: 0 0 5px 0px;
*/
    margin-bottom: 10px;
    position: relative;
}

.shopinfo-inner h3:before {
    content: "";
    display: block;
    border-top: solid 1px #565e66;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.shopinfo-inner h3 span {
    background-color: #e9e9e9;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}

.shopinfo-inner ul {
]    margin: 0 10px;
}

.shopinfo-inner .btn{
    float: right;
    margin-right: 20px;
}

.shopinfo-inner ul li.tel .show_pc {
    display: block; 
}

.shopinfo-inner ul li.tel .show_sp {
    display: none;
}

/* 3-2-6 Notice */
.p-notice {
    margin: 0 auto;
    max-width: 1000px;
}
.p-notice .sysContent,
.p-notice .content2 {
     background-color: #fff;
    border: 1px solid #db3918;
     margin: 2em 1em;
}
.p-notice .sysContent h2,
.p-notice .content2 .cart-notice {
    color: #db3918;
    padding: 0 20px;
    font-size: medium;
}
.p-notice .sysContent h2:before,
.p-notice .content2 .cart-notice:before {
    content: "\f35b";
    font-family: ionicons;
    color: #db3918;
    font-size: 120%;
    vertical-align: middle;
    text-decoration: none;
    margin-right: 5px;
}
.p-notice .sysContent .noticetitle{
    color: #75b0c0;
    padding: 5px 15px;
}
.p-notice .sysContent .noticetitle:before {
    content: "\f373";
    font-family: ionicons;
    color: #75b0c0;
    vertical-align: middle;
    text-decoration: none;
    margin-right: 5px;
}
.p-notice .content2 p{
    margin: 0;
    padding: 0 15px 0;
    line-height: 2em;
}
/* designer */
.p-designer .sysHeadline {
    font-size: medium;
    border-bottom: solid 3px #c9c9c9;
    margin: 20px 0;
    position: relative;
}
.p-designer .sysHeadline:after {
   position: absolute;
   content: " ";
   display: block;
   border-bottom: solid 3px #272727;
   bottom: -3px;
   width: 40%;
}
.p-designer .sysHeadline .bdr {
    padding-right: 5px;
    color: #272727;
    font-size: 80%;
    display: inline-block;
    width: 70%;
    border-bottom:0px solid #272727;
    text-align: right;
    position: absolute;
    bottom: 5px;
    left: 30%;
}
.designerh3 {
    colcr: #272727;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px solid #272727;
    margin-bottom:1em;
}
.designerh3:before {
    content: "■";
    padding-right: 0.5em;
    color:#272727;
}

.p-designer .mikurino {
     overflow: hidden;
     padding:0px 20px 0px 5px;
}
.p-designer img {
     float:right;
     max-width:35%;
     border-radius: 200px;
}
.p-designer:after {/*floatの解除*/
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.p-designeritem .sysHeadline {
    padding: 10px 0 0;
    border-bottom: 1px solid #272727;
}


/* 3-3 Aside*/
/* 3-3-1 Aside Check List */
.s-checklist .sysHeadline,
.f-floretDescription .sysHeadline {
    background-color: #e9e9e9;
    font-weight: normal;
    font-size: 112%;
    text-align: center;
    position: relative;
    margin: 5px;
    padding: 0;
}

.s-checklist .sysHeadline:before{
    content: "";
    display: block;
    border-top: solid 1px #565e66;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.s-checklist .sysHeadline span,
.f-floretDescription .sysHeadline span{
    color: #565e66;
    background-color: #e9e9e9;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}

.s-checklist li {
    margin: 5px auto;
    padding-bottom: 10px;
    /*border-bottom: 1px dotted;*/
}

.s-checklist .sysContent .sysHorizontal li .sysItemName {
    display: none;
}


/* 3-3-2 Aside Login Form & Search Form */
.s-login {
    line-height: 1.75;
}
.s-login ul {
    text-align: center;
}
.s-login li {
    display: inline-block;
    width: 46%;
    line-height: 1.5;
    vertical-align: top;
    background: #666;
}
.s-login li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
}
.s-login input {
    width: 95%;
    margin: 5px auto;
    line-height: 2;
    display: block;
}
.s-login .sysLoginButton {
    border: none;
    padding: 5px;
    background: #666;
    color: #fff;
    margin: 10px auto;
    border-radius: 0;
}
.s-login a {
    text-decoration: none;
    display: inline-block;
    background: #666;
    text-align: center;
    padding: 5px 15px;
    margin: 5px;
    color: #fff;
    border-radius: 3px;
}

/* 3-3-3 Aside Banner */
.s-banner { margin-bottom: 10px;}
.s-banner li { margin: 5px auto;}
.s-banner a {
        text-decoration: none;
        color: #75b0c0 ;
        display: block;
        text-align: center;
        padding: 10px;
}
.s-banner li:nth-child(2) {
        margin: 10px 10px;
        border: 1px solid #75b0c0;
	border-radius: 3px;
        padding: 0px;
	background: #fff;
	text-align: center;
	display: block;
}

.s-banner2 {
    margin: 30px 20px;
}

.asideCnt {
    border-color: none;
    border-width: 0;
    padding: 0 5px;
    margin-bottom: 50px;
}

.asideCnt .sysHeadline {
    background-color: #f8f8f8;
    color: black;
    font-weight: normal;
    border-bottom: none;
    position: relative;
    padding: 5px 0;
}
.asideCnt.s-case .sysHeadline span:before {
    content: "local_florist";
    font-family: 'material symbols sharp';
    color: #575757;
    vertical-align: bottom;
}
.asideCnt.s-price .sysHeadline span:before {
    content: "currency_yen";
    font-family: 'material symbols sharp';
    color: #575757;
    vertical-align: bottom;
}
.asideCnt.s-category .sysHeadline span:before {
    content: "palette";
    font-family: 'material symbols sharp';
    color: #575757;
    vertical-align: bottom;
}
.asideCnt .sysContent ul li a {
    margin-left: 5px;
    padding-left: 10px;
    color: #575757;
}
.asideCnt .sysContent ul li a:before {
    content: "chevron_right";
    font-family: 'material symbols sharp';
    color: #75b0c0;
    font-size: 160%;
    vertical-align: middle;
}

/* 3-3-4 Aside Login Form */
.s-search{ line-height: 1.75;}
.s-search ul{ text-align: center;}
.s-search input[type=search]{
    width: 95%!important;
    margin: 5px auto;
    line-height: 2.5;
    display: block;
}
.s-search .sysItemSearchAndOr,
.s-search .sysItemSearchFormCategory {
    text-align: center;
}
.sysSearchButton {
    border: none;
    padding: 10px;
    background: #75b0c0;
    color: #fff;
    width: 50%;
    display: block;
    margin: 20px auto;
    font-size: large;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
/* 3-4 Footer*/

/* 3-4-1 Footer Site Map */
.footer-custom-links .sysContent .link-list .sysFuncListNav.foot-case,
.footer-custom-links .sysContent .link-list .sysFuncListNav.foot-category,
.footer-custom-links .sysContent .link-list .sysFuncListNav.foot-price
{
    display: none;
}


.footer-custom-links .sysContent .link-list .sysFuncListNav ul li {
    margin-bottom: 8px;
    color: #575757;
    width: 100%;
}

.footer-custom-links .sysContent .link-list .sysFuncListNav ul li.sysText a {
    padding: 5px 5px 5px 2px;
    color: #575757;
/*
    padding: 0;
    background: #666;
    border: 1px solid #ddd;
*/
    width: 100%;
    display: inline;
    text-align: left;
    line-height: 20px;
    text-decoration: none;
}

.footer-custom-links .sysContent .link-list .sysFuncListNav ul li.sysText a:hover {
    text-decoration: underline;
}


.f-sitemap ul li {
    color: #575757;
    width: 100%;
}

.f-sitemap ul li.sysText a {
    color: #575757;
/*
    padding: 0;
    background: #666;
    border: 1px solid #ddd;
*/
    width: 100%;
    display: block;
    text-align: left;
    line-height: 20px;
}

.f-sitemap ul li.sysText a:hover {
    /*background: #999;*/
    text-decoration: underline;
}


/* 3-4-2 Page Top Btn */
.p-pagetop .btn {
    text-decoration: none;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    padding: 20px;
    background-color: #e9e9e9;
    border-width: 0;
    position: relative;
}

.p-pagetop .btn img.icn {
    position: relative;
    top: 3px;
    right: 8px;
}

/* 3-4-3 CopyRight */
#sysFooter .f-copyright {
    max-width: 100%;
    padding-bottom: 0;
}

.f-copyright {
    /*margin: 0 auto;*/
}

.f-copyright .sysContent {
    margin: 0 auto;
    /*border-top: 1px solid #666;*/
}

.f-copyright .sysContent p {
    margin: 0 auto;
    text-align: right;
    padding-right: 10px;
    font-size: xx-small;
　　line-height: 1;
}
.f-sns .sysContent { 
    text-align:center;
}
.f-sns .sysContent img{ 
    width:50%;
    max-width: 100%;
    height: auto;
}
.f-sns .sysContent a { 
    display:inline-block;
}
.fix-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 999;
  width: 100%;
}
.footerCnt2 .sysHeadline {
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid #fff;
}
.footerCnt2 .sysHeadline:before {
    content: "\f100";
    font-family: ionicons;
    color: black;
    font-size: 130%;
    vertical-align: middle;
    text-decoration: none;
    margin-right: 5px;
}
.fix-menu .sysContent, 
.fix-menu .sysContent2{
   text-align:center;
   /*opacity: 0.9;*/
}
.fix-menu .sysContent,
.fix-menu .sysHeadline{
   max-width: 60%;
}
.fix-menu .sysContent2{
   max-width: 1100px;
   margin: 0 auto 4em;
}
.fix-menu .sysContent2 dt:before {
  content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(https://www.floret.co.jp/img/icon/deliverytruck.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    padding-right: 1em;
}
/* 4-0 Page-Content
 *----------------------------------------------------------------------*/
/* 4-1 Archive Page */
/* 4-1-1 Free Area */

/*一覧ページ*/
.sysPagination a.sysCurrent{
    background-color: #75b0c0;
    color:#ffffff;
}
.sysPagination a{
    text-decoration: none;
}
/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
    font-size: 10px;
    margin-bottom: 10px;
   /*  white-space: nowrap;*/
    overflow: hidden;
    background: #f8f8f8;
    color: #585c5f;
    padding: 0 0px;
}
.sysCategoryPankuzu {
    margin-top:-2em;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    display: inline-block;
    background: #f8f8f8;
    padding: 0px 0px;
    color: #585c5f;
    text-decoration: none;
}
.sysCategoryPankuzu a:first-child,
.sysItemCategoryPankuzu a:first-child {
    padding-left: 5px;
}
.sysCategoryPankuzu a:last-child,
.sysItemCategoryPankuzu a:last-child {
    color: black;
    font-weight: bold;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
    text-decoration: underline;
}
.sysPankuzuItemName {
    white-space: nowrap;
    color: black;
    font-weight: bold;
}
.sysItemCategorymore  {
    margin-left: 5px;
}
.sysItemCategorymore a:after {
    content: "chevron_right";
    font-family: 'material symbols sharp';
    font-size: 160%;
    vertical-align: middle;
}
/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: xx-small;
    border-style: solid none;

    color:#585c5f;
}
.sysItemCategoryCtl a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    margin: 2px 0.5em 2px 0;
    padding: 2px 4px;
    text-decoration: none;
    color:#585c5f;
}
.sysItemCategoryCtl a:hover {
    background: #f8f8f8 none repeat scroll 0 0;
}

.sysItemCategoryCtl .sysCurrent {
    color:#75b0c0;
    background: #f8f8f8 none repeat scroll 0 0;
    font-weight: normal;
}
#sysItemSearch .sysItemList .sysItemName,
#sysItemCategory .sysItemList .sysItemName {
     font-size: 100%;
}
#sysItemSearch .sysItemList .sysItemName a,
#sysItemCategory .sysItemList .sysItemName a{
    color: #575757;
    text-decoration: none;
    display:block;
}


/* 4-1-4 Item PR Setting */
.sysBlock.orderArea #sysDescription h3,
.sysBlock.orderArea #sysDescription h4 {
    background-color: #f8f8f8;
    color: black;
    font-size: 120%;
    line-height: 1;
    position: relative;
    margin-top: 30px;
}

.sysBlock.orderArea #sysDescription div:first-of-type h3,
.sysBlock.orderArea #sysDescription div:first-of-type h4 {
    margin-top: 0;
}

.sysBlock.orderArea #sysDescription h3 span,
.sysBlock.orderArea #sysDescription h4 span {
    background-color: #f8f8f8;
    /*background-image: url("/img/icon/icon-square.png");*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    padding-right: 0.7em;
    padding-left: 1em;
    position: relative;
    z-index: 5;
}
.sysBlock.orderArea #sysDescription h3:before,
.sysBlock.orderArea #sysDescription h4:before {
    content: "";
    display: block;
    border-top: solid 1px #c8c8c8;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.sysBlock.orderArea2 .designeritem {
    background-color: #fff;
    border: solid 1px #000;
    padding: 0 28px;
}
.sysBlock.orderArea2 .designeritem .designerscollectionlogo,
.sysItemCategoryInfo .designerscollectionlogo{
    display: block;
    margin: 20px auto;
}
.sysBlock.orderArea2 .designeritem h3 {
    font-weight: bold!important;
    color: #626262;
}
.sysBlock.orderArea2 .designeritem .designerscollectiontext {
  display: inline-block;
  position: relative;
    margin-bottom: 50px;
}
.sysBlock.orderArea2 .designeritem .designerscollectiontext:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 180px; /*下線の幅*/
  height: 1px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: black; /*下線の色*/
}
.sysBlock.orderArea2 .designer {
    text-align: right;
}
.sysBlock.orderArea2 .designer img {
     max-width:20%;
     border-radius: 200px;
     vertical-align: text-bottom;
}
.sysBlock.orderArea .sysItemImages {
    margin-bottom: 30px;
    text-align: left;
}
.sysBlock.orderArea .sysItemImages a:hover img{
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
.sysItemsoldout{
    font-size: +5;
    color: red;
    display: flex;
    justify-content: flex-end;
    margin-top: -2em;
}
.sysItemPr {
    font-size: +5;
    color:#fff;
    padding: 0 5px;
    background: #cc0000;
    border: 1px solid #cc0000;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr2 {
    font-size: +2;
    color:#ff8c00;
    padding: 0 5px;
    border: 1px solid #ff8c00;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr3 {
    font-size: +2;
    color:#ff69b4;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #ff69b4;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr4 {
    font-size: +2;
    color:#ffb6c1;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #ffb6c1;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr6 {
    font-size: +2;
    color:#fcc800;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #fcc800;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr8 {
    font-size: +2;
    color:#fff;
    padding: 0 5px;
    background: #7a4171;
    border: 0px solid #7a4171;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr9 {
    font-size: +2;
    color:#fff;
    padding: 0 5px;
    background: #f39c12;
    border: 0px solid #f39c12;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr10 {
    font-size: +2;
    color: #fff;
    padding: 0 5px;
    background: #8da0b6;
    border: 0px solid #a58161;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr11 {
    font-size: +2;
    color:#fff;
    padding: 0 5px;
    background: #7a4171;
    border: 0px solid #7a4171;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr12 {
    font-size: +2;
    color:#75b0c0;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #75b0c0;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
.sysItemPr13 {
    font-size: +2;
    color:#a58161;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #a58161;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}
#sysItemCategory .sysItemPrArea [class^="sysItemPr"] {
    display: none
}
/* 4-1-5 Cart Button */
.sysCartButton {
    border: 1px solid #75b0c0;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #fff;
    color: #75b0c0;
    cursor: pointer;
}
.sysCartButton:hover {
    background: #75b0c0;
}
/* 4-1-X  deliveryDate */
.deliveryDateshippingFee,.deliveryDateshippingFee2,.deliveryDateshippingFee3,.deliveryDateshippingFee4 {
    background: #e9e9e9;
    margin: 50px 5px;
    padding: 3px;
    color: black;
}
.deliveryDateshippingFee .sysHeadline,.deliveryDateshippingFee2 .sysHeadline,.deliveryDateshippingFee3 .sysHeadline,.deliveryDateshippingFee4 .sysHeadline{
    font-size: larger;
}
.deliveryDateshippingFee .sysContent,.deliveryDateshippingFee2 .sysContent,.deliveryDateshippingFee3 .sysContent,.deliveryDateshippingFee4 .sysContent {
    padding: 10px;
    line-height: 1.5;
}
#deliveryDate{
    font-size: larger;
    font-weight: bold;
}
#deliveryComment{
    font-size: 85%;
    color: #db3918;
}
/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
    margin-bottom:1.5em;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}

/* 4-1-8 Deliveries Table */
ul.SysDeliveriesTable {
  border-style: solid;
  border-width: 0px;
  list-style: none;
  display: table;
  margin: 0;
  padding: 0;
}
ul.SysDeliveriesTable > li {
  display: table-row;
}
ul.SysDeliveriesTable > li > div {
  border-style: solid;
  border-width: 1px;
  display: table-cell;
  padding:10px;
}

/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    line-height: 1;
    float: left;
    margin: 0 0 12px 12px;
}
.sysItemImages .sysImageList li.sysCurrent img{
    border: 1px solid #272727;
}
.sysItemImages .sysImageList li img {
    border: none;
}
#sysModalWindow > .sysModalContent {
    background-color: initial;
    border: none;
    width: 60%;
    height: 100%;
    box-shadow: none;
}
#sysModalWindow .sysRemoveElement {
    color: white;
    font-size: xx-large;
}
.sysModalItemImages .sysModalImageList li.sysCurrent img {
    border: 1px solid #75b0c0;
}
/* 4-2-2 Item Name */ 
.sysItemName h1,.SysAllReviewMailTitle, #sysItemReviewIndex.sysItemReview #sysMain h2 {
    font-size: large;
    color: black;
    font-weight: 200;
    padding-left:0.5em;
}

/* 4-2-3 Order Area */
.orderArea {
    letter-spacing: -.4em;
    text-align: center;
}
.orderArea > div {
    width: 35%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
}
.orderArea > .orderArea > div {
    width: 100%;
    display: block;
}

/* 4-2-4 Item Page Titile */
.sysItemName,
.sysExplanation > div > span{
    display: block;
    margin-bottom: 1px;
    font-size: large;
}
/* 4-2-5 Item Explanation */
.sysExplanation {
    width:80%;
    margin: auto;
}
.sysExplanation table {
    width: 100%;
    text-align: center;
    border: 1px solid #999;
    line-height: 2;
}
.sysExplanation thead {
    text-align: center;
    color: #fff;
    background: #999;
}
.sysExplanation td {
    font-size: small;
    text-align: left;
    padding-left: 10px;
}
.sysExplanation p {
    padding:10px 10px;
    border-top:1px solid #75b0c0;
    margin: 0px 10px 10px;
}

/* 4-2-6 Item BuyForm */
#sysItemDetail #sysSelections{
    margin-bottom: 1.5em;
    color: black;
    font-weight: bold;
    font-size: medium;
}
#sysItemDetail .sysSelectionstext{
    margin: 0;
    color: black;
}
#sysItemDetail .sysSelectionDescription p{
    font-weight: initial;
    font-size: small;
}
.sysCart .sysSelectionDescription,
.opc .opcItem_itemOptionDescription_edit {
    display: none;
}
.sysCart .sysItemListArea .sysBox .sysSubTotalArea select {
    max-width: 16em;
}
.sysCart .sysItemListArea .sysCartTitle {
    display: none;
}
.sysCart .nav li {
    border-bottom: 1px solid #ccc;
}
#sysItemDetail .boxflowerbutton {
    border: 1px solid;
    border-radius: 10px;
    background: white;
    color: black;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
#sysItemDetail .boxfloweroption {
    max-width: 48%;
    float: left;
    margin-right: 2%;
}
#sysItemDetail .boxflowerimage{
    margin: 0;
}
#sysItemDetail .boxflowercaption{
    text-align: center;
    margin: -10px 0 6px;
}
#sysItemDetail #sysNumber{
    margin-bottom: 1.5em;
    text-align: right;
}

#sysItemDetail .sysRetailPrice {
    border-top: 1px solid #75b0c0;
    font-size: 140%;
    margin-bottom: 0.5em;
    margin-top: 2em;
    text-align: center;
}
#sysItemDetail .orderArea2 .sysRetailPrice {
    border-top: 3px solid #272727;
}
#sysItemDetail .sysItemId{
    font-size: 120%;
    margin-bottom: 5px;
}
#sysItemDetail .sysStockQuantity{
    font-size: 110%;
}
#sysItemDetail .dday{
    margin: 1em 0;
     width: 100%;
    overflow: hidden;
    border: 1px solid black;
    border-top: none;
    background: black;
}
#sysItemDetail .dday dt{
    width: 25%;
    float: left;
    padding-top: 1em;
    border-top: 1px solid black;
    box-sizing: border-box;
    background: black;
    color: #fff;
}
#sysItemDetail .dday dd{
    margin-left: 25%;
    padding: 10px 0;
    border-left: 1px solid black;
    border-top: 1px solid black;
    background: #fff;
    color: black;
}
.dayopen {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#daypop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.dayoverlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#daypop-up:checked + .dayoverlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.daywindow {
	width: 90vw;
	max-width: 380px;
	height: 60%;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
        padding: 10px;
        border: solid 2px;
}
.daytext {    
        text-align: left;
        font-size: 14px;
	margin: 5px;
}
.dayclose {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 24px;
        font-weight: bold;
}
.orderArea .sysCartInForm .sysCartButton {
    display: block;
    background-color: #75b0c0;
    background-size: 20px auto;
    color: #f8f8f8;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto;
}
.sysSoldOutButton {
    width: 50%;
    text-align: center;
    background: #cc0000;
    border: 1px solid #cc0000;
    border-radius: 3px;
    color: white;
    margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 5px;
}
#sysItemDetail .sysPr { text-align: right;}
#sysItemDetail .sysPr > span { display: inline-block;}

#sysItemDetail .sysForm select,
#sysItemDetail .sysForm input[type="text"] {
    min-width: 190px;
    width: 60%;
    display: inline-block;
    margin-top: 1em;
}
#sysItemDetail #sysNumber select{
    width: 6em;
    min-width: auto;
}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
    display: none;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 90%;
}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}
#sysItemDetail .sysSaleTerm { color: #db3918;text-align: right;}
#sysItemDetail .sysSaleTerm :before{ content:"予定";color: #db3918;}

/* 4-2-7 System Button */
#sysBillingAddress #sysMain .sysZipcode button,
.sysLoginButton,
.sysButton {
    width: 42%;
    color: black;
    border: 1px solid black;
    background: white;
    border-radius: 5px;
    padding: 0.5em;
    margin: 5px;
}
.sysLoginButton{
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
}

/* 4-2-8 Item Text */
/*.sysDescription,.sysImageDescription{ font-size: 0.75rem;} */
.sysMainImage sysMainImageModal.sysDescription, .sysImageDescription {
   margin-bottom: 10px;
   text-align: center;
   color: black;
}
.sysBlock.orderArea #sysDescription .messagecardimg{
   max-width: 48%;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0 0 30px;
    text-align: center;
    vertical-align: top;
    padding-left: 15px;
}
.sysBlock.orderArea #sysDescription .messagecardimgname{
   display: block;
}
/* 4-2-9 Item Gallary */
.sysImageListSimple li { margin-bottom: 10px;}

/* 4-2-10 Review */
.sysEvaluation{
    color:#f9d060;
}
.sysEvaluation .sysFormLabel{
    color:#585c5f;
}
.sysReview input{
    background: #fff;
    color: #666;
    text-shadow: none;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin: 5px auto;
    width: 50%;
    cursor: pointer;
}

.sysReview > br {
    display: none;
}
.sysReviewHistoryList {
    padding: 0;
    border: 0px solid lightgray;
}
.sysReviewHistoryList li {
    margin-bottom: 5px;
    border: 1px solid lightgray;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
    padding: 5px 0.8em;  
}
.sysReviewHistoryList li:last-child { margin-bottom: 1.5em;}

.sysNickname,
.sysEvaluation {
    display: inline-block;
    padding: 0 20px 0 0;
}
.sysNickname {
    font-size: small;
    font-weight: 200;
    margin-left: 0.9em;
}
.sysReviewDatetime {
    font-size: small;
    position: absolute;
    padding-right: 20px;
    right: 0;
    top: 4.5em;
}
.sysReviewText {
    border: 1px solid #cccccc;
    border-radius:5px;        /* CSS3草案 */  
    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
    float: right;
    font-size: small;
    margin-top: -2.1em;
    padding: 2em 0.8em 0.5em;
    width: 80%;
}

.sysReviewList .sysReviewImproperForm {
    display: none;
}

.sysReviewItemList ul.sysReviewList {
    margin-bottom: 45px;
}

.p-review .sysReviewItemList ul.sysReviewList {
    margin-bottom: 0px;
}

.sysReviewItemList ul.sysReviewList li {
    padding: 20px 5px;
    border-bottom: 1px solid #c8c8c8;
    border-top: none;
    color: #575757;
    position: relative;
}

.sysReviewItemList ul.sysReviewList li .sysThumbnailImage{
    margin-right: 5%;
    width:15%;
    float: left;
}

.sysReviewItemList ul.sysReviewList li .sysThumbnailImage img{
    width:100%;
    height:auto;
}
#sysItemReviewIndex .sysFormItem,#sysItemReviewConfirm .sysFormItem {
    display: block;
}
#sysItemReviewConfirm .sysFormField {
     background: white;
     padding: 1em;
}
#sysItemReviewConfirm .sysEvaluation {
    margin-left: 0.9em;
}
#sysItemReviewIndex .sysEvaluation .sysFormField label{
    font-size: x-large;
    line-height: normal;
}
/* 画像を丸く */
.sysReviewItemList ul.sysReviewList li .sysThumbnailImage a img{
    border-radius: 50%;
    -ms-transition-duration: 0.3s;
    transition-duration : 0.3s;
}
 
.sysReviewItemList ul.sysReviewList li .sysThumbnailImage a:hover img{
    border-radius: 0%;
    opacity: 1;
}
/* ここまで */
.sysReviewItemList ul.sysReviewList li .sysEvaluation {
    color: #f9d060;
}

.sysReviewItemList ul.sysReviewList li .sysReviewItemName {
    font-size: small;
    margin-bottom:1.2em;
}
.sysReviewItemList ul.sysReviewList li .sysReviewItemName :nth-child(2) {
    display:none;
}
.sysReviewItemList ul.sysReviewList li .sysReviewItemName a{
    font-size: small;
    background-image:url("/img/icon/aside_list.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 5px;
    padding-left: 10px;
}


/*商品詳細ページレビュー・商品詳細レビュー一覧ページ・レビュー一覧ページ*/
#sysItemDetail .sysReviewHistoryList li,
#sysItemReviewIndex .sysReviewHistoryList li{
    position: relative;
}
#sysItemDetail .sysReviewDatetime,
#sysItemReviewIndex .sysReviewDatetime  {
    top: 0.7em;
}
#sysItemDetail .sysNickname,
#sysItemReviewIndex .sysNickname {
    font-size: small;
    font-weight: 200;
    margin-left: 0;
}
#sysItemDetail .sysReviewText, 
#sysItemReviewIndex .sysReviewText {
    border: 0 solid #cccccc;
    border-radius: 0;
    float: none;
    font-size: small;
    margin-top: 0;
    padding: 0;
    width: auto;
}
#sysItemReviewIndex.sysItemReview div#sysAll div#sysWrap div#sysMain ul.sysReviewHistoryList li form div.sysReviewImproperForm input.sysButton{
    display:none;
}
#sysItemReviewIndex .sysReviewItemList .sysNickname {
    font-size: small;
    font-weight: 200;
    margin-left: 0.9em;
}
#sysItemReviewIndex .sysReviewItemList .sysReviewDatetime {
    font-size: small;
    position: absolute;
    padding-right: 20px;
    right: 0;
    top: 4.5em;
}
#sysItemReviewIndex .sysReviewItemList .sysReviewText {
    border: 1px solid #cccccc;
    border-radius:5px;        /* CSS3草案 */  
    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
    float: right;
    font-size: small;
    margin-top: -2.1em;
    padding: 2em 0.8em 0.5em;
    width: 80%;
}
/* 確認画面に進むボタンのスタイル */
input[type="submit"][name="front_site_item_review_confirm"] {
    background-color: #75b0c0; /* 背景色を赤に設定 */
    color: #FFFFFF; /* テキスト色を白に設定 */
    padding: 10px 20px; /* パディングを追加 */
    border: none; /* ボーダーを削除 */
    cursor: pointer; /* カーソルをポインターに変更 */
    width: -webkit-fill-available;
    max-width: 80%;
    margin-bottom: 5em;
}
/* 4-3 item recommend */
.recommend .sysHeadline {
    font-weight: normal;
    background-color: #f8f8f8;
    font-size: 112%;
    text-align: center;
    position: relative;
    margin: 5px;
    padding: 0;
}
.recommend .sysHeadline span {
    color: #565e66;
    background-color: #f8f8f8;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}
.recommend .sysHeadline:before {
    content: "";
    display: block;
    border-top: solid 1px #565e66;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
#sysItemDetail #sysMain .recommend .sysItemName {
    margin-bottom: 0;
}
.recommend .sysContent .sysHorizontal li .sysItemName a {
    color: #575757;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
    line-height: 1.5;
    font-size: xx-small;
}
/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */

/* 4-4 Form Page */
.sysCart .sysNavImg {
    text-align: center;
    margin: 20px 0;
}
.sysCart .sysBox hr {
    border: none;
}
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: white;
    color: black;
    text-shadow: none;
    /* padding-top: 10px; */
    border: 1px solid black;
    font-weight: normal;
}
#sysThanks.sysCart #sysMain .sysFormItem .sysNextSubmit,
#sysPayment.sysCart #sysMain .sysBtnChange,
.sysCart #sysMain .sysSelectAddress .sysNextSubmit,
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
    margin-top: 10px;
    margin-bottom: 1em;
    background: #75b0c0;
    color: #fff;
    width: 68%;
    font-size: 1.2rem;
    height: 46px;
    border: none;
}
#sysThanks.sysCart #sysMain .sysFormItem .sysNextSubmit{
    margin: 0 auto;
}
#sysThanks.sysCart #sysMain .sysOrderNumber {
    color: black;
    font-weight: bold;
    font-size: x-large;
}
.sysCart #sysMain .sysItemListArea ul li .sysItemName {
    font-size: 100%;
    margin-bottom: 0;
}
.sysCart .sysBox .sysProduct .sysItemName a {
    text-decoration: none;
}
#sysConfirm.sysCart #sysMain .sysNumArea,
.sysCart #sysMain .sysItemListArea ul li .sysNumArea {
   display: none;
}

.sysCart #sysMain .sysItemListArea ul li select {
    margin: 0 0 10px;
}

.sysCartInDone{ margin: 0;}

/* 4-4-2 Form Page */
#sysConfirm #sysMain h2,
#sysPayment #sysMain h2,
#sysDestination #sysMain h2,
#sysBillingAddress #sysMain h2,
#sysRegi #sysMain h2,
#sysBasket #sysMain h2,
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2,
.sysOpcBody #sysAll #sysWrap #sysMain #sysOpc div[class$="Title"],
#sysMemberMailaddressAuthentication h2,
.sysMypage #sysMain h2 {
    border-bottom: 1px solid #ccc;
    color: black;
    font-size: 1.5em;
    font-weight: bold;
}
#sysMemberMailaddressAuthentication #authenticationMailaddress {
    color: black;
    font-size: large;
}
#sysMemberMailaddressAuthentication .sysResendAuthenticationMail{
    border: 1px solid black;
    border-radius: 8px;
    padding: 10px;
    margin: 10px;
    float: right;
}
#sysMemberMailaddressAuthentication .sysMemberRegisterGroup input{
    margin: 10px auto;
    background: #75b0c0;
    color: #fff;
    width: 80%;
    height: 45px;
    border: none;
    border-radius: 8px;
    display: block;
    font-size: large;
}
#sysMemberMailaddressAuthentication .sysBackPageGroup input{
    width: 44%;
    color: black;
    height: 35px;
    border: 1px solid black;
    background: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 auto;
    display: block;
}
#sysMemberRegisterConfirm  #sysMain > form,
#sysMemberRegisterIndex #sysMain > form,
#sysFormConfirm #sysMain > form,
#sysFormIndex #sysMain > form { 
    padding: 10px;
}
#sysFormIndex #sysMain input[type="radio"] {
    margin: 0 10px -5px;
    border-radius: 10px;
}
.sysCart #sysMain input[type="email"],
.sysCart #sysMain input[type="password"],
.sysCart #sysMain input[type="number"],
.sysCart #sysMain input[type="tel"],
.sysCart #sysMain input[type="url"],
.sysCart #sysMain input[type="text"],
.sysCart #sysMain textarea,
#sysMain input[type="email"],
#sysMain input[type="number"],
#sysMain input[type="password"],
#sysMain input[type="tel"],
#sysMain input[type="url"],
#sysMain input[type="text"],
#sysMain textarea {
    width: 90%;
    display: inline;
    background:#FFF;
    border-radius: 5px;
    border: #ccc 1px solid;
    line-height: 2.5;
    padding: 5px 18px;
    color: black;
}
#sysMain textarea { min-height: 180px;line-height: 1.5em;}

#sysMypageEditDelivery #sysMain .sysZipcode button {
    background: white;
    border: 1px solid black;
}
.sysZipcode button,.sysZipcode .sysFormField {
    display: inline-block;
    border-radius: 45%;
    width: auto;
    height: 44px;
    padding: 10px;
    margin: 0;
}
#sysFormIndex .sysFormItem.sys4,
.sysZipcode .sysFormField {
    width: 50%;
}

.sysZipcode br {
    display: none;
}

.sysBirthday input {
    width: auto!important;
}
.sysFormLabel {
    font-weight: bold;
}
.sysFormLabel .sysRequired {
    font-size: smaller;
    font-weight: normal;
}
.opcBillingAddress_zipCodeAndLabelGroup_edit input[type="tel"],
.opcCommonInputText.opcDeliveryAddress_zipCode_edit {
    max-width: 50%;
}
.opcCommonButton,.sysCallOrderHistoryDetail button,input[type="submit"][name="front_site_item_review_index"]{
    color: black;
    border: 1px solid black;
    background: white;
    border-radius: 45px;
}
input[type="submit"][name="front_site_item_review_index"] {
    width: auto;
}
.opcCommonButtonEdit {
    margin-bottom: 2em;
    background: white;
}
#sysOpc .opcConfirm .opcCommonButton {
    margin-top: 10px;
    margin-bottom: 1em;
    background: #75b0c0;
    color: #fff;
    width: 68%;
    font-size: 1.2rem;
    height: 46px;
    border: none;
    border-radius: 8px;
}
#sysOpc .opcItem_numAndLabelGroup_edit .opcCommonButton {
    width: 10%;
    border-color: #ccc;
}
.opcItem_num_edit.opcCommonInputSelect {
    font-weight: bold;
    font-size: large;
}
.opcBillingAddress_completeButton_edit, .opcDeliveryMethod_completeButton_edit, .opcPaymentMethod_completeButton_edit, .opcItem_completeButton_edit, .opcDeliveryAddress_completeButton_edit, .opcPointAndCouponDialog_applyButton_edit, .opcRemarks_completeButton_edit,.opcSelectDeliveries_deliveryToSingle_edit,.opcDeliveryAddressItem_completeButton_edit{
    background: #75b0c0;
    color: #fff;
    display: block;
    padding: 10px 15px;
    font-size: 1rem;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 68%;
    height: 45px;
    margin: 0 auto;
    margin-bottom: 1em;
}
.opcPaymentMethod_completeButton_edit {
    margin-top: 1em;
    font-weight: bold;
    font-size: initial;
}
.opcBillingAddress_companyNameLabel_edit::after,
.opcDeliveryAddress_companyNameLabel_edit::after,
.sysCompanyName .sysFormLabel::after{
    content: "lightbulb法人利用の場合のみご入力ください";
    display: block;
    font-family: 'material symbols sharp';
    padding-left: 0.5em;
    color: #585c5f;
    font-size: small;
    font-weight: normal;
}
.opcDeliveryAddress_companyNameLabel_edit::after {
    content: "lightbulb会社宛などの場合のみご入力ください";
}
/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
    font-size: initial;
    color: #585c5f;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
}
#sysMemberRegisterConfirm #sysMain .sysFormField {
    color: black;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
}
.sysFormField input{
    font-size: medium;
}
/* 4-4-4 Item Search Form */
.sysItemSearchForm > div {
    margin: 10px auto;
    width: 100%;
    text-align: left;
}
form.sysItemSearchForm {
    text-align: center;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
    width: 95%;
}

/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 0px;
    //box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
    padding: 0;
}
.sysItemReview #sysMain h3 {
    margin-top: 15px;
}

.sysItemReview #sysMain h3,
.sysMypage #sysMain h3 {
    font-size: 120%;
    color: black;
    padding-left: 0.5em;
}
.sysMypage #sysMain .sysMyPoint {
       background: #e9e9e9;
    color: black;
    padding: 1.5em;
}
.sysMypage #sysMain .sysMyReviewList {
    margin: 5px;
}
.sysMypage .sysReview > br {
    display: block;
}
.sysMypage #sysMain .sysMyReviewList li{
    border: 1px #ddd solid;
    margin-bottom: 1em;
    padding: 10px;
}
/* 購入履歴 */
.sysOrderList .sysOrders {
    border: 1px #d4d4d4 solid;
    margin-top: -1px;
    margin-bottom: 2em;
}
.sysOrderList .sysOrderHeader {
    border-bottom: 1px #d4d4d4 solid;
}
.sysOrderHeader .sysDatetime {
    color:black;
    float: right!important;
}
.sysOrderHeader .sysTotalPrice {
    clear: both;
    text-align: left!important;
}
.sysOrderHeader .sysTotalPrice .totalPriceTaxIncluded  {
    color:black;
    font-weight: bold;
}
.sysCallOrderHistoryDetail button {
    padding: 6px;
}
.sysOrderHeader .sysCallPrintReceipt button{
    padding: 1em 2em;
    border-radius: 36px;
    border: none;
    background-color: #75b0c0;
    color: #fff;
    font-weight: bold;
    font-size: inherit;
}
.sysOrderList li {
    padding: 5px;
}
.sysOrderList .sysCancel {
    color:#db3918;
}
.sysOrderList .sysOrder .sysDatetime {
    display:none ;
}
.sysOrderList .sysItemName {
    font-size: 90%;
}
.sysOrderList .sysNumber {
    font-size: 80%;
}
.sysItemReviewLink {
    text-align: right;
    color: black;
    font-weight: bold;
}
.sysItemReviewLink a{
    width: 50%;
    display: inline-block;
    text-align: center;
    background: #e9e9e9;
    border-radius: 45px;
    padding: 10px;
    text-decoration: none;
    margin-bottom: 1em;
}
#sysMypageOrderHistoryDetail .sysItemArea .sysItem {
    border: none;
    border-bottom: 1px solid;
    padding: 4px;
    margin: 0 0 1em 0;
}
#sysMypageOrderHistoryDetail .sysItemArea .sysItemReviewArea  {
    padding: 1em;
}
/* マイページボタン */
.sysMypageNav {
    margin-top: 2em;
}
.sysMypageNav > form {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
.sysMypageNav .sysButton {
        width: 98%;
    font-size: revert;
    display: block;
    border: none;
    display: inline-block;
    margin: 6px;
    padding: 1.5em 0.5em;
    -webkit-box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
    box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
    position: relative;
    background-color: #fff;
}
#sysMypageReview .sysItemName {
    font-size: medium;
    color: black;
}
/* 4-5-2 Member Profile Editor */
#sysMypageEditMember #sysMain > form {
    padding: 10px;
}

#sysMypageEditDelivery #sysMain .sysSelectAddress button {
    padding: 10px;
    background: white;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgb(88 88 88 / 30%);
    margin-bottom: 1em;
}
#sysMypageEditDelivery #sysMain .sysSelectAddress button:hover {
  box-shadow: none;
}
#sysMypageEditConfirm #sysMain > form { padding: 10px;}

/* 4-5-3 Special Point */
.sysSpecialPoint {
    overflow: hidden;
    letter-spacing: -.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
    width: 60%;
}
.sysSpecialPoint > div {
    display: inline-block;
    letter-spacing: normal;
    padding: 5px 10px;
    border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n+1) {
    width: 40%;
}

/* 4-5-4 Coupon List */
.sysCoupon {
    border: 1px solid #d5d5d5;
    margin: 10px;
}

/* 4-6 News Page */
.news-row {
    margin: 20px;  
}
.news-row > h1 {
    border-bottom: 3px solid #c9c9c9;
    color: #585c5f;
    position: relative;
    font-size: medium;
    padding: 5px 5px 5px 0;
    margin: 15px;  
    font-weight: 200;
}
.news-row > h1:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #75b0c0;
    bottom: -3px;
    width: 40%;
}
.sysNewsDetail { padding: 10px 20px;}

/* マイページ（複数配送先編集画面）*/
.sysCart #sysMain .sysSelectAddress {
    background: #f8f8f8;
}
.sysCart #sysMain .sysSelectAddress:last-of-type {
    background: #f8f8f8;
}
.sysSelectAddress .sysAccordion .sysSubTitle {
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: normal;
}
.sysSelectAddress .sysAccordion .sysSubTitle:after {
    content: "\f3d0";
    font-family: ionicons;
    font-size: 160%;
    vertical-align: middle;
    color: #57b0c0;
    padding-left: 0.5em;
}
.sysCart #sysMain .sysSelectAddress a {
    display: block;
    text-decoration: none;
    border: 1px solid #75b0c0;
    padding: 10px 6px 0;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
    text-align: center;
}

.sysSelectAddress {
    margin: 10px 0;
}
.sysSelectAddress .sysSubTitle {
    font-size: medium;
}
.sysSelectAddress a:hover {
    background: #eee;
}
#sysDestination #sysMain #sysDestinationOther {
    font-weight: bold;
    margin: 0 0em 0.5em 0.5em;
    padding: 0;
    background: none;
}
.sysSelectAddress span[data-buyer="name"]:after {
    content: "様";
}
.sysSelectAddress span[data-buyer="name_kana"]:after {
    content: "ｻﾏ";
}
/*カートページ*/
.sysSelectPayment li label, .sysSelectDelivery li label, .sysRemarks label, .sysSelectOption li label {
     color: black;
    font-size: larger;
}
#sysPaym




ent .sysSelectPayment li:last-child {
    padding: 0.5em 0 3em 0;
}
#sysPayment #sysMain h4 {
    color: #75b0c0;
    font-size: large;
    padding: 5px;
    font-weight: 200;
    text-align: center;
    border-top: 1px solid #75b0c0;
} 
#sysPayment #sysMain h4:before {
    content: "\f12c";
    font-family: ionicons;
    font-size: 160%;
    vertical-align: middle;
    color: #57b0c0;
    padding-right: 0.5em;
}
#sysPayment #sysMain .cardtext {
    color: #585c5f;
}
#sysPayment #sysMain .sysFreeAreaBottom dt {
    font-weight: normal;
}
#sysPayment .sysSelectPaymentArea li[data-payment-method-code="102"] .p-news4,
#sysPayment .sysSelectPaymentArea li[data-payment-method-code="102"] .none102,
#sysPayment .sysSelectPaymentArea li[data-payment-method-code="51"] .none51 {display:none;}

.web_col_card_confirmed {
    color: #75b0c0;
    text-align: center;
}
/*性別、生年月日、メルマガ購読の欄を非表示にする*/
.sysGender, .sysBirthday, .sysAcceptMailmagazine, .sysAcceptMailMagazine,
.opcBillingAddress_genderAndLabelGroup_edit,
.opcBillingAddress_acceptMailmagazineAndLabelGroup_edit,
.opcBillingAddress_departmentNameLabel,
.opcBillingAddress_departmentNameAndLabelGroup_edit {
   display:none;
}

/*特定商取引法のテーブル*/
.shokai{
  width:100%;
  border-collapse: separate;
  border-spacing: 15px;
　border-top: hidden;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
　}
 
.shokai th{
    background-color: #f8f8f8;
    border-bottom: 1px solid #c;
    color: #666666;
    font-size: small;
    font-style: normal;
    font-weight: 200;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 6px 8px 5px;
    text-align: left;
    vertical-align: middle;
    width: 23%;
    word-break: break-all;
}
 
.shokai td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #f8f8f8;
border-bottom: solid 1px #ccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 480px){
.shokai{
  border-spacing:0 15px;
}
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
color:#75b0c0;
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}

/*faqページ*/
.paneltext {
    background: #f8f8f8;
    margin: 20px;
    color: black;
}
.paneltext .material-symbols-sharp  {
    vertical-align: bottom;
}
panel {
  width: 100%;
}
#faq .sysContent h2 {
    font-weight: bold;
    color: black;
    font-size: large;
}
#panel > dt {
    margin: 5px;
    font-weight: inherit;
    padding: 6px;
    border-bottom: 1px solid #f1f1f1;
}
#panel > dd {
    background-color: #fff;
    margin: 10px 20px;
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #ddd;
}
#sysOpc .cardtext {
    width: 100%;
    min-height: 120px;
    border: none;
}
a.faqarrow {
    font-size: 80%;
    position: relative;
    display: inline-block;
    padding: 10px 20px;
}
a.faqarrow::before {
    content: '';
    width: 14px;
    height: 14px;
    background: #75b0c0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
a.faqarrow::after {
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -3px;
}
/*カート中身*/
.sysBox {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    margin: 1em;
    padding: 0.5em;
}
#sysThanks .sysFreeArea p {
    line-height: 2;
    text-align: center;
}
#sysBasket .sysFreeArea {
    margin: 1em 0 3em;
}
#sysBasket .sysCartItemAreaMessage {
    display: none;
}
#sysRegi #sysMain #sysPurchaseAuthMember .sysBox {
    /*レジ画面（非ログイン時）*/
    border: none;
    box-shadow: none;
    background: none;
}
#sysRegi #sysMain #sysRegisterForm .sysBox:before {
    content: "※領収書のダウンロードには会員登録が必要です。その他、会員登録に関しましては下部もご確認ください。 ";
    font-size: smaller;
}
.sysTotal,.sysTotal .sysBox,#sysThanks.sysBox {
    background: #f8f8f8;
}
.sysTotal .sysTotalTxt {
    text-shadow: 0px 0px 0px #777777;
}

/*会員登録*/
.sysFormItem {
    margin-bottom: 1em;
}
.sysFax {
    display: none;
}
.sysName .sysFormField:after,.opcCompletedDeliveryAddressListName:after {content:"様";}
.sysNameKana .sysFormField:after {content:"ｻﾏ";}
#sysMemberRegisterIndex .sysFormItem.sysName {
    margin-top: 1.5em;
}
.sysMemberRegister #sysMain {
   color: black;
   background: white;
   padding: 4px;
}
.sysCart #sysMain .sysSelectAddress .sysNextSubmit,
#sysMypageEditConfirm #sysMain form .sysNextSubmit,
#sysMypageEditMember #sysMain form .sysNextSubmit,
#sysMypageEditDeliveryinput #sysMain form .sysNextSubmit,
#sysMypageEditDelivery #sysMain form .sysNextSubmit,
#sysMemberRegisterIndex #sysMain form .sysNextSubmit,
#sysMemberRegisterConfirm #sysMain form .sysNextSubmit {
    margin: 20px auto;
}
.sysCart #sysMain .sysSelectAddress .sysNextSubmit {
    margin: 20px auto 10px;
    padding: 5px 0;
    width: 80%;
}
#sysMypageWithdrawalConfirm #sysMain form:last-of-type {
    padding: 10px 0 30px;
}
#sysCartError #sysMain .sysButton,
#sysConfirm #sysMain form .sysBackSubmitArea .sysButton,
#sysDestination #sysMain form:last-of-type .sysButton,
#sysPayment #sysMain form:last-of-type .sysButton,
#sysBillingAddress #sysMain form:last-of-type .sysButton,
#sysRegi #sysMain form .sysLoginButton,
#sysBasket #sysMain form:last-of-type .sysBackButton,
#sysMypageWithdrawalConfirm #sysMain form .sysButton,
#sysMypageEditConfirm #sysMain form:last-of-type .sysButton,
#sysMypageEditDeliveryinput #sysMain form:last-of-type .sysButton,
#sysMypageEditSave #sysMain form .sysButton,
#sysMypageEditSavedelivery #sysMain form .sysButton {
    font-size: 100%;
    margin: 5px auto;
    border: none;
}

#sysCartError #sysMain .sysButton,
#sysConfirm #sysMain form .sysBackSubmitArea .sysButton,
#sysDestination #sysMain form:last-of-type .sysButton,
#sysPayment #sysMain form:last-of-type .sysButton,
#sysBillingAddress #sysMain form:last-of-type .sysButton,
#sysRegi #sysMain form .sysLoginButton,
#sysBasket #sysMain form:last-of-type .sysBackButton,
#sysMypageWithdrawalConfirm #sysMain form .sysButton,
#sysMypageEditSave #sysMain form .sysButton,
#sysMypageEditSavedelivery #sysMain form .sysButton,
#sysMypageEditDeliveryinput #sysMain form:last-of-type .sysButton,
#sysMypageEditDelivery #sysMain form:last-of-type .sysButton,
#sysMemberRegisterIndex #sysMain form:last-of-type .sysButton,
#sysMemberRegisterConfirm #sysMain form:last-of-type .sysBackButton {
    /* 戻るボタン */
    margin: 0 auto;
    width: 44%;
    color: black;
    height: 35px;
    border: 1px solid black;
    background: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
}

#sysRegi #sysMain form .sysLoginButton {
    margin-top: 10px;
    background: #75b0c0;
    color: #fff;
    width: 68%;
    font-size: 1.2rem;
    height: 45px;
    border: none;
    padding: inherit;
}

#sysConfirm #sysMain form .sysBackSubmitArea .sysButton,
#sysDestination #sysMain form:last-of-type .sysButton,
#sysPayment #sysMain form:last-of-type .sysButton,
#sysBillingAddress #sysMain form:last-of-type .sysButton,
#sysBasket #sysMain form:last-of-type .sysBackButton {
    margin: 10px auto 40px;
    width: 44%;
    color: black;
    border: 1px solid black;
    background: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#sysRegi .sysBackSubmitArea {
    margin: 1.5em;
}
.sysCart #sysMain .sysConfirmButton input[type=submit] {
    height: auto;
}


#sysCartError #sysMain .sysButton {
    text-decoration: none;
    width: 55%;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}

.sysMemberAgreement {
    padding: 1%;
    background: #fff;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 2em;
}

.sysItemReview #sysMain .sysReviewText {
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    float: none;
    overflow: hidden;
}
.sysSendAuthenticationMailGroup {
    margin-top: 2em;
    border-top: 1px solid #ccc;
}
.sysSendAuthenticationMailGroup p{
    text-align: center;
    font-weight: bold;
}
.sysSendAuthenticationMail {
    background: #75b0c0;
    color: #fff;
    display: block;
    padding: 10px 15px;
    font-size: 1rem;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    min-width: 68%;
    height: 45px;
    margin: 0 auto;
    display: block;
}
/*ボタン系*/
#sysMypageLogin .sysLoginButton {
    background: #75b0c0;
    color: white;
    border: none;
    padding: 10px;
    font-size: medium;
    margin: 20px auto 10px;
}
#sysMypageLogin #sysMain form:last-of-type .sysButton {
    /* 会員ID・パスワードを忘れた場合ボタン */
    font-size: 100%;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 auto;
    padding: 10px;
}
#sysMypageEditReceipt #sysMain .sysEditReceipt form:first-of-type .sysButton {
    background-color: #75b0c0;
    color: white;
    border: 1px solid #75b0c0;
} 
#sysMypageAshiato #sysMain .sysThumbnail li > div:nth-of-type(2) a,
#sysMypageAshiato #sysMain .sysList li > div:nth-of-type(2) a {
    text-decoration: none;
}
/*カート確認画面調整*/
#sysConfirm #sysMain .sysErrorMessage li{
    background-color: #fff;
    border: 2px solid;
    padding: 1.5em;
    margin: 1.5em 0;
}
#sysConfirm #sysMain .sysErrorMessage li::before {
    content: "（error）";
    color: #db3918;
}
.opcCommonElementErrorMessage {
    font-weight: bold;
}
#sysConfirm #sysMain .sysDetail .nav li:nth-last-of-type(2) div{
   border-bottom: 1px solid #ccc;
   padding: 5px 0;
}
#sysConfirm #sysMain .sysConfirmInfo div:first-of-type {
    font-size: 120%;
    font-weight: normal;
    color: #75b0c0;
}
#sysConfirm #sysMain .sysConfirmInfo div:first-of-type:before {
    content: "\f3fe";
    font-family: ionicons;
    color: #75b0c0;
    font-size: 160%;
    vertical-align: middle;
    text-decoration: none;
    padding-right: 5px;
}
/*「お届け希望日」に文言追加*/
.sysSelectHopeDelivery :nth-child(1) label:after {
    content: "（各商品ページに記載の最短日前を選択頂いても対応が出来ません。ご注意下さい）";
    color: black;
}
/*「お届け時間帯」に文言追加*/
.sysSelectHopeDelivery :nth-child(2) label:after {
    content: "(お届け地域により使用不可な時間帯がございます。出来る限り早めの時間帯をご希望の場合には『最短可能時間帯』を選択ください）";
    color: black;
}
/*カテゴリ一覧表示調整*/
.sysItemCategoryCtl .sysCurrent a:nth-of-type(2) {
    display:none;
}
.sysItemCategoryCtl .sysCurrent a:nth-child(5) {
    display:none;
}
.sysItemCategoryCtl .sysCurrent a:nth-child(6) {
    display:none;
}

/*お届け日時定義リスト*/
.dlist{
	width:100%;
	border:1px solid #c6c6c6;
	border-top:0;
        background: #fff;
}
.dlist dt,.dlist dd{
	padding:10px;
}
.dlist dt{
	width:20%;
	border-top:1px solid #c6c6c6;
	float:left;
}
.dlist dd{
        margin: 0 0 0 20%;
        border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	overflow:hidden;
}

/*配送・送料・決済のリスト*/
.p-haiso ul {
    margin: 5px 10px 10px;
}
.p-haiso .list-circle li {
   list-style-type: circle;
   margin: 0 0 10px 20px;
}
.p-haiso h5{
   color: black;
   margin: 20px 0 0 20px;
   font-size: 120%;
}
/*カテゴリページ説明文*/
.sysCategoryDescription img {
  object-fit: cover;
}
.sysCategoryDescription h2 {
  overflow: hidden;
  text-align: center;
  font-size: 120%;
  font-weight: normal;
  margin-top: 10px;
}
.sysCategoryDescription h2 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 0.5em;
  text-align: left;
  color: black;
  font-weight: bold;
}
.sysCategoryDescription h2 span::before,
.sysCategoryDescription h2 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #ccc;
}
.sysCategoryDescription h2 span::before {
  right: 100%;
}
.sysCategoryDescription h2 span::after {
  left: 100%;
}
.catbnr {
     text-align: center;
}
.catbnr li {
	display: inline-block;
}
.catbnr li a {
        text-decoration: none;
        color:#a3a3a3;
        font-size: 80%;
}

.sysCategoryDescription p{
   padding:10px 10px;
   border-top:0px solid #75b0c0;
   border-bottom:0px solid #75b0c0;
   margin: 0px 15px 10px;
}
.sysFuncItemBlock.sysCategoryUnder {
    margin-bottom: 2em;
    margin-left: 0;
    background: white;
    padding: 5px;
    border-radius: 8px;
}
.sysCategoryUnder {
    font-size: smaller;
    color: black;
    margin-left: 5px;
    margin-bottom:-10px;
}
.sysCategoryUnder .sysHeadline {
    font-weight: bold;
}
#target .bouquetquick .sysHeadline::after,
#target .arrquick .sysHeadline::after,
#target .kyoukaquick .sysHeadline::after {
    content: "14時までのご注文で最短翌日にお届けいたします\A※一部対象外地域や例外があります。詳細は各商品ページを必ずご確認ください";
    white-space: pre-wrap;
    color: #585c5f;
    display: block; 
    font-size: smaller;
    font-weight: normal;
    line-height: 1.5;
    padding-left: 0.5em;
  }
#target .preservedkyouka .sysHeadline::after {
    content: "プリザーブドフラワーを使用した長期間メンテナンスフリーな仏花です";
    white-space: pre-wrap;
    color: #585c5f;
    display: block; 
    font-size: smaller;
    font-weight: normal;
    line-height: 1.5;
    padding-left: 0.5em;
  }
/*カートドメイン登録エリア*/
.sysAcceptDomainArea {
   padding:10px 10px;
   border:1px solid #c6c6c6;
   background: #fff;
}
.sysAcceptDomainArea .sysAcceptDomain {
  height:35px;
  float: left;
  margin: 1%;
  width: 47%;
}
.sysAcceptDomainArea .sysAcceptDomain a{
   border:1px solid #c6c6c6;
   border-radius: 3px;
   display: block;
   text-decoration: none;
   text-align: center;
   background: #f5f5f5;
}
.sysClear {
    clear: both;
    height: 0.1px;
    line-height: 0.1;
    margin: 0;
    padding: 0;
    visibility: hidden;
    width: 0.1px;
}

/*全ての画像リンクにマウスオーバー透過*/
a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}


/*モーダルウインドウ*/
.popupModal1 {
    display: none ;
}
.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 2000;
    position: fixed;
    width: 90%;
    height: 90%;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    /*margin-top: 30px;*/
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #f8f8f8;
    padding: 10px 20px;
    overflow: hidden;
}
@media (min-width: 801px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 600px;
         height: 600px;
         padding: 30px;

    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: #fff;
    display: inline-block;
    position: fixed;
    right: 18px;
    bottom: 24px;
    z-index: 2100;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
.modalPopup3 {
    padding: 10px;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.popupModal1 .modalTitle {
  overflow: hidden;
  color: #75b0c0;
  font-size: 120%;
  font-weight: normal;
  margin-top: 10px;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
     /*height: 100%;*/
}
.popupModal1 .modalMain nav{
    display: contents;
}
.popupModal1 .modalMain ul li {
    padding: 15px;
    color: #575757;
    background-image: url(/img/icon/aside_list.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom:solid 1px #ccc;
}
.popupModal1 .modalMain ul li:last-child {
    border:0;
}
.popupModal1 .modalMain ul li a{
    text-decoration: none;
    display: block;
}
/*フローティングメニュー*/
#fab {/*円の部分*/
    display: block;
    width: 56px;/*幅*/
    height: 56px;/*高さ*/
    background-color: rgba(117,176,192,1);/*背景色*/
    text-align: center;/*中央寄せ*/
    border-radius: 50%;/*角丸く*/
    /*transition: .3s;滑らかな動きに*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);/*影*/
    position: fixed;
    bottom: 24px;
    right: 18px;
    z-index: 10;
}

#fab:hover {/*ホバー時*/
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

#fab i {/*中央のアイコン*/
  color: white;
  line-height: 56px;/*＝幅と高さ*/
  vertical-align: middle;
  font-size: 32px;/*サイズ*/
}
/*二分割*/
.Container {
    display: flex;
    justify-content: space-between;
    margin: 5px;
}
.Container-content {
    width: 50%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 4px #ccc;
    margin: 10px;
}
.Container-content2 {
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 4px #ccc;
    margin: 10px;
}
/*強調文字*/
.r-font {
    color: #db3918;
    font-size: medium;
}
.big-font {
    font-size:larger;
    margin-right: 7px;
}
.r2-font {
    color:#db3918;
    margin-left: 7px;
}
.r3-font {
    color:#db3918;
    font-size:125%;
}
.r4-font {
    color:#db3918;
}
.s-font {
    font-size:85%;
}
.ft-font {
    color:#75b0c0;
}
.b-font {
    color:black;
}
.bold-font {
    font-weight: bold;
}
.underline {
    border-bottom: 1px solid #75b0c0;
}
.linebox {
   border: 1px solid #75b0c0;
    padding: 10px;
    width: 80%;
    background: #fff;
    font-size: 110%;
    margin-top: 50px;    
}
.stroke{
    font-size: x-large;
    color: black;
    text-align: center;
}
.text-center {
    text-align:center;
}
/*ワンカートページ*/
.sysOpcBody p {
    line-height: 2;
    letter-spacing: 1px;
}
.opcCommonEditModeBlock {
    background: white;
}
.opcCommonEditLabel  {
    border-left: none;
    color: black;
    margin-top: 16px;
    font-weight: bold;
}
.opcPaymentMethod_webCollectCardNoGroup_edit .opcPaymentMethod_webCollectCardNoLabel_edit  {
    font-weight: normal;
    font-size: 85%;
}
.opcCommonRequireLabel  {
    font-size: smaller;
    color: #bb0000;
}
.opcOrderSummary, .opcBillingAddress, .opcBillingAddress_edit, .opcItemCommonOptionList, .opcClient, .opcClient_edit, .opcDeliveryAddress, .opcDeliveryAddress_edit, .opcDeliveryMethod, .opcDeliveryMethod_edit, .opcDeliveryAddressAndDeliveryMethodGroup, .opcItemList, .opcItem_edit, .opcSocialGiftLetterContentsGroup, .opcSocialGiftLetterContentsGroup_edit, .opcPaymentMethodList, .opcPaymentMethod, .opcRemarks, .opcRemarks_edit, .opcSubstituteOrderMemo, .opcSubstituteOrderMemo_edit, .opcPoint_edit, .opcItemPoint_edit, .opcCouponCode_edit, .opcCoupon_edit, .opcDeliveryAddressSummary, .opcDeliveryAddressAndItemsGroup, .opcSelectDeliveries, .basketCoupon_edit   {
    border: none;
}
.opcOrderSummaryTitle, .opcBillingAddressTitle, .opcItemCommonOptionsTitle, .opcClientTitle, .opcDeliveryAddressTitle, .opcDeliveryMethodTitle, .opcItemTitle, .opcPaymentMethodTitle, .opcRemarksTitle, .opcSubstituteOrderMemoTitle, .opcPointTitle, .opcCouponCodeTitle, .opcCouponTitle, .opcMemberTitle, .opcRepeatTitle, .opcDeliveryAddressAndItemsTitle, .opcSocialGiftItemsTitle, .opcSocialGiftLetterTitle, .opcDeliveryAddressHeader, .opcDeliveryMethodHeader, .opcDeliveryAddressItemHeader, .opcSubstituteShippingMemoHeader, .basketCouponTitle {
    font-weight: normal;
}
.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit select {
    margin: 10px;
    padding: 10px;
}
/*「ご依頼主の入力」に文言追加*/
#sysMemberRegisterIndex .sysForm::before,.opcBillingAddressDataBind::before {
    content: "lightbulb配送伝票のご依頼主欄に記載されます（フリガナ・メールアドレスは記載されません）";
    display: block;
    font-family: 'material symbols sharp';
    background: #f8f8f8;
    padding: 1em;
    margin-top: 26px;
    margin-bottom: 26px;
}
/*「お届け先の入力」に文言追加*/
.opcDeliveryAddress_edit::before {
    content: "priority_highお届け先情報に誤りがあった場合、運送会社規定により荷物転送に伴う運賃が別途発生する場合があり、荷物転送をする場合には贈答用の場合でも荷物を受取るお届け先様が着払いでご負担いただくことになってしまいます。お届け先情報はお間違えのないよう必ずご確認ください。";
    display: block;
    font-family: 'material symbols sharp';
    color: black;
    background: #f8f8f8;
    padding: 1em;
    margin-bottom: 26px;
}
/*「お届け希望日時選択」に文言追加*/
.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit:before {
    content: "各商品ページ記載の「最短お届け日」よりも前の日程でご注文いただいても対応が出来ない場合がございます。必ず「最短お届け日」以降の日時でご指定ください。（お届け希望日が［指定無し］の場合は当店にて発送手配可能日を選定し受注確認メールにてお届け予定日をご連絡いたします）";
    display: block;
    background: #f8f8f8;
    padding: 1em;
    margin-top: 26px;
}
.opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit:after {
    content: "お届け地域により指定不可な時間帯がございます。指定不可時間帯が不明で出来る限り早めのお届けをご希望の場合には「最短可能時間帯」を選択ください";
    display: block;
    background: #f8f8f8;
    padding: 1em;
    margin-bottom: 26px;
}
/*会員ページに文言追加*/
#sysMypageEditReceipt .sysEditReceipt::before {
    content: "lightbulb希望の宛名をご入力後「印刷する」ボタンで領収書の出力が可能です。";
    display: block;
    font-family: 'material symbols sharp';
    padding: 1em;
    margin-bottom: 26px;
    text-align: left;
}
#sysMypageEditMember .sysMypageMinorHeadLine::after {
    content: "priority_high会員情報を修正した場合は下部「更新する」ボタンを必ず押してください。";
    display: block;
    font-family: 'material symbols sharp';
    padding: 1em;
    text-align: left;
    font-size: small;
}
#sysMypageEditDelivery .sysMypageMinorHeadLine::after {
    content: "priority_highお届け先情報を選択して登録情報の変更が可能です。変更する場合は希望の登録情報をクリックしてください";
    display: block;
    font-family: 'material symbols sharp';
    padding: 1em;
    text-align: left;
    font-size: small;
}
/*「お届け先情報(1件目)」の(1件目)文言削除*/
#sysOpc .opcDeliveryAddressHeader[data-bind] {
    display: none;
}
.opcCommonInputSelect {
    height: 46px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 1em;
}
.opcPaymentMethod_edit {
    padding-bottom: 1em;
    margin-bottom: 3em;
    border-bottom: 1px solid #ccc;
}
.opcPaymentMethod_paymentMethodLabel_edit  {
    font-weight: bold;
    font-size: large;
    vertical-align: bottom;
    padding-left: 0.5em;
}
span.opcBillingAddress_nameKana:after,span.opcDeliveryAddress_nameKana:after {
    content: "\0029\0020\00a0様";
}
.opcBillingAddress_fullAddressLabel,.opcDeliveryAddress_fullAddressLabel {
    width: 4em;
}
.opcBillingAddress_genderAndLabelGroup,.opcBillingAddress_acceptMailmagazineAndLabelGroup {
    display: none;
}
input.opcSelectDeliveries_deliveryToMultiple_edit.opcCommonButtonEdit {
    display: none;
}
input.opcDeliveryAddress_synchronizeBillingAddressButton_edit.opcCommonButton,input.opcDeliveryAddress_openDialogButton_edit.opcCommonButton {
    border-radius: 30px;
    background: #75b0c0;
    color: white;
    border: none;
    font-size: initial;
    display: block;
    margin: 0 auto;
    margin-bottom: 3em;
    width: 65%;
}
.opcPaymentMethod_buttonGroup_edit.opcCommonButtonGroupEdit:before {
    content: "warning【メッセージカード/札】や【その他お問い合わせ】のご入力は、この後の「注文内容を確認する」ボタンのページで入力ください";
    font-family: 'material symbols sharp';
    color: #db3918;
    font-weight: bold;
    letter-spacing: 1.5px;
}
/*メッセージ例文*/
#sysOpc .copy-container {
     display: block;
    overflow: auto;
}
#sysOpc .copy-button {
    background: #a9a9a9;
    color: white;
    border-radius: 20px;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    float: right;
}
#sysOpc .copy-button:hover {
    background-color: white;
    color: #a9a9a9;
    border: 1px solid #a9a9a9;
}

#sysThanks .sysMemberAgreementFormLabel:before {
    content: "account_circle 領収書の発行には会員登録が必要となります。ご希望の場合には下記より会員登録をお願いいたします";
    font-family: 'material symbols sharp';
    color: #db3918;
    display: block;
    border-top: 1px solid black;
    padding-top: 1em;
}
.opcDeliveryAddressSummary div:first-child::after {
  content: "様";
}
.opcDeliveryAddressItemArea .opcDeliveryAddressAndItemsTitle {
  font-size:0px !important;
}
.opcDeliveryAddressItemArea .opcDeliveryAddressAndItemsTitle:before {
  font-size:large;
  content: "お届け先・商品の確認";
}
.opcDeliveryAddressAndItemsTitle.opcDeliveryMethodTitle {
  font-size:0px !important;
}
.opcDeliveryAddressAndItemsTitle.opcDeliveryMethodTitle:before {
  font-size:large;
  content: "お届け希望日時選択";
}
.opcDeliveryMethodGroup {
    border-bottom: 1px dotted;
}
.opcDeliveryAddressHeader, .opcDeliveryMethodHeader, .opcDeliveryAddressItemHeader, .opcItem_subTotalNum, .opcDeliveryMethod_hopeDeliveryDate, .opcDeliveryMethod_hopeDeliveryTime, .opcPaymentMethod_paymentMethod {
    color: black;
    font-weight: bold;
}
/* radioボタンデフォルトスタイルのリセット */
#sysOpc input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  background: none;
}
/* radioボタンカスタムスタイルの適用 */
#sysOpc input[type="radio"] {
  display: inline-block; /* インラインブロック要素に変更 */
  width: 24px; /* サイズ調整 */
  height: 24px; /* サイズ調整 */
  vertical-align: text-bottom;
  border: 2px solid #0088cc;
  border-radius: 50%;
  background-color: white;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s;
}
#sysOpc input[type="radio"]:checked {
  border-color: #0088cc;
  background-color: transparent; /* チェックされた時の内側の色を透明に */
}
/* ラジオボタンが選択された際のテキストの色変更とサイズ変更 */
#sysOpc input[type="radio"]:checked + .opcPaymentMethod_paymentMethodLabel_edit {
  color: #0088cc; /* 選択時のテキストの色 */
  font-size: 26px; /* 選択時のテキストのサイズを大きくする */
  transition: color 0.3s, font-size 0.3s; /* アニメーションの設定 */
}
/* チェックマークのスタイル */
#sysOpc input[type="radio"]:checked::before {
      content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-color: #0088cc;
    border-radius: 50%;
}
/*領収書印刷調整*/
.sysPrintReceipt{
float: right;
margin: 0;
width: 100%;
color: black;
}
video {
max-width: 100%;
}
/*入力エラー時デザイン*/
.sysErrorFormField {
    border: 1px solid red !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;
    background-color: #fff !important;
}
/*reCAPTCHAバッチを手前に*/
.grecaptcha-badge {
    z-index: 9;
}
@media screen and (max-width:480px){
　　/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}
#sysHeader,#sysMain, #sysAside  {
    width: 100% !important;
}
/* 10-1 Header */
#sysHeader{ margin-bottom: 5px;}
.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo,.hm-sitelogo{ height: 52px;}
.h-sitelogo li img,
.hm-sitelogo li img{
    width: auto;
    max-height: 47px;
}
.h-utilitybtn{ position: relative;}
.h-utilitybtn .sysContent {
    width: 35%;
    float: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 13%;
    margin-top: 0;
}
.h-utilitybtn ul li.sysText a {
    line-height: 17px;
    height: 47px;
    font-size: x-small;
}
.h-utilitybtn ul li {
    height: 47px;
    padding-top: 3px;
    margin-right: 2%;
    width: 31%!important;
}
.h-utilitybtn ul li.sysText a:before {
    content: "";
    width: 20px;
    margin: 5px auto 0;
    height: 20px;
    display: block;
}
.h-utilitybtn ul li.sysText:nth-child(1) {
    display: none;
}

.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 250%;
}

.h-utilitybtn ul li.sysText:nth-child(3) a:before {
    background-size:100%;
    background-repeat: no-repeat;
    font-size: 250%;
}
.h-utilitybtn ul li.sysText:nth-child(4) a:before {
    background-size:100%;
    background-repeat: no-repeat;
    font-size: 250%;
}
/* ヘッダーログイン */
.h-login {
     padding-right: 1em;
    margin-top: -0.5em;
}

/* 10-1-3 ドロップダウンメニュー */

.h-subMenu .sysHeadline {
    font-size: 10px;
    padding-top: 7px;
    height: 47px;
    line-height: 20px;
    width: 15%;
    position: absolute;
    bottom: 4px;
    right: 0;
    background-position: center 6px;
    clear: both;
}
/*.h-subMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
} */
.h-subMenu ul li {
    border-bottom: 1px solid #ccc;
}
.h-subMenu ul li.sysText a {
    line-height: 60px;
    text-align: center;
    font-size: 1em;
    margin-top: 5px;
    padding: 30px 10px;
    color: #272727;
    display: inline;
}
.h-subMenu .sysAccordion:before {
	content: "menu";
        font-family: 'material symbols sharp';
        color: #575757;
        font-size: 250%;
        display: block;
}

/* 12-12 見出し */

.news-row > h1 {
    background-position:13% bottom;
    border-bottom: 3px solid #c9c9c9;
    color: #585c5f;
    font-size: medium;
    font-weight: 200;
    margin-bottom: 1em;
    padding: 0px;
    position: relative;
}
.headline-2nd {
    margin-left: 5px;
    
}
.headline-3rd {
    margin-left: 10px;
}

/* 12-14 Responsive Grid System */
.col { float: none;}
.gutters .col { margin-left: 0;}
.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,
.span_7,.span_8,.span_9,.span_10,.span_11,.span_12{
	width: 100%!Important;
	float: none;
}

/* 12-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    font-size: small;
    margin-left:0;
}
.sysContent .sysItemBlock .sysHorizontal li{
    padding: 0.5em;
    width: 33%;
    float: left;
}
.sysItemList ul.sysThumbnail li{ width: 50%;}

/* 13-1-5 メインメニュー*/
.h-mainMenu ul li {
    height: 40px;
}
.h-mainMenu ul li:first-child {
    border-left: none;
}
.h-mainMenu ul li.sysText a {
    font-size: 2vw;
}
/*
.h-mainMenu ul li.sysText a:before {
    content: "";
    width: 32px;
    height: 38px;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
}
*/
/* 13-1-6 検索フォーム */
.h-search {
    padding: 0;
}

.h-search .sysContent{
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    border-right: none;
}

/*ランキング*/
.p-ranking .sysContent .sysHorizontal li .sysItemName{
    top: 8px;
}
/*トップバナー*/
.p-topimg ul li img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/*ニュース*/
.p-news .sysContent ul {
    margin-bottom: 15px;
}

.p-news .sysContent ul li {
    position: static;
    margin-bottom: 10px;
}

.p-news .sysContent ul li a {
    position: static;
    padding: 0;
}

.p-news .sysContent ul li a time {
    width: 7.6em;
    /*width: 107px;*/
    position: static;
}
/*注意喚起*/
.p-notice .sysContent p {
    padding: 0;
    line-height: 2em;
    font-size: small;
}
/*レビュー*/
.sysReviewItemList ul.sysReviewList li .sysReviewItemName {
    margin-left: 20%;
    width: 75%;
}

.sysReviewItemList ul.sysReviewList li .sysReviewItemName a {
    display: block;
}

.sysReviewItemList ul.sysReviewList li .sysReviewDatetime {
    position: static;
    clear: both;
    text-align: right;
    padding-top: 0.2em;
    padding-right: 0;
}

.sysReviewItemList ul.sysReviewList li .sysNickname {
    margin-left: 23%;
}


/* 13-2-2 Half Banner */
.p-banner li {
   width: 100%;
   margin-bottom: 5px;
}
.p-banner2 li {
   width: 46%;
   margin-bottom: 2em;
}
/* 13-2-3 PICK UP Item */
.p-pickup .sysContent {
    padding: 0 0 5px;
}
.p-pickup .sysContent .sysHorizontal {
    padding: 0;
    text-align: center;
}
.p-pickup .sysContent .sysHorizontal li {
    width: 45%;
    margin: 5px 4px;
    display: inline-block;
    float: none;
}

/* 13-2-4 News & SNS */
.p-news,.p-sns { width: 100%;}

/* 13-2-5 ShopInformation */
.p-shopInfo .sysContent,
.shopinfo-inner,
.shopinfo-row {
    display: block;
}

.shopinfo-inner {
    width: 100%;
    margin: 20px 0;
}
#sysFooter .footer-custom-links .sysContent .link-list .sysFuncListNav .sysHeadline {
    text-align: center;
}
/* 13-4-1 Footer Site Map */
.f-sitemap li {
    width: 100%!important;
    text-align: center;
}
.f-sitemap ul li.sysText a {
    padding: 10px 20px;
    text-align: left;
}

/* 13-4-2 Page Top Btn */
.p-pagetop .btn { width: 90%;}


/* 14-1-2 Category Pankuzu */
.sysItemCategoryPankuzu {
    font-size: xx-small;
}
/*カテゴリページ画像*/
.categoryimgcontainer {position: relative;}
.categoryimg {
   height: 500px;
}
.categoryimgtext-overlay  {
        position: absolute;
        top: 50px;
        left: 145px;
        color: black;
        font-size: 22px;
        letter-spacing: 0.4em;
        writing-mode: vertical-rl;
        text-orientation: upright;
    }
.categoryimgtext-overlay2  {
        position: absolute;
        top: 50px;
        left: 20px;
        font-size: 22px;
        letter-spacing: 0em;
        line-height: normal;
        font-weight: bold;
    }
/* 14-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: x-small;}

/* 14-2-3 Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 94%;
    padding-right: 0;
    float: none;
}

/* 14-5-2 MyPage*/
#sysMypageLogin #sysMain form:last-of-type .sysButton {
    /* 会員ID・パスワードを忘れた場合ボタン */
    width: 75%;
    margin: 0 auto 30px;
}

#sysMypageAshiato #sysMain .sysThumbnail li > div:nth-of-type(2),
#sysMypageAshiato #sysMain .sysList li > div:nth-of-type(2) {
    font-size: 85%;
}


/*カート*/
.sysCart #sysMain .sysSelectPaymentArea select,
.sysCart #sysMain .sysItemListArea ul li select {
    display: inline-block;
}


.shopinfo-inner ul li.tel .show_pc {
    display: none; 
}

.shopinfo-inner ul li.tel .show_sp {
    display: block;
    text-align: center;
    margin: 10px 0 5px;
}

/*カテゴリ小バナー*/
.catbnr li{
      width:47%
}
.catbnr li img{
	width: 95%;
}

/*商品ページアイテム画像*/
.sysItemImages .sysImageList li {
        width: 16%;
}
/*二分割*/
.Container {
    display: block;
    justify-content: space-between;
    margin: 5px;
}
.Container-content {
    width: 100%;
    margin: 0 0 20px;
}
/*商品詳細ページ日付*/
#sysItemDetail .dday {
 margin: 1em auto;
    font-size: 85%;
    max-width: 96%;
}
#sysItemDetail .dday dt {
 line-height: 30px;
}
.fix-menu .sysContent2 dt:before {
  content: '';
    display: block;
    margin: 1em auto -1em;
    width: 24px;
    height: 24px;
}
/*改行なくす*/
.pc-br { display:none; }
/*フォント大*/
.spbig { font-size: 180%;line-height: 1;}
}
@media screen and (min-width:481px) and (max-width:800px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
div#sysMain,div#sysAside{ width: 100%; float: none;}/* PCレイアウトを維持する場合は削除 */
.orderArea .sysItemImages {
    width: 65%;
}
/* 20-1 Header */
.h-utilitybtn {
    margin:0 5px;
}
.h-utilitybtn .sysContent {
    width: 70%;
    margin-left: 30%;
    margin-top: 5px;
    height: 30px;
}
.h-sitelogo,.hm-sitelogo {
    padding-bottom: 0;
    position: relative;
    margin-bottom: -5px;
}

.h-sitelogo .sysContent,
.hm-sitelogo .sysContent {
    position: relative;
    bottom: 10px;
}

/* 20-1-3 ドロップダウンメニュー */

.h-subMenu .sysHeadline {
    width: 30%;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.h-subMenu ul li.sysText a {
    line-height: 55px;
    font-size: larger;
    text-align: center;
    margin-top: 5px;
    padding: 30px 10px;
    color: #272727;
    display: inline;
}
.h-subMenu .sysAccordion:before {
	content: "menu";
	font-family: 'material symbols sharp';
        color: #575757;
        font-size: 250%;
        vertical-align: bottom;
        padding-right: 20px;
}
/* 23-1-5 メインメニュー*/
.h-mainMenu {
    border-right: none;
    border-left: none;
}

.h-mainMenu ul li:first-child {
    border-left: none;
}

/* 23-1-6 検索フォーム */
.h-search {
    padding: 0;
}

.h-search .sysContent {
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    border-right: none;
}


/* 23-3-3 Aside Banner */
.s-banner li {
    margin: 0 1%;
    width: 48%;
    float: left;
}
.s-banner {
    overflow: hidden;
}

/* LoginForm & Search Form */
.s-login,.s-search{
    width: 49%;
    width: -webkit-calc( 50% - .2em);
    width: calc( 50% - .2em);
    float: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.s-login li a{
    font-size: 0.75rem;
    padding: 10px 0;
}
.s-search.asideCnt .sysItemSearchAndOr label{;
    display: block;
}

/* 23-4-2 Page Top Btn */
.p-pagetop .btn { width: 50%;}

/* 33-3-1 Aside Check List */
.s-checklist .sysContent .sysHorizontal li {
    width: 33.333333%;
}


/*カート*/
.sysCart #sysMain .sysSelectPaymentArea select,
.sysCart #sysMain .sysItemListArea ul li select {
    display: inline-block;
}

/*カテゴリ小バナー*/
.catbnr li {
        margin-right: 15px;
}
.categoryimgtext-overlay ,.categoryimgtext-overlay2 {
    display: none;
}
/*商品詳細ページ日付*/
#sysItemDetail .dday {
 margin: 1em auto;
    font-size: 85%;
}
#sysItemDetail .dday dt {
 line-height: 53px;
}
.fix-menu .sysContent2 dt:before {
  content: '';
    display: block;
    margin: 1em auto -1em;
    width: 24px;
    height: 24px;
}
/*改行なくす
.sp-br { display:none; }*/
/*フォント大*/
.spbig { font-size: 180%;line-height: 1;}
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/*レイアウト*/
div#sysAside{
    width: 25%;
}
div#sysMain{
    width: 75%;
}
#sysItemDetail a#sysAside{
    width: 0%;
}
#sysItemDetail #sysMain,.sysItemReview #sysMain{
    width: 100%;
}
.orderArea .sysItemImages {
    width: 65%;
}
.wapinner #sysWrap{
padding-top:0em;
}
/* 30-1 Header */
.h-siteinfo,
.h-subMenu {
    margin: 0 auto;
}
.h-siteinfo { text-align: left;}
/* 30-1-3 ドロップダウンメニュー */
.h-subMenu > .sysContent {  display: block!important;}
.h-subMenu > .sysHeadline { display: none;}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    bottom: 1px;
    right: 0;
    z-index: 999;
    width: 70%;
    background: transparent;
}
.h-subMenu ul {
    display: table;
    width: 100%;
}
.h-subMenu ul li {
    display: table-cell;
    width: auto!important;
    float: none;
    text-align: center;
    border-left: 1px solid #ccc;
}
.h-subMenu ul li a{
    display: inline;
}
.h-subMenu ul li:last-child {
    border-right: 1px solid #ccc;
}

.gridnav ul li:last-child {
    border-right: 1px solid #ccc;
}

.h-utilitybtn {
    position: relative;
}

.h-utilitybtn .sysContent {
    position: relative;
    bottom: -15px;
    margin-top: -20px;
}


/* 3-1-5 メインメニュー*/
.h-mainMenu {
    padding-top: 5px;
}

.h-mainMenu nav {
    //width: 70%;
    /*border-right: 1px solid;*/
}
.h-search .sysContent {
    width: 30%;
    position: absolute;
    top: -60px;
    height: 55px;
    right: 0;
    padding: 5px 15px;
    border-right: 1px solid #979797;
}

.souryougif img {
    padding: 0 10%;
}

/* 32-9 トグル機能アニメーション */
.h-subMenu .sysAccordionInitialHide { opacity: 1;}

/* 33-3-1 Aside Check List */
.s-checklist .sysContent .sysHorizontal li {
    width: 16.6666666%;
}

.s-checklist li > div {
    width: 90%;
    margin: 0 auto;
}

.s-checklist .sysContent .sysVertical .sysItemImage img {
    width: 90%;
    float: none;
    margin: 5px auto;
}

/* 33-3-2 アサイドフリーサービス */
.s-free-service .Container {
    display: block;
    justify-content: space-between;
    margin: 5px;
}
.s-free-service .Container-content {
    width: 100%;
    margin: 0 0 20px;
}

/* 34-4-1 Footer Site Map */
.f-sitemap .sysContent {
    width: 95%;
    margin: 0 auto;
}
/* 34-4-2 Page Top Btn */
.p-pagetop .sysContent {
    overflow: hidden;
    padding: 0 2px;
    width: 95%;
    margin: 0 auto;
}
.p-pagetop .btn {
    float: right;
    padding: 10px 20px;
}




#sysFooter .footer-custom-links {
    border-top: 1px solid #ccc;
    max-width: 100%;
}

.footer-custom-links .sysContent .link-list {
    overflow: hidden;
    padding: 0;
    max-width: 1100px;
    margin: 0 auto;
}

.footer-custom-links .sysContent .link-list .sysFuncListNav {
    width: 25%;
    padding: 0 5px;
    float: left;
}

.footer-custom-links .sysContent .link-list .sysFuncListNav.foot-case,
.footer-custom-links .sysContent .link-list .sysFuncListNav.foot-category,
.footer-custom-links .sysContent .link-list .sysFuncListNav.foot-price
{
    display: block;
}

/*カテゴリ小バナー*/
.catbnr li {
        margin-right: 15px;
}
.categoryimgtext-overlay ,.categoryimgtext-overlay2 {
    display: none;
}
/*トップスライダー*/
.p-topimg li img {
     padding: 0 5px;
}
/*注意喚起分中央寄せ*/
#sysHeader .p-notice .sysContent,
.p-news2 .sysContent {
      text-align: center;
}
/*改行なくす*/
.sp-br { display:none; }

/*送料地図*/
.haisou {
    max-width: 80%;
    margin: 0 auto;
}
.timeline {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .timeline-item {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 0;
    border-left: 0;
  }
  .timeline-label, .timeline-content {
    transform: translateX(-50%);
    text-align: left;
    display: block;
    max-width: 80%;
    font-size: x-small;
  }
  .timeline-label {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%) translateY(-120%);
    padding-bottom: 5px;
    font-size: x-small;
  }
  .timeline-content {
    margin-top: 10px;
    text-align: center;
  }
/*カート内お届けについて*/
#sysBasket .importantnews  {
    margin:0 auto;
}
#sysBasket .importantnews .sysHeadline,#sysBasket .importantnews .sysContent {
    width: 75%;
    margin: 0 auto;
}
}
/* #END_OF_RESOURCE_FILE */