/*
 *
 * 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 f
 *   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 { background-color: #fff;}
#sysAll{
    max-width: 100%;
    background-color: transparent; 
    padding: 0;
}
#sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0 5px;}
#sysWrap {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#sysMain,#sysAside{ background-color: #fff;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
#sysHeader{ background: #fff;}
#sysFooter{ background-color: #eee;}
#sysFooter > div{ background-color: #eee; margin: 0 auto; padding-bottom: 5px;}
#sysMain{ line-height: 1.5;}

/* 1-0 Wrapper Setting */
#sysFooter > div,
.p-pagetop .sysContent,
.p-topimg .sysContent,
.h-sitelogo,.h-utilitybtn,
.h-siteinfo, .h-subMenu, .h-subMenu2,
.h-mainMenu .sysContent,
.h-search,
#sysWrap {
    max-width: 960px;
}


/* 1-1 Webkit appearance */
input[type=search],
input[type=submit] {
    -webkit-appearance: none;
}

/* 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;
    border-style:none;
    border:solid 1px #ccc;
}

input[type=search]::-webkit-search-decoration {
    display: none;
}
input[type="radio"] {  
    /*-webkit-appearance: none;*/
    display: inline-block;  
    vertical-align: baseline;  
    width: 20px;  
    height: 12px;      
    margin-right: 5px;    
    border: 1px solid rgb(212,212,212);
    cursor: pointer;
    border-radius: 100%;
}

input[type="radio"]:checked{
    background: #666;
}

/* 1-3 Content setting */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
select{    height: 30px;}
p {  margin: 10px auto;}
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; }


.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;
}
.sysContent .sysItemBlock .sysHorizontal li {
    display: flex;
    flex-direction: column;
    padding: 0 10px 40px;
    width: 25%;
    float: none;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    vertical-align: top;
}

.p-pickup .sysContent .sysHorizontal, .sysContent .sysItemBlock .sysHorizontal {
    display: flex;
    flex-wrap: wrap;
}

.sysHorizontal .sysItemPrice {
    margin-top: auto;
}

/* 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,
.sysNextSubmit {
    background: #666;
    color: #fff;
    display: block;  
    padding: 10px 15px;  
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
    cursor: pointer;
}

/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
    line-height: 1.75;
    border-bottom: 1px dotted #999;
}
.sysFuncItemCategory a:hover {
    background: #eee;
}

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

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

/* 2-9 トグル機能アニメーション */
.h-subMenu2 .sysAccordionInitialHide {
/*    display: block!Important; */
    position: relative;
    opacity: 0;
    z-index: -1;
    display: none;
}
.h-subMenu2 .sysAccordionInitialHide.active{
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
    z-index: 999;
    display: block!Important;
}

/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
#sysItemDetail #sysMain .sysItemName,
.sysExplanation > div > span,
#sysItemDetail .sysRetailPrice,
.sysReview > span {
    border-bottom: 1px solid lightgray;
}

/* 2-11 機能パーツ：テキスト */
#sysMain .sysContent h3 { border-bottom: 1px dashed lightgray;}
#sysMain .sysContent h3:before {
    content: "■";
    padding-right: 10px;
}

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

/* 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{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.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{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.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:#428bca;border-color:#357ebd}.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;font-size:18px;line-height:1.33;border-radius:6px}.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%; }

.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;
    background-color: #fff;
}
.h-siteinfo h1 {  color: #000;}

/* 3-1-1 サイトロゴ */
.h-sitelogo {
    height: 60px;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 5px;
    padding-left: 5px;
}
.h-sitelogo .sysContent {
    width: 360px;
    max-width: 50%;
}
/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {
    margin: 0 auto;
}
.h-utilitybtn .sysContent{
    width: 30%;
    float: right;
    position: relative;
    bottom: 40px;
    height: 40px;
}
/* 3-1-3 ドロップダウンメニュー */
.h-subMenu {
    position: relative;
}
.h-subMenu2 {
    position: relative;
}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    right: 0;
    padding: 9px 5px 9px 15px;
    width: 100%;
}
.h-subMenu2 .sysAccordionInitialHide {
    position: absolute;
    background-color: #eee;
    right: 20%;
    padding: 20px;
    width: 60%;
    border-radius: 10px;
    box-shadow: 0 0 5px #333, 0 0 5px #ccc, 0 0 1px #aaa;
}

}

.h-subMenu ul li { margin: 10px auto;}

.h-subMenu .sysHeadline{
    color: #e5e5e5;
    line-height: 60px;
    text-align: center;
    background: #fff;
}
.h-subMenu .sysAccordion:after{
    content:"";
}
/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li{
    margin-right: 2%;
    width: 48%!important;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}
.h-utilitybtn ul li.sysText a {
    border: 1px solid rgb(212,212,212);
    line-height: 36px;
    height: 36px;
    font-size: small;
    margin-top: 1px;
}
.h-utilitybtn ul li.sysText a:hover {
    background: rgb(212,212,212);
}
.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 {
    background: url(http://template-advance.aispr.jp/img/icon/icon-mypage.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(http://template-advance.aispr.jp/img/icon/icon-cart.png);
    background-size: 100%;
}

/* 3-1-5 メインメニュー*/
.h-mainMenu{ 
    border: none;
    margin: 0 auto;
    background: #fff;
}
.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: 0px;
    border-right: 1px solid #ddd;
}
.h-mainMenu ul li.sysText a {
    line-height: 1;
    border: none;
    white-space: normal;
    padding: 10px 0;
    margin: 0 auto;
    color: black;
}

.h-mainMenu .sysContent {
    margin: 0 auto;
    background: #fff;
}



/* 3-1-6 検索フォーム */
.h-search{
    margin: 0 auto;
    position: relative;
    padding: 5px;
}
.h-search .sysItemSearchForm {
    display: flex;
    width: 100%;
}
.h-search .sysItemSearchFormWord {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    order: 2;
    margin-top: 0px;
    margin-right: 5px; 

}

.h-search .sysItemSearchFormWord input{
    height: 30px;
    border: 1px solid #c9c9c9;
    padding: 5px;
    vertical-align: bottom;
}

.h-search .sysItemSearchFormCategory {
    margin-top: 0px;
    width: 110px;
    text-align: left;
    order: 1;
    margin-right: 5px;
}

.h-search .sysItemSearchFormCategory select {
    height: 30px;
    width: 110px;
    border: 1px solid #c9c9c9;
    background: white;
}

.h-search .sysSearchButton {
    width: 40px;
    padding: 6px;
    height: 30px;
    border: 1px solid #a40000;
    border-radius: 3px;
    margin: 0 auto;
    background-color: #a40000;
    order: 3;
}
/* 3-1-7 Main Image */
.p-topimg{
    background-color: #fff;
    padding-top: 5px;
}
.p-topimg .sysContent{
    margin: 0 auto;
    padding: 5px;
}

/* 3-2 Main*/

/* 3-2-1  */


/* 3-2-2 Half Banner */
.p-banner ul {
    text-align: center;
    clear: both;
    margin: 10px auto;
}
.p-banner li {
    width: 49%;
    display: inline-block;
}


/* 3-2-3 PICK UP Item */

.p-pickup .sysContent,
.p-sales .sysContent {
    padding: 5px 0;
}

.p-pickup .sysItemName,
.p-sales .sysItemName,
.p-newItem .sysItemName,
.p-ranking .sysItemName,
.s-checklist .sysItemName,
.adwin_rel .sysItemName {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: none !important;
}

.p-pickup .sysItemPrice,
.p-sales .sysItemPrice,
.p-ranking .sysItemPrice,
.p-newItem .sysItemPrice,
.s-checklist .sysItemPrice,
.adwin_rel .sysItemPrice {
    font-size: small;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    color: #F00;
}

.p-sales .sysItemSuggestedPrice {
    font-size: small;
    text-align: center;
}

/* 3-2-4 News & SNS */

.p-news { margin-bottom: 10px; }

.p-news .sysHeadline,
.p-newslist .sysHeadline {
    border-bottom: 1px solid #a40000;
    margin-bottom: 0;
    background-color: #fff;
    color: #a40000;
    font-size: medium;
}

.p-newslist h2 {
    border-left: 10px solid #a40000 !important;
    padding: 3px 15px 5px !important;
    margin: 10px 0 0 0;
}

.p-news .sysContent,
.p-newslist .sysContent { 
    line-height: 1.5;
}
.p-news li,
.p-newslist li { 
    border-bottom: 1px dotted #999;　　
}
.p-news time,
.p-newslist time {
    color: #000;
    font-size: small;
}

.p-news ul li a,
.p-newslist ul li a {
    font-size: small;
    padding: 8px 5px 5px 5px;
    color: #0066cc
}

.p-news ul li a:hover,
.p-newslist ul li a:hover {
    background: #eee;
    color: #0066cc
}

.p-news ul li a span,
.p-newslist ul li a span {
    color: black;
    margin-right: 15px;
}

.newslistLink {
    font-size: small;
    margin-top: 8px;
    text-align: right;
}

.newslistLink a { text-decoration: none; }




/* 3-2-5 ShopInformation */
.p-shopInfo .sysContent{ text-align :center;}
.shopinfo-inner {
    display: inline-block;
    width: 48%;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 5px;
    padding-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
}
.shopinfo-inner h3 {
    font-size: 150%;
    border-bottom: 1px dotted #666;
    padding: 0 0 5px 0px;
    margin-bottom: 10px;
}
.shopinfo-inner .btn{
    float: right;
    margin-right: 20px;
}

/* 3-2-6 Notice */
.p-notice .sysHeadline {
    background: #e60054;
    border-color: #e60054;
    text-align: center;
    font-weight: bold;
}


/* 3-3 Aside*/
/* 3-3-1 Aside Check List */
.s-checklist li {
    margin: 5px auto;
    padding-bottom: 10px;
    border-bottom: 1px dotted;
}
/* 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;}

/* 3-3-4 Aside Login Form */
.s-search{ line-height: 1.75;}
.s-search ul{ text-align: center;}
.s-search input[type=search]{
    margin: 5px auto;
    line-height: 2.5;
    display: block;
    height: 3em;
}
.s-search .sysItemSearchAndOr,
.s-search .sysItemSearchFormCategory {
    text-align: center;
}
.sysSearchButton {
    border: none;
    background: #a40000;
    color: #fff;
    width: 100%;
    height: 30px;
    display: block;
    margin: 10px auto;
    cursor: pointer;
}
/* 3-4 Footer*/

/* 3-4-1 Footer Site Map */
.f-sitemap ul li.sysText a {
    color: #000;
    padding:  0;
    display: block;
    text-align: center;
}
.f-sitemap ul li.sysText a:hover {
    text-decoration: underline;
}

/* 3-4-2 Page Top Btn */
.p-pagetop .btn {
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px;
}

/* 3-4-3 CopyRight */
.f-copyright {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}
.f-copyright .sysContent{
    border-top: 1px solid #666;
}

/* 4-0 Page-Content
 *----------------------------------------------------------------------*/
/* 4-1 Archive Page */
/* 4-1-1 Free Area */

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu,
.sysNewslistPankuzu {
    font-size: small;
    margin-top: 10px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    color: #000;
    padding: 0;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a,
.sysNewslistPankuzu a {
    display: inline-block;
    background: #fff;
    padding: 0;
    color: #000;
    text-decoration: none;
}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover,
.sysNewslistPankuzu a:hover {
    text-decoration: underline;
}

.newslistPankuzu .sysContent { padding: 0; }

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: small;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: #ddd;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}

.sysItemListDisp {
    font-size: small;
}

/* 4-1-4 Item PR Setting */
.sysItemPr {
    font-size: small;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}

/* 4-1-5 Cart Button */
.sysCartInButton {
    width: 40%;
    border: none;
    padding: 18px 0 !important;
    margin: 10px 0;
    font-size: 0;
    border-radius: 3px;
    background: #a40001 url("/img/cartin.svg") center center no-repeat !important;
    background-size: 130px 17px !important;
    color: #fff;
    cursor: pointer;
}

.sysGoCartButton {
    width: 58%;
    border: none;
    padding: 18px 0 !important;
    margin: 10px 0;
    font-size: 0;
    border-radius: 3px;
    background: #a40001 url("/img/cartgo.svg") center center no-repeat !important;
    background-size: 130px 17px !important;
    color: #fff;
    cursor: pointer;
}

.sysSelectCartButton {
    width: 40%;
    border: none;
    padding: 18px 0 !important;
    margin: 10px 0;
    font-size: 0;
    border-radius: 3px;
    background: #a40001 url("/img/opselec.svg") center center no-repeat !important;
    background-size: 130px 17px !important;
    color: #fff;
    cursor: pointer;
}

.sysCartButton:hover {
    background-color: rgba(164,0,0,0.6);
}

/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
    margin-right: 15px;
}
.sysItemList ul.sysList li .sysItemName {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sysItemList ul.sysList li .sysRetailPrice {
    font-size: small;
    font-weight: bold;
    color: #F00;
}
.sysItemList ul.sysList li #sysDescriptionPc,
.sysItemList ul.sysList li #sysDescriptionMobile,
.sysItemList ul.sysList li #sysDescriptionTablet {
    font-size: small;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
    display: flex;
    flex-direction: column;
    vertical-align: top;
    letter-spacing: normal;
    padding: 10px;
}

.sysItemList ul.sysThumbnail {
    display: flex;
    flex-wrap: wrap;
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}
.sysItemList ul.sysThumbnail .sysItemName {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.sysItemList ul.sysThumbnail .sysRetailPrice {
    font-size: small;
    font-weight: bold;
    text-align: center;
    margin-top: auto;
    color: #F00;
}

.sysItemList ul.sysThumbnail .sysAddSelection {
    font-size: small;
    margin-top: auto;
    padding: 10px 0;

}

.sysItemList ul.sysThumbnail .sysAddSelection select {
    width: 100%;
}

/* 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;
    width: 20%;
    line-height: 1;
    margin: 1% 0;
    padding: 1%;
}

/* 4-2-2 Item Name */ 
.sysItemName h1 { font-size: large;}

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

/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  .orderArea > div {
    width: 59%;
  }
}

.orderArea > .orderArea > div {
    width: 100%;
    display: block;
}


/* 4-2-4 Item Page Titile */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
    display: block;
    margin: 20px 0;
    font-size: small;
}
/* 4-2-5 Item Explanation */
.sysExplanation table {
    font-size: small;
    width: 100%;
    text-align: left;
    border: 1px solid #999;
    line-height: 1.5;
}
.sysExplanation thead {
    font-size: small;
    text-align: center;
    background: #eee;
}
.sysExplanation th,
.sysExplanation td {
    border: 1px solid #999;
    padding: 0.5em;
}
.sysExplanation td img {
    padding : 10px 0 0 0;
}
.sysExplanation ul,
.sysExplanation ol {
    margin-left: 1.5em;
}
.table_left1 {
    text-align: center;
    background: #eee;
}
.table_left2 {
    text-align: center;
}
.table_left3 {
    text-align: left;
    background: #eee;
    word-break: keep-all;
}
.table_left4 {
    text-align: left;
    word-break: keep-all;
}


/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice { font-weight: bold;}

#sysItemDetail .sysPr { text-align: center;}
#sysItemDetail .sysPr > span { display: inline-block;}

#sysItemDetail .sysForm select {
    min-width: 100px;
    width: 100%;
    display: inline-block;
    float: none;
    margin: 10px 0;
}
#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: 100%;
    margin-left: 0%;
}
#sysItemDetail .sysShare { padding: 5px 0 0 0%;}
#sysCartInForm { width: 100%;}

/* 4-2-7 System Button */
.sysLoginButton,
.sysButton {
    border: none;
    padding: 5px;
    border-radius: 3px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 100%;
    margin: 10px auto;
    /*padding: 20px;*/
    height: 40px;
}

.sysLoginButton,
.sysButton:hover {
    /*background: #999;*/
}

/* 4-2-8 Item Text */
.sysDescription,.sysImageDescription{ font-size: 0.75rem;}

/* 4-2-9 Item Gallary */
.sysImageListSimple li { margin-bottom: 10px;}

/* 4-2-10 Review */
.sysReview input{
    background: #666;
    color: #fff;
    text-shadow: none;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin: 5px auto;
    width: 50%;
}
.sysReview > br {
    display: none;
}
.sysReviewHistoryList {
    padding: 0 10px;
    border: 1px solid lightgray;
}
.sysReviewHistoryList li {
    margin-bottom: 5px;
    border-bottom: 1px dashed lightgray;
    padding: 5px 0;
}
.sysReviewHistoryList li:last-child { border: none;}

.sysNickname,
.sysEvaluation {
    display: block;
    padding: 0 10px 0 0;
    font-size: small;
}
.sysReviewDatetime {
    font-size: small;
    text-align: right;
    padding-right: 20px;
}
.sysReviewText { font-size: small;}

/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: #666;
    color: #fff;
    text-shadow: none;
}
.sysCartInDone{ margin: 0;}

/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2,
#sysMypageEditConfirm #sysMain h2,
#sysMypageEditSave #sysMain h2,
#sysMypageEditSavedelivery #sysMain h2 {
    border-style: none;
    background-color: #fff;
    color: #000;
    font-size: medium;
    padding: 5px;
}

#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain,
#sysMypageEditMember #sysMain,
#sysMypageEditDelivery #sysMain,
#sysMypageEditConfirm #sysMain,
#sysMypageEditSave #sysMain,
#sysMypageEditSavedelivery #sysMain {
    border-color: #999;
    /*border-style: solid;*/
    border-radius: 0px;
    border-width: 1px;
    /*box-shadow: 1px 1px 1px gray;*/
    font-size: small;
    margin-bottom: 10px;
    padding: 0;
}

#sysMemberRegisterConfirm  #sysMain > form,
#sysMemberRegisterIndex #sysMain > form,
#sysFormConfirm #sysMain > form,
#sysFormIndex #sysMain > form,
#sysMypageEditConfirm #sysMain > form { padding: 10px;}

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#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 {
    /*background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
    border: #ccc 1px solid;
    line-height: 3;
    margin-right: 10px;
    padding: 0 0.3em;
    height: 30px;
}
#sysMain textarea { min-height: 75px;}

.sysZipcode button,
.sysZipcode .sysFormField { display: inline-block;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField { width: 200px;}
.sysZipcode br{ display: none;}

.sysBirthday input { 
    width: 100px !important;
    margin: 5px 3px;
}


/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField,
#sysMypageEditConfirm #sysMain .sysFormField {
    border: 1px solid #999;
    line-height: 2;
    padding-left: 10px;
    font-size: small;
    border-radius: 3px;
    margin: 5px auto;
    min-height: 20px;
}

/* 4-4-4 Item Search Form */
.sysItemSearchForm > div {
    margin-top: 10px;
    width: 100%;
    text-align: left;
}
form.sysItemSearchForm {
    text-align: left;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
    width: 100%;
}

/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-color: #999;
    /*border-style: solid;*/
    border-radius: 0px;
    border-width: 1px;
    /*box-shadow: 1px 1px 1px gray;*/
    margin-bottom: 10px;
    padding: 0;
}
.sysMypage #sysMain h2{
    border-style: none;
    background-color: #fff;
    color: #000;
    font-size: medium;
    padding: 5px;
}
.sysMypage #sysMain > form,
.sysMypage #sysMain > div { padding: 5px 10px;}

/* 購入履歴 */
.sysOrderList {
    border: 1px solid rgb(212,212,212);
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
    font-size: small;
}

.sysOrderList li {
    border-bottom: 1px dotted rgb(212,212,212);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.sysOrderList .sysItemName {
    margin: 5px 0;
}


/* マイページボタン */
.sysMypageNav > form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.sysMypageNav .sysButton {
    width: 100%;
    display: block;
    line-height: 15px;
    font-size: small;
    margin: 3px auto;
    height: 40px;
}

/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form{ padding: 10px;}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input,
#sysMypageEditDeliveryinput #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#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 {
    border-color: #a40000;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
    margin-top: 10px; 
}
.news-row > h1 {
    border-bottom: 1px solid #a40000;
    background-color: #a40000;
    color: #ffffff;
    font-size: large;
    padding: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(), to());
    background: -webkit-linear-gradient(top, , );
}
.sysNewsDetail { 
    padding: 10px 20px;
}

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress a {
    display: block;
    text-decoration: none;
    border: 1px solid;
    padding: 10px;
}

.sysSelectAddress {
    margin: 10px 0;
}

.sysSelectAddress a:hover {
    background: #eee;
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

/*配送先変更ボタン*/

.sysSelectAddress .sysSubTitle {
    margin: 0;
    text-decoration: none !important;
    font-weight: normal;
}

.sysCart .sysItemName div:not(#sysBasket .sysItemListArea) {
    background: #666 !important;
}

/*アイコンの大きさを調整*/
li.sysImage img {
    width: 80px !important;
}

/*カート情報を横並びにする*/
.adwin_cartinfo dl, .adwin_cartinfo dt, .adwin_cartinfo dd {
    display: inline;
}

/*カート情報を横並びにする*/
.adwin_cartinfo2 dl, .adwin_cartinfo2 dt, .adwin_cartinfo2 dd {
    display: inline-block;
}

.adwin_cartinfo2 .sysContent {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 6px 10px 3px 10px;
}

/*カート情報を中央に配置*/
div.sysFuncCartInfo {
    text-align: center;
}

/*カート情報の項目間の幅を調整*/
dl.sysCartInfoItemCount, dl.sysCartInfoTotalPrice,
div.sysCartInfoRemainFreeShipping {
    margin-right: 13px;
}

/*リンク画像のホバー設定*/
    a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

/*カート情報の背景色*/
.adwin_cartinfo {
    height: 40px;
    background-color:#eee;
    margin:10px auto;
}

.adwin_cartinfo2 {
    height: auto;
    background-color:#eee;
    margin:10px auto 0px;
}

/*カート情報の数字*/
.adwin_cartinfo dd span {
    color: #f00;
    font-weight:bold;
}

.adwin_cartinfo2 dd span {
    color: #f00;
    font-weight:bold;
}


/*サイト上部に隙間を入れる*/
#sysHeader {
    background: #fff;
    padding-top: 5px;
}

/*ヘッダーサブメニューの項目に罫線を入れる*/
.h-subMenu ul li {
    margin: 10px auto;
    border-left: 1px solid #ddd;
}

.h-subMenu ul li:first-child {
    border-left: solid 1px #fff;
}

/*メインメニューのリンク設定*/
.h-mainMenu a:hover {
    color: #cc0000;
    text-decoration: underline !important;
    background-color: #eee !important;
}

/*スライダーCSS*/

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.bx-wrapper img {
    margin: 0 auto;
}

/*アサイドの見出し*/

.asideCnt h2{
    border-bottom:1px solid #a40000 !important;
    padding:3px 15px 5px;
}

/*メイン部分の見出し*/

.mainCnt h2 {
    border-left:10px solid #a40000 !important;
    padding:3px 15px 5px !important;
    margin-bottom: 5px;
    margin-left: 2px;
}

/*最近チェックしたアイテムの見出し*/
.footerCnt h2 {
    border-bottom:1px solid #a40000 !important;
    padding:3px 15px 5px !important;
    max-width: 960px;
    margin: 0 auto;
}

/*最近チェックしたアイテムの横幅*/
.footerCnt > .sysContent .sysItemBlock .sysHorizontal li {
    width: 16.5% !important;
    border-bottom: none !important;
}

/*トップへ戻るボタン*/
#back-top {
	position:fixed;
	bottom: 0px;
	right: 20px;
}
#back-top a {
	width: 56px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 56px;
	height: 56px;
	display: block;
	background: #595959 url(https://adwinshop.com/img/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* background color transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
#back-top a:hover span {
	background-color: #333;
}

/*会員登録などのボタンの背景色*/
.h-subMenu ul li {
    background-color: #aaa !important;
}

/*メインメニューの横幅*/

.h-mainMenu .sysContent {
    max-width: 950px !important;
}

/**/

#sysAside {
    float: left !important;
    width: 25% !important;
}

#sysMain {
    width: 75% !important;
    padding-left: 3%;
    /*float: right !important;*/
}

/**2*/
.sysFuncListNav.f-sitemap {
    padding-top: 38px;
}

/**2*/
.sysFuncItemBlock.s-checklist.footerCnt {
    max-width: 100% !important;
    background-color: #fff !important;
}

.sysFuncItemBlock.s-checklist.footerCnt > div {
    max-width: 960px !important;
    margin: 0 auto;
}

/*カテゴリで探す内容の文字サイズ*/

.s-scene ul li {
    font-size: small;
}
.s-design ul li {
    font-size: small;
}
.s-series ul li {
    font-size: small;
}
.s-content ul li {
    font-size: small;
}
.s-price ul li {
    font-size: small;
}
.s-age ul li {
    font-size: small;
}

.s-1000 ul li {
    font-size: small;
}

.s-2000 ul li {
    font-size: small;
}

.s-3000 ul li {
    font-size: small;
}

.s-4000 ul li {
    font-size: small;
}

.s-5000 ul li {
    font-size: small;
}

.s-6000 ul li {
    font-size: small;
}

.s-7000 ul li {
    font-size: small;
}

/*数量の文字サイズ*/
#sysNumber {
    font-size: small;
}

/*価格表記の下マージン*/
#sysItemDetail .sysRetailPrice {
    margin-bottom: 15px;
}

/*Facebookボタンの表示*/

#sysItemDetail .sysShare li {
  line-height: 12px;
}
li.sysFacebook {
  width: 99px;
  vertical-align: top;
}

/*商品価格の文字サイズ*/
#sysItemDetail .sysRetailPrice {
    font-size: medium;
}

/*商品説明文字スタイル*/
.adwin_product1 {
    font-weight: bolder;
    font-size: medium;
    color: #cc6600;
}

.adwin_product2 {
    font-size: small;
}

.adwin_product3 {
    font-size: x-small;
    color: #666;
}

.adwin_product4 {
    list-style-type: disc;
    font-size: small;
}

.adwin_product5 {
    margin: 1em 0;
    padding-left: 1em;
}

.adwin_product6 {
    font-size: small;
    font-weight: bold;
}

.adwin_product7 {
    font-size: small;
    background-color: #e0e0e0;
    border-style:solid;
    border-width:1px;
    border-color:#aaaaaa;
    padding:10px;
    border-radius:10px;
    box-shadow: 5px 5px 5px #AAA;
}

.adwin_product8 {
    font-weight: bolder;
    font-size: medium;
    color: #cc6600;
    width: 100%;
    border-bottom: solid 1px #ccc;
    margin-top: 1em;
    margin-bottom: 1em;
}

.adwin_product9 {
    font-weight: bolder;
    font-size: medium;
    color: #cc6600;
    margin-top: 1.5em;
}

.adwin_product10 {
    font-size: small;
    display: inline-block;
    width: 5em;
}

.adwin_product11 {
    font-size: small;
    display: inline-block;
    width:40em;
}

.adwin_product12 {
    list-style-type: none;
    font-size: small;
}

ul.adwin_product13 {
    list-style-type: none;
    margin-left: 0em;
    padding-left: 0em;
}

.adwin_product14 {
    font-size: small;
    padding: 0 1rem;
    text-align: justify;
}

.adwin_product15 {
    font-size: medium;
    font-weight: bold;
}

.adwin_product16 {
    font-size: small;
    margin: 2px auto;
}

.tooltip3{
    position: relative;
    cursor: pointer;
    display: block;
}
.tooltip3 p{
    margin:0;
    padding:0;
}
.description3 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 100%;
}
.description3:before {
    content: "";
    position: absolute;
    top: -24px;
    right: 80%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
    transform: rotateZ(180deg);
}
.tooltip3:hover .description3{
    display: block;

    left: 0px;
}

.FeatureSIGLENT {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: -20px 0px 0px 0px;
}

.FeatureSIGLENT2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ItemSIGLENT {
    width: 180px;
}

.SiglentBanner.pc {
    display: block !important;
    text-align: center;
}

.SiglentBanner.sp {
    display: none !important;
    text-align: center;
}

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

.SiglentBanner.pc {
    display: none !important;
    text-align: center;
}

.SiglentBanner.sp {
    display: block !important;
    text-align: center;
}

}

.FeaturePoint {
    width: 400px;
    background-color: #222;
    color: #fff;
    line-height: 1.8;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

.FeaturePoint li {
    list-style-type: disc;
}

ol.adwin_plist0 li {
    list-style-type: decimal;
    font-size: small;
}

ul.adwin_plist1,
ul.adwin_plist2,
ul.adwin_plist3 {
    margin-left: 0;
    font-size: small;
}

ul.adwin_plist4 {
    margin-left: 18px;
    font-size: small;
}

ul.adwin_plist1 li,
ul.adwin_plist4 li {
    position: relative;
    padding-left: 15px;
}

ul.adwin_plist1 li::after,
ul.adwin_plist4 li::after {
    content: "";
    position: absolute;
    top: .3em;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #666;
    border-radius: 50%;
}

ul.adwin_plist2 li {
    position: relative;
    padding-left: 10px;
}

ul.adwin_plist2 li::before {
    content: "";
    position: absolute;
    top: .35em;
    left: 0;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
}

ul.adwin_plist2 li::after {
    content: none;
}

ul.adwin_plist3 {
    list-style-type: none;
    padding-left: 0em;
}

/*キツネ用罫線*/
th{
border: 1px #999 solid;
}

/*フッターの罫線追加*/

.f-sitemap ul li {
    border-left: 1px solid #000;
}

.f-sitemap ul li:first-child {
    border-left: solid 1px #eee;
}

/*在庫数*/

.sysStockQuantity {
    color: #008a00;
    font-size: medium;
    margin-bottom: 10px;
}

/*型番*/

.sysItemId {
    color: #666;
    font-size: small;
    margin-bottom: 10px;
}

/*商品のカートに入れるボタンまわり*/

.sysBlock.orderArea_right {
    width: 40%;
    float: right;
    padding-right: 0;
}

.sysBlock.orderArea_clear {
    clear:both;
}

/*商品サムネ選択時*/
.sysItemImages .sysImageList li.sysCurrent img {
    border: 3px solid #cc6600;
}

/*商品紹介の水平線*/

hr {
    border-width: 1px 0 0 0; /* 太さ */
    border-style: solid;     /* 線の種類 */
    border-color: #ccc;      /* 線の色 */
    height: 1px;             /* IE6用対策 */
    clear: both;             /* IE6用対策 */
    margin: 20px 0;
}

.bar1 {
    border-width: 1px 0 0 0; /* 太さ */
    border-style: solid;     /* 線の種類 */
    border-color: #ccc;      /* 線の色 */
    height: 1px;             /* IE6用対策 */
    clear: both;             /* IE6用対策 */
    margin: 2px 0 20px 0;
}

.bar2 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #cccccc;
}

/*導入実績のテーブル*/

table.adwin_table1 {
    width: 100%;
    text-align: center;
    border: 0px;
    line-height: 2;
}

table.adwin_table1 li:before {
    content: "●";
    color: #999;
    margin-right: 10px;
}

/*おすすめ商品の見出し*/

.adwin_reco .sysHeadline,
.adwin_opp .sysHeadline {
    font-weight: bolder;
    font-size: medium;
    color: #cc6600;
}

/*カテゴリと価格で探すボタンの縦幅*/

.s-scene ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-design ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-series ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-content ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-price ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-age ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-1000 ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-2000 ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-3000 ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-4000 ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-5000 ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-6000 ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}
.s-7000 ul li.sysText a {
    padding: 12px 5px;
    color: #0066cc;
}

/*リンクの文字色*/

a {
    color: #0066cc;
}

a:hover {
    color: #cc6600;
}

/*会員登録*/

#sysMemberRegisterIndex #sysMain {
    border-style: none;
    border-radius: 0px;
    border-width: 0px;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 0;
}

#sysMemberRegisterIndex #sysMain h2 {
    border-style: none;
    background-color: #fff;
    color: #000;
    font-size: medium;
    padding: 5px;
}

#sysMemberRegisterIndex #sysMain input:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

#sysMemberRegisterIndex #sysMain input {
    border-radius: 3px;
}

input.sysNextSubmit {
    background: #666 !important;
}

#product_estimation .sysNextSubmit{
    width: 100%;
    height: 40px;
    padding: 5px;
    margin: 5px auto 10px auto;
}

input.sysButton {
    background: #666 !important;
}

/*マイページ*/

.sysLoginForm{
    border-radius: 3px;
    background: none;
    cursor: pointer;
    padding: 10px 5px;
}

input.sysLoginButton:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

input.sysButton:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

/*カートの中身*/

.sysCartTitle {
    padding-left: 20px;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
    border: 1px solid #aa8326;
    background: linear-gradient(#f6dda0, #f0c14c)!important;
    color: #333;
    margin: 0.5em auto 0.5em auto;
    width: 100%;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

.sysCart #sysMain input[type=submit] {
    border-style: none;
    height: 100%;
}

.sysCart #sysMain input[type=submit]:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

.sysCart #sysMain .sysItemName a {
    color: #0066cc;
}

.sysCart #sysMain .sysItemName a:hover {
    color: #cc6600;
}

.sysCart #sysMain .sysItemName {
    margin: 20px 0 10px 0;
}

/*検索ボタン*/

.sysSearchButton {
    border-radius: 3px;
}

.sysSearchButton:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

.sysNextSubmit:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

.sysBackButton:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

/*カートを進めていった際の必須の色*/

.sysRequired{
    color: #f38b00;
}

/*特定商取引に基づく表示*/
.sysContent table {
    width: 100%;
    border: 1px solid #999;
    line-height: 2;
}

.sysContent td {
    font-size: small;
    text-align: left;
    padding-left: 10px;
}

.adwin_policy h1 {
    font-size: large;
    border-bottom: inset 5px #0066cc;
    margin: 20px 0 20px 0;
}

.adwin_policy p {
    margin: 20px 0 0 0;
    font-weight: bold;
}

.adwin_policy dt {
    margin: 10px 0;
    margin-left: 1em;
}

.adwin_policy {
    font-size: small;
}

.adwin_policy dd {
    margin-left: 1em;
}

.adwin_policy dd:before {
      content: "※ " ;
}

.adwin_policy thead {
    text-align: center;
    background: #eee;
    font-size: small;
}

.adwin_category h1 {
    font-size: large;
    border-bottom: inset 5px #0066cc;
    margin: 20px 0 20px 0;
}

.adwin_category p {
    margin: 20px 0 0 0;
    font-weight: bold;
}

.adwin_category dt {
    font-weight: bolder;
    font-size: medium;
    margin: 10px auto;
}

.adwin_category {
    font-size: small;
}

.adwin_category dd {
    font-size: small;
    margin: 10px;
}

.adwin_category_top {
    margin-top: 10px;
}

.adwin_category .table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
    margin: 20px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 8px;
}

.adwin_category table {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px; /* Ensure minimum width for better readability */
}

.adwin_category th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.adwin_category th {
    background-color: #f2f2f2;
    position: sticky;
    top: 0; /* Ensure headers stay in view */
}

.adwin_category tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

/*お問い合わせ*/

.adwin_contact h1 {
    font-size: large;
    border-bottom: inset 5px #0066cc;
    margin: 20px 0 20px 0;
}

.adwin_contact p {
    margin: 20px 0 0 0;
    font-weight: bold;
}

.adwin_contact dt {
    margin: 10px 0;
    margin-left: 1em;
}

.adwin_contact {
    font-size: small;
}

.adwin_contact dd {
    text-indent: -1.3em;
    margin-left: 2.3em;
}

.adwin_contact dd:before {
      content: "・ " ;
}

.adwin_contact thead {
    text-align: center;
    background: #eee;
    font-size: small;
}

/*FAQ*/

.adwin_faq {
    font-size: small;
}

.adwin_faq a {
    text-decoration: none;
}

.adwin_faq p {
    margin: 20px 0 0 0;
    font-weight: bold;
}

ul.faq_index{
    display:table;
    width:100%;
}
 
ul.faq_index li {
    font-size: small;
    background-image: url(../img/icon/arrow.gif);
    background-position: left 10px;
    background-repeat: no-repeat;
    padding: 8px 0px 6px 15px;
    display: inline-block;
    width:100%;
    vertical-align: top;
}

.adwin_faq dt:before {
    content: "Ｑ" ;
    font-weight: bold;
    color: #0066cc;
    font-size: large;
    margin-right: 0.5em;
}

.adwin_faq dt {
    margin-bottom: 10px;
    font-size: large;
    font-weight: bold;
}

.adwin_faq dd:before {
    content: "Ａ" ;
    font-weight: bold;
    color: #cc6600;
    font-size: large;
    margin-right: 0.5em;
}

.adwin_faq dd {
    margin-bottom: 30px;
    padding-left: 2em;
    text-indent: -2em;
}

.adwin_faq dd > ul {
    margin-top: 10px;
    margin-left: 1.5em;
}

.adwin_faq dd > ul > li {
    list-style-type: disc;
    padding-left: 0em;
    text-indent: 0em;


}

.adwin_faq h1 {
    font-size: large;
    border-bottom: inset 5px #0066cc;
    margin: 40px 0 20px 0;
}

/*商品オプション設定*/

div#sysSelections {
    font-size: small;

}

/*商品オプションの解説文*/

.sysSelectionDescription {
    color: #888;
    margin-bottom: 10px;
}

/*トップページのイチオシ商品欄*/
.p-freeitem .sysContent {
    padding: 5px 0;
}

.p-freeitem .sysContent .sysHorizontal li {
    padding: 0 2.5px;
}

/*導入実績の開閉*/

label.adwin-donyu {
    display: block;
    margin: 0;
    padding: 10px;
    cursor: pointer;
}

input[type="checkbox"].on-off{
    display: none;
}

.adwin-donyu-menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.adwin-donyu-menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
}

/*希望小売価格*/

#sysItemDetail .sysSuggestedRetailPrice {
    color: #333;
    text-decoration: line-through;
}

/*お届けについての幅調整*/

.sysBlock.orderArea {
    height: auto;
    /*display: inline-block;*/
}

/* セミナー */

div.genre {
	width:100%;
	height:32px;
	float:left;
	margin-bottom:24px;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-left:solid 5px #28539b;
	border-bottom:solid 2px #28539b;
	background-color:#efefef;
	padding-left:20px;
	padding-bottom:8px;
	line-height: 12px;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:18px;
}

div.semibox {
	width:auto;
}

div.semiboxleft {
        width: 100px;
	float:left;
	text-align:right;
	font-weight:bold;
}

div.semiboxright {
        width: calc(100% - 100px);
	float:left;
}

div.semibox2 {
	width:100%;
	float:left;
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
	color:#333;
	margin-bottom:25px;
}

div.semibox2left {
	width: calc(100% - 240px);
	float:left;
        padding-right: 1em;
}

div.semibox2right {
	width:240px;
	float:left;
}

div.profile {
	width:100%;
	float:left;
	margin-bottom: 24px;	
	border:solid 1px #ccc;
	border-top:solid 5px #ccc;
	padding:15px;
	line-height: 1.5em;
	letter-spacing:0.1em;
	font-size:12px;
}

div.profileleft {
	width:100px;
	float:left;
}

div.profileright {
	width: calc(100% - 100px);
	float:left;
}

div.semiicon {
	width:30px;
	padding-left:10px;
	float:left;
}

div.semititle {
	width:660px;
	height:25px;
	float:left;
	padding-left:10px;
	padding-top:5px;
	font-weight:bolder;
	font-size:18px;
	color:#28539b;
}

div.semititle a {
	color:#28539b;
}

div.semibtn {
	width:710px;
	float:left;
	margin-top:12px;
	text-align:center;
}

.semimain .sysContent{
        text-align: center;
}

.semibox2 th {
    text-align: center;
    font-size: small;
}

.semibox2 td img {
    padding: 5px 0;
    margin: 0 auto;
    display: block;
}

.semibox2 h4 {
    margin: 10px 0;
}

/* 動画サイズ */

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemSearch #sysMain .sysItemSearchFormLimit{
        display: inline-block;
        width: auto;
        margin-top: 10px;
}

.sysPagination a.sysCurrent {
    margin-top: 10px;
}

.sysItemList ul.sysThumbnail li #sysDescriptionPc {
    display:none;
}

#sysItemDetail #sysMain .adwin_reco,
#sysItemDetail #sysMain .adwin_opp {
    border-bottom: 1px solid lightgray;
    margin-bottom: 20px;
}

#sysItemDetail #sysMain .adwin_reco li:not(:first-child),
#sysItemDetail #sysMain .adwin_opp li:not(:first-child) {
    border-top: 1px dotted lightgray;
}

#sysItemDetail #sysMain .adwin_reco li,
#sysItemDetail #sysMain .adwin_opp li {
    padding: 5px;
}

#sysItemDetail #sysMain .adwin_reco .sysItemImage img,
#sysItemDetail #sysMain .adwin_opp .sysItemImage img {
    margin-right: 15px;
    margin-bottom: 10px;
    width: 40%;
    max-width: 200px;
}

#sysItemDetail #sysMain .adwin_reco .sysItemName,
#sysItemDetail #sysMain .adwin_opp .sysItemName {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: none;
}

#sysItemDetail #sysMain .adwin_reco .sysItemPrice,
#sysItemDetail #sysMain .adwin_opp .sysItemPrice {
    font-size: small;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    color: #F00;
}

#sysItemDetail #sysMain .adwin_reco #sysDescriptionPc,
#sysItemDetail #sysMain .adwin_reco #sysDescriptionMobile,
#sysItemDetail #sysMain .adwin_opp #sysDescriptionPc,
#sysItemDetail #sysMain .adwin_opp #sysDescriptionMobile {
    font-size: small;
    margin-bottom: 10px;
}

#sysItemSearch #sysMain .sysItemSearchFormRange {
    margin-top: 10px;
}

#sysItemCategory #sysMain .sysThumbnail #sysDescriptionPc,
#sysItemCategory #sysMain .sysThumbnail #sysDescriptionMobile {
    display: none;
}

#sysItemCategory #sysMain .sysList li div:not([class]),
#sysItemSearch #sysMain .sysList li div:not([class]) {
    display: flex;
    flex-direction: column;
    width: 68%;
}

#sysItemCategory #sysMain .sysList li div:not([class]) #sysDescriptionPc,
#sysItemCategory #sysMain .sysList li div:not([class]) #sysDescriptionMobile,
#sysItemSearch #sysMain .sysList li div:not([class]) #sysDescriptionPc,
#sysItemSearch #sysMain .sysList li div:not([class]) #sysDescriptionMobile {
    order: 2;
}

#sysItemCategory #sysMain .sysList li div:not([class]) .sysRetailPrice,
#sysItemSearch #sysMain .sysList li div:not([class]) .sysRetailPrice {
    order: 1;
}

.sysCart #sysMain .sysAcceptDomain a {
    color: #0066cc;
}

.sysCart #sysMain .sysAcceptDomain a:hover {
    color: #cc6600;
}

.sysCart #sysMain .sysAcceptMailmagazine {
    margin: 10px 0 20px 0;
}

.sysCart #sysMain .sysAcceptDomainArea {
    border: none;
    padding: 15px;
    background: lightgray;
    margin: 20px auto;
    border-radius: 10px;
}

.sysCart #sysMain .sysOtherAddress {
    margin: 0.5em 0 0 0;
}

.sysCart #sysMain .sysOtherAddress button {
    height: auto;
}

.sysMemberPassword {
    padding: 10px 0 0 0;
}

.login_r {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 3px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: medium;
}

.btn-info:hover{ background: #999;}
#sysMypageReminder #sysMain input[type=submit] {
    background: #666;  color: #fff;
    display: block;  
    padding: 5px;
    margin: 10px auto;  
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 100%;
    height: 40px;
    cursor: pointer;
}

#sysMemberRegisterIndex #sysMain form,
#sysMemberRegisterConfirm #sysMain form,
#sysMypageEditMember #sysMain form,
#sysMypageEditDelivery #sysMain form,
#sysMypageEditDeliveryinput #sysMain form,
#sysMypageEditConfirm #sysMain form {
    padding: 5px 5px 0 5px;
}


#sysMemberRegisterIndex .sysFormItem,
#sysMemberRegisterConfirm .sysFormItem,
#sysMypageEditMember .sysFormItem,
#sysMypageEditDelivery .sysFormItem,
#sysMypageEditDeliveryinput .sysFormItem,
#sysMypageEditConfirm .sysFormItem {
    margin: 10px 0 0 0;
    padding: 0;
}

#sysMemberRegisterIndex .sysFormItem select,
#sysMypageEditMember .sysFormItem select,
#sysMypageEditDelivery .sysFormItem select,
#sysMypageEditDeliveryinput .sysFormItem select {
    margin: 5px auto;
}

#sysMemberRegisterIndex .sysFormItem .sysButton,
#sysMypageEditMember .sysFormItem .sysButton,
#sysMypageEditDelivery .sysFormItem .sysButton,
#sysMypageEditDeliveryinput .sysFormItem .sysButton {
    margin: 0;
    width: 100px;
    height: 30px;
}

#sysMemberRegisterIndex .sysNextSubmit,
#sysMemberRegisterConfirm .sysNextSubmit,
#sysMypageEditMember .sysNextSubmit,
#sysMypageEditDelivery .sysNextSubmit,
#sysMypageEditConfirm .sysNextSubmit,
#sysMypageEditDeliveryinput #sysMain .sysNextSubmit input[type=submit] {
    width: 100%;
    height: 40px;
    margin: 15px 0 0 0 !important;
}

#sysMemberRegisterConfirm .sysBackButton,
#sysMypageEditConfirm .sysBackButton {
    width: 100%;
    height: 40px;
}

#sysMemberRegisterIndex #sysMain .sysFormField input,
#sysMypageEditMember #sysMain .sysFormField input,
#sysMypageEditDelivery #sysMain .sysFormField input,
#sysMypageEditDeliveryinput #sysMain .sysFormField input,
#sysMypageLogin #sysMain .sysFormField input {
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
    border: #999999 1px solid;
}

#sysMemberRegisterIndex #sysMain .sysFormField input::placeholder,
#sysMypageEditMember #sysMain .sysFormField input::placeholder,
#sysMypageEditDelivery #sysMain .sysFormField input::placeholder,
#sysMypageEditDeliveryinput #sysMain .sysFormField input::placeholder {
    color: transparent;
}

#sysMemberRegisterRegister #sysMain .sysButton,
#sysMypageWithdrawalDone #sysMain .sysButton {
    width: 30%;
    margin: 30px 0;
}

#sysMypageEditDeliveryinput #sysMain div,
#sysMypageEditDeliveryinput #sysMain p {
    font-size: small;
}

#sysMypageEditDeliveryinput #sysMain form {
    display: block;
}

#sysMypageEditDeliveryinput #sysMain input[type=submit] {
    border: none;
    padding: 5px;
    border-radius: 3px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 100%;
    margin: 10px 0;
    height: 40px;
}

#sysMypageEditDeliveryinput #sysMain #sbps_card_no,
#sysMypageEditDeliveryinput #sysMain .card-month,
#sysMypageEditDeliveryinput #sysMain .card-year {
    margin: 10px 5px;
}

#sysMypageEditDeliveryinput #sysMain form {
    padding: 0 10px;
}

#sysMypageEditDelivery #sysMain .sysZipcode .sysFormField,
#sysMypageEditDeliveryinput #sysMain .sysZipcode .sysFormField {
    width: 100%;
}

#sysMypageEditDelivery #sysMain .sysZipcode input,
#sysMypageEditDeliveryinput #sysMain .sysZipcode input {
    width: 200px;
}

.sysZipcode button:hover,
.sysZipcode button:focus {
    opacity: 0.8;
    color: #fff;
}

#sysMypageAshiato #sysMain .sysItemList ul li div,
#sysMypageReview #sysMain .sysItemList ul li div {
    font-size: small;
    margin: 5px 0 0 0;
}

#sysMypageAshiato #sysMain .sysItemList ul li div img,
#sysMypageReview #sysMain .sysItemList ul li div img {
    padding: 15px;
}

#sysMypageAshiato #sysMain .sysItemList ul li div br,
#sysMypageReview #sysMain .sysItemList ul li div br {
    line-height: 25px;
}

#sysMypageAshiato .sysCartButton {
    background: #a40000;
    padding-left: 0;
}

#sysMypageReview .sysCartButton {
    background: #a40000;
    padding-left: 0;
    width: 100%;
}

#sysMypageReview .sysList form {
    display: inline-block;
    width: 200px;
}

#sysMypageReview .sysItemList .sysButton {
    margin: 0;
}

#sysItemReviewIndex .sysFormItem,
#sysItemReviewConfirm .sysFormItem {
    margin: 10px 0;
}

#sysMypageIndex #sysMain,
#sysMypageLogin #sysMain,
#sysMypageLogout #sysMain,
#sysMypageWithdrawalConfirm #sysMain,
#sysMypageWithdrawalDone #sysMain {
    font-size: small;
}

.asoboInner { width: 49.5%; }

.asoboBanner .sysContent { padding: 5px 0px; }

.banner_flex{
		display:block;
                margin-right: auto;
                margin-left: auto;
}

#sysMain .asoboBanner { 
     padding-left: 0;
     padding: 5px;
}

.s-search .sysContent { padding: 0 10px; }

#sysInformation #sysMain h1 { padding: 7px 0px 5px 10px; }
#sysInformation #sysMain h1 span { display: none; }

.adwin_calendar .sysContent {
    padding: 10px 0;
    font-size: small;
}

.adwin_calendar .sysContent table{
    border: 0;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #A40000;
}

.adwin_calendar .sysContent tr:first-of-type {
    background-color: #A40000;
    color: white;
}

.adwin_calendar .sysContent tr:nth-of-type(2) { background-color: #EEEEEE; }

.adwin_calendar .sysContent td,
.adwin_calendar .sysContent tr {
    text-align: center;
    padding: 0;
}

.sideBanner1 .sysContent,
.sideBanner2 .sysContent,
.sideBanner3 .sysContent {
    padding: 0;
}

.sysAccordionInitialHide {
    display: block;
}

.opcCommonButtonEdit,
.opcCommonButton {
    cursor: pointer;
}

.pagelink_btn a {
    background: #a61e2b;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    max-width: 170px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 25px;
}

#sysItemCategory #sysAll #sysWrap #sysMain .sysList li form, #sysItemSearch #sysAll #sysWrap #sysMain .sysList li form {
    width: 200px;
    margin-left: auto;
}

#sysItemCategory #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li form, #sysItemSearch #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li form {
    margin-top: auto;
}

#sysItemCategory #sysAll #sysWrap #sysMain .sysList li, #sysItemSearch #sysAll #sysWrap #sysMain .sysList li {
    display: flex;
    flex-wrap: wrap;
}

#sysItemCategory #sysAll #sysWrap #sysMain .sysList li .sysThumbnailImage, #sysItemSearch #sysAll #sysWrap #sysMain .sysList li .sysThumbnailImage {
    width: 30%;
    margin-right: 2%
}

#sysItemCategory #sysAll #sysWrap #sysMain .sysList li form .sysCartInButton,
#sysItemSearch #sysAll #sysWrap #sysMain .sysList li form .sysCartInButton,
#sysItemCategory #sysAll #sysWrap #sysMain .sysList li form .sysGoCartButton,
#sysItemSearch #sysAll #sysWrap #sysMain .sysList li form .sysGoCartButton,
#sysItemCategory #sysAll #sysWrap #sysMain .sysList li form .sysSelectCartButton,
#sysItemSearch #sysAll #sysWrap #sysMain .sysList li form .sysSelectCartButton {
    width: 100%;
}

#sysItemCategory #sysAll #sysWrap #sysMain .sysList li form .sysAddSelection,
#sysItemSearch #sysAll #sysWrap #sysMain .sysList li form .sysAddSelection,
#sysItemCategory #sysAll #sysWrap #sysMain .sysList li form .sysAddSelection div,
#sysItemSearch #sysAll #sysWrap #sysMain .sysList li form .sysAddSelection div {
    width: 100%;
    font-size: small;
}

#sysItemCategory #sysMain .sysList li form div:not([class]), 
#sysItemSearch #sysMain .sysList li form div:not([class]) {
    width: 100%;
}

.amazonpayment_202205 .sysContent {
    padding: 0px;
}
@media screen and (max-width:480px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}

#sysHeader{ 
    box-shadow: 2px 0px 2px 0px grey;
}

/* 10-1 Header */

.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo{ height: 60px;}
.h-sitelogo li img{
    width: auto;
    max-height: 60px;
    max-width: 280px;
    padding-top: 8px;
}
.h-utilitybtn{ position: relative;}
.h-utilitybtn .sysContent {
    width: 32%;
    float: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 15%;
}
.h-utilitybtn ul li.sysText a {
    line-height: 17px;
    height: 47px;
    font-size: x-small;
}
.h-utilitybtn ul li {
    height: 47px;
}
.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) a:before {
    background: url(http://template-advance.aispr.jp/img/icon/icon-mypage.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(http://template-advance.aispr.jp/img/icon/icon-cart.png);
    background-size: 100%;
}

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

.h-subMenu2 .sysHeadline{
    line-height: 47px;
    width: 15%;
    float: right;
    position: absolute;
    bottom: 4px;
    right: 0;
}

.h-subMenu2 ul li.sysText a {
    font-size: small;
    font-weight: bold;
    margin-top: 1px;
    padding: 15px;
    background-color: #fff;
    text-align: center;
}

/* 12-12 見出し */
.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;
}
.sysContent .sysItemBlock .sysHorizontal li{
    padding: 2.5px;
    width: 50%;
}
.sysItemList ul.sysThumbnail li{ width: 50%;}

/* 13-1-5 メインメニュー*/
.h-mainMenu ul li { height: 40px;}
.h-mainMenu ul li.sysText a {
    font-size: 0.5rem;
    padding: 15px 0;
}
/* 13-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}

/* 13-2-2 Half Banner */
.p-banner li {
   width: 100%;
   margin-bottom: 5px;
}

/* 13-2-3 PICK UP Item */
.p-pickup .sysContent {
    padding: 0 0 5px;
}


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


/* 13-4-1 Footer Site Map */
.f-sitemap li {
    width: 100%!important;
}
.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;
}

/* 14-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: 0;}

/* 14-2-3 Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}
/* 14-5-2 MyPage*/
.sysMypageNav .sysButton{ font-size: 0.75rem;}


/*ヘッダー部コンテンツ位置調整*/
.h-subMenu2 ul li a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h-subMenu2 ul li {
    background-color: transparent;
    border: none;
}

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

.sysFuncGridNav.h-mainMenu.gridnav {
    margin-top: 0;
}


/* 4-1-5 Cart Button */
.sysCartButton {
    width: 40%;
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 3px;
    background: #a40000 center;
    color: #fff;
    cursor: pointer;
}
.sysCartButton:hover {
    background-color: rgba(164,0,0,0.6);
}

/*タブレット専用右上のアイコン*/
.sysFuncListNav.h-subMenu2.sysDisplayMobileNone.sysDisplayPcNone.sysDisplayKeitaiNone {
    position: absolute;
    top: 5px;
    right: 80px;
    z-index: 999;
}

.h-subMenu2 .sysHeadline {
    width: 80px;
    height: 60px;
    position: absolute;
    top: -61px;
    right: 0;
    background-image: url(../img/icon/menu.png);
    border-left: solid 1px #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
}

.h-subMenu2 .sysHeadline:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

.sysAccordion:after {
    content: '';
}

/*フッターの罫線追加*/

.f-sitemap ul li {
    border-left: 1px solid #eee;
}

.f-sitemap ul li:first-child {
    border-left: solid 1px #eee;
}

.f-sitemap ul li.sysText a {
    padding: 10px 20px;
    text-align: center;
}

/*商品詳細ページ*/

.sysBlock.orderArea_right {
    width: 100%;
    float: right;
    padding-right: 0;
}

/*セミナー*/

div.semibox2left {
    width: 100%;
}

div.semibox2right {
    width: 100%;
}

.sysCategoryPankuzu,
.sysItemCategoryPankuzu,
.sysNewslistPankuzu {
    font-size: small;
    margin-top: 10px;
    margin-bottom: 0px;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    background: #fff;
    color: #000;
    padding: 0;
}

/*.banner_flex{
		display:block;
                margin-right: auto;
                margin-left: auto;
}*/

#top #sysMain { padding-left: 0; }
}
@media screen and (min-width:481px) and (max-width:800px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
.sysMypage div#sysMain,div#sysAside{ width: 100%; float: none;}/* PCレイアウトを維持する場合は削除 */


/* 20-1 Header */
.h-utilitybtn {
    margin:0 5px;
}
/* 20-1-3 ドロップダウンメニュー */
.h-subMenu2 .sysHeadline{
    width: 30%;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.h-subMenu2 ul li.sysText a {
    font-size: small;
    font-weight: bold;
    margin-top: 1px;
    padding: 15px;
    background-color: #fff;
    text-align: center;
}

/* 23-1-5 メインメニュー*/
.h-mainMenu{
border-right: none;
border-left: none;
}
/* 23-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}


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

/* LoginForm & Search Form */
.s-login,.s-search{
    width: 49%;
    width: -webkit-calc( 50% - .2em);
    width: calc( 100% - .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%;}

/* 4-1-5 Cart Button */
.sysCartButton {
    width: 40%;
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 3px;
    background: #a40000 center;
    color: #fff;
    cursor: pointer;
}
.sysCartButton:hover {
    background-color: rgba(164,0,0,0.6);
}

/*タブレット専用右上のアイコン*/
.sysFuncListNav.h-subMenu2.sysDisplayMobileNone.sysDisplayPcNone.sysDisplayKeitaiNone {
    position: absolute;
    top: 5px;
    right: 80px;
    z-index: 999;
}

.h-subMenu2 .sysHeadline {
    width: 80px;
    height: 60px;
    position: absolute;
    top: -61px;
    right: 0;
    background-image: url(../img/icon/menu.png);
    border-left: solid 1px #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
}

.h-subMenu2 .sysHeadline:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

.sysAccordion:after {
    content: '';
}

/*ロゴサイズ*/

.h-sitelogo .sysContent {
    width: 360px;
    max-width: 100%;
}

/*商品詳細ページ*/

.orderArea > div {
    width: 100%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
}

.sysBlock.orderArea_right {
    width: 100%;
    float: right;
    padding-right: 0;
}

/*セミナー*/

div.semibox2left {
    width: 100%;
}

div.semibox2right {
    width: 100%;
}
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 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: 425px;
    background: transparent;
}
.h-subMenu ul {
    display: table;
    width: 100%;
}
.h-subMenu ul li {
    display: table-cell;
    width: auto!important;
    float: none;
    text-align: center;
}
.h-mainMenu nav {
    width: 100%;
    margin-bottom: 5px;
}
.h-search .sysContent {
    width: 30%;
    position: absolute;
    top: -55px;
    height: 50px;
    right: 0;
    padding: 5px;
}

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

/* 33-3-1 Aside Check List */
.s-checklist li > div {
    width: 90%;
    margin: 0 auto;
}
.s-checklist .sysContent .sysVertical .sysItemImage img {
    width: 100%;
    float: none;
    margin: 5px auto;
}

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

.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    bottom: -9px;
    right: 0;
    z-index: 999;
    width: 425px;
    background: transparent;
}

/*送料無料表示*/
dl.sysCartInfoItemCount:before {
    content: url(https://adwinshop.com/img/muryo.png);
    display:inline-block;
    vertical-align:top;
    margin-right: 10px;
}

/*FAQ*/

ul.faq_index li {
    font-size: small;
    background-image: url(../img/icon/arrow.gif);
    background-position: left 10px;
    background-repeat: no-repeat;
    padding: 8px 0px 6px 15px;
    display: inline-block;
    width:50%;
    vertical-align: top;
}
}
/* #END_OF_RESOURCE_FILE */