/*
 *
 * Templat BASIC form aishipRENTAL
 *
 * クラス値命名規則
 * 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 { background-color: #eee;}
#sysAll{
    max-width: 100%;
    background-color: transparent;
    padding: 0;
}

/* フォント設定 */
body {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif !important;

}


/*
#sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0 5px;}
*/
#sysWrap {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#sysMain,#sysAside{ background-color: #fff;}

#sysAside{ display:none;}
#sysHeader,#sysFooter{ padding: 0; margin: 0;}
/*
#sysHeader{ background: #fff;}
#sysFooter{ background-color: #999;}
#sysFooter > div{ background-color: #ddd; margin: 0 auto; padding-bottom: 5px;}
*/
#sysMain{
    width: 100%;
    line-height: 1.5;
    padding: 0;
    margin: 0 auto !important;
}

.sysFuncText {width:100%;}

/* 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-search,
#sysWrap {
    max-width: 960px;
*/
    max-width: 1000px;
}

.sysContent {
    padding:0 !important;
}

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

input[type=search]::-webkit-search-decoration {
    display: none;
}
input[type="radio"] {
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: baseline;
    width: 20px;
    height: 20px;
    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: 30px;}

/* 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:nth-child(4n-3) { 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%; }

/* コンテンツの最大幅設定 */
.l-1000 {
    margin: 0 auto;
    max-width: 1000px;
}

/* 2-0 Function Parts
 *----------------------------------------------------------------------*/

/* パン屑リスト */
.pankuzu div {
    display: inline-block;
}

/* 見出し１ */
.title01 {
    text-align: center;
    font-size: 1.6rem;
    margin: 1rem;
}
/*
.title01:after {
    content: url("https://www.aiship.jp/img/content/blackline.png");
}
*/
/* 見出し2 */
.title02 {
    padding: 30px 0;
/*    background-image: url(https://www.aiship.jp/img/dotimg/feature/feature_h3bar.png); */
    text-align: center;
    background-repeat: repeat-x;
    background-position: 50%;
/*    position: relative; */
}
.title02 span {
    font-size: 20px;
    display: block;
/*    background-color: #fff; */
    max-width: 400px;
    margin: auto;
}
/* 見出し5 */
.title05 {
    font-size: 1.6rem;
    line-height: 1.6rem;
padding: 28px 0;
    text-align: center;
}

/* 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 {
    width: 25%;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    vertical-align: top;
}

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

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

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



/* 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 - Responsive Grid System
 *-------------------------------------------------------------------------- */
.grid-container {
  margin: 0 auto;
  max-width: 95%;
}

.grid-row:after,
.grid-col:after{
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.grid-row { margin-bottom: 1.5em;}
.grid-col {
  display: block;
  float:left;
  width: 100%;
}



/* 3-1 Header*/
.h-siteinfo{
    height: 40px;
    background-color: #fff;
}
.h-siteinfo h1 {  color: #000;}

/* 3-1-1 サイトロゴ */
.h-sitelogo {
    margin: 0 auto;
    background: #fff;
    padding-bottom: 5px;
    padding-left: 5px;
}
.h-sitelogo .sysContent {
    width: 200px;
    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-subMenu .sysAccordionInitialHide {
    position: absolute;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    right: 0;
    padding: 9px 10px;
    width: 100%;
}
.h-subMenu ul li { margin: 10px auto;}
.h-subMenu .sysHeadline{
    color: #e5e5e5;
    line-height: 60px;
    text-align: center;
    background: #666;
}
.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{
    margin: 0 auto;
    background: #999;}
.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: 50px;
    border-right: 1px solid;
}
.h-mainMenu ul li.sysText a {
    line-height: 1;
    border: none;
    white-space: normal;
    padding: 20px 0;
    margin: 0 auto;
}

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



/* 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 #999;
    border-radius: 3px;
    margin: 0 auto;
    background-color: #999;
}
/* 3-1-7 Main Image */
.p-topimg{
    background-color: #ddd;
}
.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 {
    padding: 5px 0;
}
.p-pickup .sysContent .sysHorizontal li {
    padding: 0 2.5px;
}

/* 3-2-4 News & SNS */
.p-news .sysContent { line-height: 1.5;}
.p-news li { padding-left: 10px;}

/* 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]{
    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: #666;
    color: #fff;
    width: 95%;
    display: block;
    margin: 10px auto;
}
/* 3-4 Footer*/

/* 3-4-1 Footer Site Map */
.f-sitemap ul li.sysText a {
    color: #fff;
    padding:  0;
    background: #666;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
}
.f-sitemap ul li.sysText a:hover {
    background: #999;
}

/* 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
 *----------------------------------------------------------------------*/
/* TOP */
.ttl-img{height: 40px;
    padding: 10px;
}
.ttl h2{
    font-size: 3rem;
    line-height: 3rem;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    text-shadow: 1px 1px 6px #333;
}
.ttl h3{
    font-size: 2rem;
}
.ttl .red-rad{
    background-color: #c01300;
    display: inline-block;
    border-radius: 60px;
    padding: 15px 40px;
}
.ttl .red-rad + p {
    width: 50%;
}
.ttl p{
font-size: 1.4rem;
}
/* TOP h2の下の線 */
.ttl hr {
    border-width: 4px 0px 0px 0px;
    max-width: 70px;
    margin: 20px auto;
}
.colo-gray h2 {
    text-shadow: none;
}
.ttl.color-white hr{
border-color: #fff;
}
.ttl.color-white hr + small {
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
.ttl.color-white hr + p {
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
.ttl.color-red hr{
border-color: #c01300;
}
.ttl.color-gray hr{
border-color: #4b4b4b;
}
.color-gray h2 {
    text-shadow: none;
}
/*------------------ custom add ------------------------ */
a:link { color: #333;text-decoration:none;}
a:visited { color: #333;text-decoration:none;}
a:hover {color: #333;text-decoration:underline;}
a:active {color: #333;text-decoration:underline;}

img {
    line-height:0;
    font-size:1px;
}

a:hover img {
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    transition: 0.4s;
}

a.noalp:hover img {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}


ul,li,dl,dt,dd{ list-style-type:none; }
table { border-collapse:collapse; }

.flL{   float:left !important;}
.flR{   float:right !important;}
.ovf{   overflow:hidden !important;}
.clr{clear:both;}

.ri{text-align:right !important;}
.le{text-align:left !important;}
.cen{text-align:center !important;}

.b {font-weight:bold !important;}
.nor {font-weight:normal !important;}
.bor-dot { border-bottom:1px dotted #b2b2b2 !important; }
.bor-top { border-top:1px solid #DDDDDD !important; }
.bor-none { border:none !important; }

.red{color:#cc0000;}

/*---------------------------------------
clearfix
---------------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/* margin ==================================================================*/

.mb00 { margin-bottom:0 !important;}
.mb05 { margin-bottom:5px !important;}
.mb10{  margin-bottom:10px !important;}
.mb15{  margin-bottom:15px !important;}
.mb20{  margin-bottom:20px !important;}
.mb25{  margin-bottom:25px !important;}
.mb30{  margin-bottom:30px !important;}
.mb35{  margin-bottom:35px !important;}
.mb40{  margin-bottom:40px !important;}
.mb60{  margin-bottom:60px !important;}
.mb70{  margin-bottom:70px !important;}
.mb80{  margin-bottom:80px !important;}
.mb90{  margin-bottom:90px !important;}

.mr00 { margin-right:0 !important;}
.mr8 { margin-right:2% !important;}
.mr25 { margin-right:25px !important;}
.mr40 { margin-right:40px !important;}

.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}

.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt45 { padding-top:45px !important; }
.pt60 { padding-top:60px !important;
        padding-bottom:20px;}

.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb45 { padding-bottom:45px !important; }



/* width ==================================================================*/

.w40 { width:40%;}
.w45 { width:45%;}
.w48 { width:48%;}
.w50 { width:50%;}
.w60 { width:60%;}
.w65 { width:65%;}
.w98 { width:98% !important;}
.w100 { width:100%;}


/* font ==================================================================*/

.f12 {font-size:12px; }


.pc { display:block; }
.sp {   display:none; }


.bg01 { background:#eee; }

.shad01 {
    box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
}


/* header ==============================================================================================================================================================*/
.h_wrap_sp {
    width:100%;
    background:rgb(55,35,12);
}

#h_wrap_sp {
    /* padding:2% 0; */
}
#h_wrap_sp {
    /* padding: 2% 0px; */
    margin-left: 15%;
    min-height: 61px;
    display: inline-block;
}
#h_wrap_sp h1 {
    width: 40%;
    display: inline-block;
}
#hLink_sp {
    width: 38%;
    float: right;
    margin-top: 2%;
    display: inline-block;
}
/*
.sysContent h1{
    padding-top:4%;
    margin-left:18%;
    width:30%;
    float:left;
}
*/

#hLink_sp li {
    margin:0 1%;
    width:30%;
    float:left;
}
header{
    width:100%;
    height:100px;
}

#h_wrap{
    height: 100px;
    background:url(https://www.aiship.jp/img/dotimg/h_bg01.png) repeat-x 0 0; /*全体の背景*/
    position: relative;
}

#h_wrap:before {
    width: 30%;
    height: 100px;
    content: "";
    position: absolute;
    top: 0;
    left: 70%;
    background: rgb(235,147,56); /*右側の背景*/
}

#h_wrap #header {
    position: absolute;
    left: 50%;
    margin-left: -500px; /*画像幅1000pxとしてその半分をネガティブマージン*/
}

#header{
    margin:0 auto;
    padding:0px;
    max-width:1000px;
    overflow:hidden;
}

#header h1{
    padding-top:25px;
    width:266px;
    float:left;
}

#header #hLink li {
    width: 19%;
    margin-left: 1.5%;
    float: left;
}
/*
#header #hLink li {
    margin-left:10px;
    float:left;
}*/

/*#header*/
#hTel{
    float:right;
    height:100px;
    background: rgb(235,147,56);
}
.header-k{
    height: 100px;
    background:rgb(55,35,12);
    position: relative;
width:100%;
}
.header-k ul#hLink li {
    width: 19%;
    float: left;
    margin-left: 1%;
    top: 18px;
    position: relative;
}
.header-k ul#hLink{
margin-right:2px;
}
#hTel {
    float: right;
    height: 100px;
    background:rgb(235,147,56);
}
.header-k:before {
    width: 30%;
    height: 100px;
    content: "";
    position: absolute;
    top: 0;
    left: 70%;
    background:rgb(235,147,56);
}
#hTel img{
opacity: 0.9999;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    transition: 0.4s;}
/* navi ==============================================================================================================================================================*/

#hNav {
    position:relative;
    margin:0;
    width:100%;
    height:58px;
    clear:both;
    background:rgb(235,147,56);
}


#hNav ul{
    margin:0px auto;
    padding-top:19px;
    max-width:1000px;
    overflow:hidden;
}

#hNav li{/*
    margin:0 64px;
    float:left;*/
}
#hNav li {
    float: left;
    margin: 0;
    width: 14%;
    text-align: center;
}
nav#hNav li span {
    color: #fff;
font-weight: bold;

}
#hNav #hNav01on,
#hNav #hNav02on,
#hNav #hNav03on,
#hNav #hNav04on,
#hNav #hNav05on,
#hNav #hNav06on,
#hNav #hNav07on{
    margin-top: /*12px*/0;
    visibility: visible;
    opacity: 1;
    z-index:1;
    background:#fff;
    background-color: #f8f8f8;
    border-top: 1px solid #d3d3d5;
    border-bottom: 1px solid #d3d3d5;
}
#hNav a{
display:block;
}
#hNav dl {
    margin:0 auto 15px auto;
    padding:0 0 15px 0;
    max-width:1000px;
    overflow:hidden;
}

#hNav dt {
    display:none;
}


#hNav dd {
    padding:2px 0 0px 10px;
    font-size:14px;
    background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 0 center;
    margin-right:15px;
    margin-top:14px;
    float:left;
}
#hNav dd a {
    color:#333 !important;
}


/* footer ==============================================================================================================================================================*/

footer{
    padding:40px 0 10px 0;
    width:100%;
    clear:both;
    background :#392207;
}

footer nav{
    max-width:1000px;
    margin:0 auto 45px auto;
    overflow:hidden;
}

footer dl{
    overflow:hidden;
    margin-bottom:20px;
}

footer dl:last-child{ margin-bottom:0px;}

#footer dt,dd { float:left;}

#footer dt{
    padding:15px 0 10px 28px;
    margin-right:16px;
    font-size:16px;
    font-weight:bold;
    background:url(https://www.aiship.jp/img/dotimg/arrow01.png) no-repeat 0 center;
    color: #fff;
}

#footer dd{
    padding:2px 0 0px 10px;
    font-size:14px;
    background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 0 center;
    margin-right:15px;
    margin-top:14px;
    color: #AAAAAA;
}


footer dt a {
    color:#FFFFFF !important;
}

footer dd a {
    color:#AAAAAA !important;
}

#copy{
    border-top:1px solid #2C2C2C;
    padding:18px 0;
}

#copy .footerLink{
    max-width:1000px;
    margin:0 auto;
}

#copy .footerLink ul{
    float:left;
}
#copy .footerLink li{
    float:left;
    margin-right:10px;
}

#copy .copyArea{
    float:right;
    text-align:right;
}


#copy .copyArea p{
    padding:0;
    font-size:11px;
    display:block;
    margin-top:8px;
    color:#FFFFFF;
}


/* layout ==============================================================================================================================================================*/

.contentsWrap{
    width:100%;
    text-align:center;
    clear:both;
}

.contents{
    margin:0 auto;
    max-width:1000px;
    overflow:hidden;
    text-align:center;
}
.inner {
    margin:0 auto;
    max-width:1000px;
}


/* common ==============================================================================================================================================================*/

.shadow{ box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.3);}

.w-box {
    width:100%;
    background:#fff;
    margin: auto;
}

.contact ul{
    margin:0 auto;
    max-width:1000px;
}
.contact li{
    float:left;
    margin-right:18px;
}
.contact li:last-child{ margin-right:0px;}

.contact_box{
background-color:#fff;
}

/* index ==============================================================================================================================================================*/

.mainv {
    margin:3% auto 0 auto;
    padding-bottom:30px;
}

.sysFuncText.mainv {
    background:#eee;
}




#ec500{
padding-bottom:42px;
/*
  height: 0;
  padding-top: 34.66%;
*/
    background:url(/img/dotimg/ec500_bg.png) no-repeat 0 0;
    background-size:cover;
}

#ec500 .ttl {
    padding:10px 0 0;
}

#ec500 ul {
    margin:24px auto;
    padding:10px 0;
}

#ec500 li{
    display:inline-block;
    text-align:center;
    margin-right:5px;
}

#feature {
    background:url(https://www.aiship.jp/img/dotimg/feature_bg.png) no-repeat 0 0 / 100% 100%;
}

#feature .ttl{
    padding:95px 0 60px;
}

.feature.imgBox01 .img01 {
    padding:43px 0;
    width:50%;
    background:#680000;
    text-align:right;
    float:left;
}

.feature.imgBox01 .img02 {
    padding:43px 0;
    width:50%;
    background:#8E0000;
    text-align:left;
    float:right;
}

.feature.imgBox02 {
    padding:45px 0;
    background:#B20000;
    text-align:center;
    clear:both;
}

.feature.bg01 {
    padding:12px 0 30px 0;
}
.feature .blocks {}
.feature #feature01 {
    background-color: #680000;
    width: 50%;
    float: left;
    height: 220px;
}
.feature #feature01:after, .feature #feature02:after, .feature #feature03:after, .feature #feature04:after {
    content: "";
    display: table;
    clear: both;
}
.feature p.icon {
    margin: 0;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.feature .blocks .meta {
    width: 60%;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.feature h3.h3ttl {
    font-size: 22px;
    color: #fff;
}
.feature ul li {
    background-image: url(https://www.aiship.jp/img/dotimg/feature_icon_checked.png);
    background-repeat: no-repeat;
    padding-left: 2em;
    color: #fff;
}
.function_icon {}
.function_icon ul {
    max-width: 890px;
    margin: auto;
}
.function_icon ul:after {
    content: "";
    display: table;
    clear: both;
}
.function_icon ul li {
    width: 148px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: 147px;
    background-color: #fff;
    vertical-align: top;
    box-sizing: border-box;
    float: left;
}
@media screen and (max-width: 480px){
   .function_icon ul li {
    width: 98px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: 110px;
    background-color: #fff;
    vertical-align: top;
    box-sizing: border-box;
    float: left;
}
.f_list{
    max-width: 297px;
    margin: auto;
}
}
@media screen and (max-width: 800px){
div.f_list li {
    padding: 12px 0!important;
}
}
.function_icon ul li:nth-child(6n) {
    border-right: 1px solid #cccccc;
}
.function_icon ul li:nth-child(7), .function_icon ul li:nth-child(8), .function_icon ul li:nth-child(9), .function_icon ul li:nth-child(10), .function_icon ul li:nth-child(11), .function_icon ul li:nth-child(12) {
    border-bottom: 1px solid #cccccc;
}
.function_icon ul li p {
    font-size: 15px;
    color: rgb(135,147,56);
    font-weight: bold;
    margin: 0;
}
/*#function .f_list ul{
    max-width:888px;
    margin:0 auto 20px auto;
    letter-spacing: -0.5em;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    text-align:left;
}

#function .f_list li{
    display:inline-block;
    background:#FFFFFF;
    border-bottom:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    box-sizing:border-box;
    width:148px;
    padding:20px 0;
    text-align:center;
    vertical-align:middle;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    letter-spacing: normal;
}

#function #cardlayout {
margin: 0 auto 30px;
width: 1000px;
overflow:hidden;
}

#function .card {
float:right;
display:inline;
}

#function .card img{
    display:block;
}*/
#function .meritlayout {}
#function .meritlayout ul {}
#function .meritlayout ul li {
    height: 340px;
    width: 330px;
    padding-top: 200px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    margin-right: 5px;
}
#function .meritlayout ul li.merit01 {
    background-image: url(https://www.aiship.jp/img/dotimg/top_function_card01.png);
}
#function .meritlayout ul li.merit02 {
    background-image: url(https://www.aiship.jp/img/dotimg/top_function_card02.png);
}
#function .meritlayout ul li.merit03 {
    background-image: url(https://www.aiship.jp/img/dotimg/top_function_card03.png);
    margin-right: 0;
}
#function .meritlayout h5 {
    color: rgb(135,147,56);
    font-size: 20px;
    position: relative;
}
#function .meritlayout h5:after {
    content: url(https://www.aiship.jp/img/dotimg/top_function_arrow.png);
    position: absolute;
    right: 10px;
    top: 3px;
}
#function .meritlayout p {
    color: #333333;
}*/

/*

#transfer{
    background:url(https://www.aiship.jp/img/dotimg/transfer_bg.png) no-repeat 0 0 / 100% 100%;
    padding-bottom:60px;
}

#payment ul{
    margin:0px auto 25px auto;
    width:914px;
    padding:50px 0 65px 0;
}
#payment li {
    display:inline-block;
    text-align:center;
    margin-right:10px;
    line-height:3;
    vertical-align:middle;
}

#linked_software ul{
    margin:0px auto 25px auto;
    /*width:921px;*/
    padding:20px 0;
    text-align:left;
}
#linked_software li {
    display:inline-block;
    margin-right:5px;
    vertical-align:middle;
}
.price {}
.price .cost .hikaku {}
.price .cost .hikaku table {
    max-width: 890px;
    margin: auto;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
}
.price .cost .hikaku tr {
    height: 85px;
}
.price .cost .hikaku tr.ttl {
    height: 50px;
}
.price .cost .hikaku th {
    font-size: 21px;
    border: 1px solid #ccc;
}
.price .cost .hikaku tr.ttl td {
    color: rgb(135,147,56);
    font-size: 18px;
    font-weight: bold;
}
.price .cost .hikaku td {
    font-size: 26px;
    border: 1px solid #ccc;
}
.price .cost .hikaku td span {
    font-size: 18px;
}
#infra{
    background:url(https://www.aiship.jp/img/dotimg/infra_bg.png) no-repeat 0 0 / 100% 100%;
    padding-bottom:38px;
}

#seminar {
    padding-bottom:60px;
}
#seminar .listarea{
    max-width:886px;
    margin:0 auto;
    background:#FFFFFF;
    border:1px solid #CBCBCB;
}


#seminar .listarea dl{
    float:left;
    max-width:661px;
    padding:20px 25px 10px 0;
}
#seminar .listarea dt,
dd.date{
    float:left;
}

#seminar .listarea dt{
    font-size:18px;
    color:#FFFFFF;
    background:#3C3C37;
    padding:10px 25px;
    font-weight:bold;
    margin-right:10px;
}

#seminar .listarea dd.date{
    margin-top:10px;
}

#seminar .listarea dd.detail{
    margin:10px 0 0px 30px;
}

#seminar .listarea dd{
    text-align:left;
    font-size:18px;
    font-weight:bold;
}


#seminar .listarea .detailbtn{
    float:right;
    width:200px;
    padding:10px 0;
    font-size:16px;
    font-weight:bold;
}
.support .supportlayout {
    padding-bottom: 28px;
}
.support .supportlayout ul {}
.support .supportlayout ul li {
    height: 387px;
    width: 330px;
    padding-top: 200px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    margin-right: 5px;
}
.support .supportlayout ul li.support01 {
    background-image: url(https://www.aiship.jp/img/dotimg/top_support_card01.png);
}
.support .supportlayout ul li.support02 {
    background-image: url(https://www.aiship.jp/img/dotimg/top_support_card02.png);
}
.support .supportlayout ul li.support03 {
    background-image: url(https://www.aiship.jp/img/dotimg/top_support_card03.png);
    margin-right: 0;
}
.support .supportlayout h5 {
    color: rgb(135,147,56);
    font-size: 20px;
    position: relative;
}
.support .supportlayout p {
    color: #333333;
}

#benefit ul{
    max-width:1002px;
    margin:0 auto 25px auto;
}

#benefit li{
    display: inline-block;
    width: 32%;
}

#case ul{

    margin:0 auto;
}
#case li {
    display: inline-block;
    max-width: 45%;
}

#case li:nth-child(3n){ margin-right:0px;}

#free_template {
    background: linear-gradient(#FFFFFF 42%, #EEEEEE);
}

#free_template .topics {}
#free_template .topics .topics_img {
    float: left;
    width: 55%;
    text-align: -webkit-right;
}
#free_template .topics .meta {
    width: 45%;
    float: right;
}
#free_template .topics .meta h3 {
    color: #b81300;
    font-size: 38px;
    text-align: left;
}
#free_template .topics .meta p {
    font-size: 20px;
    color: #4b4b4b;
    text-align: left;
}
#free_template .topics img{
    display:block;
}
#free_template .topics_btn {
    clear: both;
}
#construction{
    background:url(https://www.aiship.jp/img/dotimg/construction_bg.png) no-repeat 0 0 / 100% 100%;
    padding-bottom:40px;
}
#rental{
    background:url(https://www.aiship.jp/img/dotimg/rental_image.jpg) no-repeat 0 0 / 100% 100%;
    padding-bottom:40px;
}



/* 下層ページ共通 ==============================================================================================================================================================*/

/* パン屑リスト */
.breadcrumb{
    width: 100% ;
    background-color: #f8f8f8;
    border-top: 1px solid #d3d3d5;
    border-bottom: 1px solid #d3d3d5;
}
.breadcrumb div.sysContent  {
    margin: 0 auto;
    max-width: 1000px;
}
.breadcrumb span{
    background-image: url(https://www.aiship.jp/img/dotimg/common/breadcrumb_arrow.png);
    display: inline-block;
    padding: 4px;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: 100%;
    font-style: inherit;
    padding: 10px;
    font-size: 14px;
    line-height: 10px;
}
.breadcrumb div.sysContent div div {
    display: inline-block;
}


/*
.breadcrumb {
    background-color: #f8f8f8;
    border-top: 1px solid #d3d3d5;
    border-bottom: 1px solid #d3d3d5;
}
.breadcrumb span a {
    background-image: url(https://www.aiship.jp/img/dotimg/common/breadcrumb_arrow.png);
    display: inline-block;
    padding: 4px;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: 100%;
}
.breadcrumb span a img {
    vertical-align: text-bottom;
}
.breadcrumb span em {
    font-style: inherit;
    padding: 10px;
    font-size: 14px;
}*/


/* 下層ページの「feature」画像　画像が用意できれば復活させる
.sysContent h2.h2Title {
    font-size: 22px;
    background-image: url(https://www.aiship.jp/img/dotimg/feature/feature_h201.png);
    background-repeat: no-repeat;
    background-position: 50% 20px;
    height: 90px;
    padding-top: 40px;
}
*/

.sysContent h3.h3Title {
    padding: 55px 0;
    background-image: url(https://www.aiship.jp/img/dotimg/feature/feature_h3bar.png);
    text-align: center;
    background-repeat: repeat-x;
    background-position: 50%;
    position: relative;
}
.sysContent h3.h3Title strong {
    font-size: 20px;
    display: block;
    background-color: #fff;
    max-width: 300px;
    margin: auto;
}
.sysContent h3.h3Title span {
    position: relative;
    top: -15px;
}
.sysContent h4.h4TitleLeft {
    text-align: left;
    margin: 20px auto;
}
.sysContent h4.h4TitleLeft > span {
    position: relative;
}
.sysContent h4.h4TitleLeft span > span.h4txt {
    position: absolute;
    top: 0;
    left: 200px;
    font-size: 26px;
    color: #c01300;
}
.sysContent h4.h4TitleRight {
    text-align: right;
    margin: 20px auto;
}
.sysContent h4.h4TitleRight > span {
    position: relative;
}
.sysContent h4.h4TitleRight span > span.h4txt {
    position: absolute;
    top: 0;
    right: 200px;
    font-size: 26px;
    color: #c01300;
}

/*ボタンデザイン*/
.button_mat {
    position: relative;
    background-color: #1abc9c;
    border-radius: 4px;
    color: #fff;
    line-height: 52px;
    -webkit-transition: none;
    transition: none;
        padding: 15px;
}
.button_mat:hover {
    background-color: #31c8aa;
}
.button_mat:active {
    top: 3px;
    box-shadow: none;
}
/*料金セクション位置調整*/
section#cost {
    margin-top: -40px;
}
#cost td {
    border: 1px solid #777;
    vertical-align: middle;
}

/*料金テーブル*/
#cost table {
    border: 1px solid #777;
    width: 90%;
    margin: 20px auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1em;
}
#cost th {
    border: 1px solid #777;
    padding: 20px;
    vertical-align: middle;
    background-color: #efefef;
}
#cost td p {
    font-size: 20px;
    margin: 0;
}
#cost td span {
    font-size: 10px;
    font-weight: bold;
}

/* feature ==============================================================================================================================================================*/
.p_feature .subTitle {
    background-image: url(https://www.aiship.jp/img/dotimg/feature/feature_bk01.jpg);
    height: 0;
    background-size: 100% auto;
    width: 100%;
    padding-bottom: 26%;
}
.p_feature .subTitle p {
    color: #fff;
    font-size: 40px;
    font-family: 游ゴシック体;
    padding: 35px 0;
}
.p_feature .ourthoughts {
    font-size: 18px;
}
.p_feature .ourthoughts strong {
    display: block;
}
.p_feature .read {
    background-color: #efefef;
}
.p_feature .read .inner {
    max-width: 1000px;
    margin: auto;
    position: relative;
    top: auto;
    height: 300px;
}
.p_feature .read .inn_left p {
    float: left;
    position: relative;
    top: -20px;
    width: 55%;
}
.p_feature .read .inn_right p {
    float: right;
    position: relative;
    top: -20px;
    width: 55%;
}
.p_feature .read .inn_left p.i01 {}
.p_feature .read .inn_rigth p.i02 {}
.p_feature .read .inn_left p.i03 {
    max-width: 500px;
}
.p_feature .read .inn_right p.i04 {
    max-width: 420px;
}
.p_feature .read .inn_left p.i05 {}
.p_feature .read .inn_right p.i06 {}
.p_feature .read .inn_left p.i07 {}
.p_feature .read .inn_right p.i08 {}
.p_feature .read .inn_left h5 {
    float: right;
    font-size: 40px;
    color: #333333;
    width: 45%;
    top: 60px;
    font-weight: normal;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
}

.p_feature .read .inn_right h5 {
    float: left;
    font-size: 40px;
    color: #333333;
    width: 45%;
    top: 60px;
    font-weight: normal;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p_feature .read .inner:after {
    content: "";
    display: table;
    clear: both;
}
.p_feature .meta {
    text-align: left;
    margin: 30px auto 50px;
    font-size: 18px;
}
.backimg-fea{
    font-size: 22px;
    background-image: url(https://www.aiship.jp/img/dotimg/feature/feature_h201.png);
    background-repeat: no-repeat;
    background-position: 50% 0px;
    /*height: 90px;*/
    padding-top: 20px;}

/* aishipRが選ばれる理由 */
.p_feature .checked {
    font-size: 18px;
}
.p_feature .checked p {}
.p_feature .checked ul {
    max-width: 890px;
    margin: auto;
}
.p_feature .checked ul:after {
    content: "";
    display: table;
    clear: both;
}
.p_feature .checked li {
    width: 20%;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    float: left;
    height: 180px;
    color: #333;
    font-size: 16px;
    line-height: 1.3;
    background-image: url(https://www.aiship.jp/img/dotimg/feature/feature_icon_checked.gif);
    background-repeat: no-repeat;
    background-position: 50% 20px;
    background-color: #e0e0e0;
    max-width: 178px;
    padding: 10px;
}
.p_feature .checked li:nth-child(2n) {
    background-color: #eeeeee;
}
.p_feature .checked li p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 他社ASPとの違い */
.p_feature .difference {}
.p_feature .difference table {
    max-width: 890px;
    width: 100%;
    border: 1px solid #cccccc;
    margin: auto;
    line-height: 1.2;
}
.p_feature .difference tr {}
.p_feature .difference th {
    width: 20%;
    border: 1px solid #cccccc;
    padding: 10px;
    background-color: #333333;
    color: #fff;
}
.p_feature .difference td {
    width: 40%;
    border: 1px solid #cccccc;
    padding: 10px;
    height: 75px;
}
.p_feature .difference tr.title {}
.p_feature .difference tr.title th.yohaku {
    background-color: #fff;
}
.p_feature .difference tr.title td {
    height: 50px;
}
.p_feature .difference tr.title td.aishipR {
    background-color: #b81303;
    padding: 10px;
}
.p_feature .difference tr.title td.aishipR > img {
    vertical-align: middle;
}
.p_feature .difference tr.title td.others{
    background-color: #666666;
    color: #fff;
}



/*   5.8 - ニュースリリース
---------------------------------------------------- */
.newsimage {
  float: right;
  width: 40%;
  margin: 1% 3% 1% 3%;
  border: 5px #fff solid;
  display: block;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2,enabled=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2,enabled=true)";
}

.newstitle {
  margin: 0;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: rgb(233, 233, 233);
  padding: 15px 30px;
  font-family: sans-serif;
  font-weight: bold;
  width: 54%;
  display: block;
  float: left;
}
.newscategory {
  background-color: rgb(204, 67, 41);
  color: #fff;
  font-size: 11px;
  float: left;
  margin: 5px 0px 5px 2px;
  width: 15%;
  padding: 2px 5px;
  font-weight: bold;
  font-family: arial;
  letter-spacing: 1px;
}
.newsdate {
  margin: 0;
  font-weight: bold;
  float: right;
  width: 39%;
  text-align: right;
  padding: 5px 0;
  color: rgb(204, 67, 41);
  font-size: 15px;
  font-family: arial;
  letter-spacing: 1px;
}
.newsCnttext {
  font-size: 13px;
  line-height: 20px;
  margin: 70px 0 0;
  margin: 40px 0 0;
  width: 100%;
  color: #000;
}
.newsCnttext p {    margin: 13px 0;}
.newsCnttext a { color: rgb(241, 32, 32);}
.newsCnttext a:hover { color: rgb(253, 111, 111);}

/* 讖溯?荳隕ｧ繝壹?繧ｸ?医き繧ｹ繧ｿ繝槭う繧ｺ?会ｼ医ち繝悶Ξ繝?ヨ邵ｦ逕ｨ?
---------------------------------------------------- */
.functiontitle p.font2 { font-size: 13px; line-height: 16px; margin: 10px 10px 0;}
ul.functionanchor { width: 90%; margin: 0 auto!iportant;}

.kinouIchiran { line-height: 14px;}
.kinouIchiran .sysContent { width: 100%; }

.h1 .name { padding: 15px 0 0 48px;}
.h1 .summary { font-size: 13px; line-height: 16px;}
.h2 .summary { font-size: 11px; line-height: 14px;}
.h3 .name { font-size: 13px;}

/* 讖溯?繝壹?繧ｸ?医ち繝悶Ξ繝?ヨ邵ｦ逕ｨ?
---------------------------------------------------- */
#function .botton1 a{ margin: 5px auto 5px auto; width: 43%;}
/* 讖溯?繝壹?繧ｸ蜈ｱ騾
---------------------------------------------------- */
#function .font2{ width:100%; margin: auto !important;}
#function div.odd{ color:red; text-align: center;}
#function .text{ margin: 15px auto 15px auto;}
#function .padding{
padding:5px 50px;
color:white;
background-color:rgb(171,171,171);

font-size:23px;
letter-spacing: 0.1em;
font-weight: 400;
max-width: 800px;
width:100%;
margin: auto;
}

#function .botton1 a{
max-width: 800px;
margin:5px auto 5px auto !important;
padding:5px auto 5px auto;
}
#function .css3button1.fontsmall{ font-size:10px; margin:auto;}

#function table {
  border-collapse: collapse;
  width:100%;
}

#function table.sample01 th {
background-color:rgb(232,183,66);
color:white;
font-family: 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:15px;
}

#function table.sample02 th {
background-color:rgb(186,203,116);
color:white;
font-family: 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:15px;
}

/*#function table th { padding:5px 10px;}*/
/*#function table td{ padding:10px 10px; font-family: 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック','MS PGothic',sans-serif;}*/

#function_gazou .function_img { max-width: 100%;}
#function_gazou { position: static; width:100%; margin: 0px ;}

#function_gazou li{
position: static;
width:33%;
float:left;
padding:0;
margin:10px 0px 5px 0px;
text-align:center;
}

/*CSS繝懊ち繝ｳ*/
#function .botton1 a{
padding: 3% 0.5% 3% 0.5%;
font-family: 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:18px;
border-radius: 8px;
display: inline-block;
margin: 10% auto 10% auto;
width:  10% auto 10% auto;
text-align:center;
color:white;
}
#function .css3button1{ background-color:rgb(186,203,116);}
#function .css3button2{ background-color:rgb(232,183,66);}

/*繝??繝悶Ν*/
.h3 .name {
  display: table-cell;
  width: 19%;
  border-bottom: 4px solid #fff;
  background-color: #72b890;
  color: #fff;
  font-weight: bold;
  padding: 15px;
}
.h3 .summary {
  display: table-cell;
  width: 30%;
  border-bottom: 4px solid #fff;
  background-color: rgb(248, 248, 248);
  font-size: 13px;
  padding: 15px;
}
.h3 .detail { display: none; }
#site .name {
    margin: 0 0 8px;
}
#site .name {
    background-image: url(https://www.aiship.jp/img/newimg/icon1.png);
    background-repeat: no-repeat;
}
.h1 .name {
    height: 50px;
    font-size: 25px;
    font-weight: bold;
    color: #6dceca;
    padding: 8px 0 0 48px;
    margin: 30px 0 8px;
    border-bottom: 4px #6dceca solid;
}
/*譖ｴ譁ｰ譌･譎*/
.kinouIchiran .meta { float: right; width: 106px; font-size: 11px;}
.kinouIchiran .meta .name { position: absolute; }
.kinouIchiran .meta .summary { float: right; }

/*鬆?岼繧ｿ繧､繝医Ν*/
.h1 .name {
  height: 50px;
  font-size: 25px;
  font-weight: bold;
  color: #6dceca;
  padding: 8px 0 0 48px;
  margin: 30px 0 8px;
  border-bottom: 4px #6dceca solid;
}
#site .name { background-image : url(https://www.aiship.jp/img/newimg/icon1.png); background-repeat : no-repeat; }
#cart .name { background-image : url(https://www.aiship.jp/img/newimg/icon2.png); background-repeat : no-repeat; }
#item .name { background-image : url(https://www.aiship.jp/img/newimg/icon3.png); background-repeat : no-repeat; }
#order .name { background-image : url(https://www.aiship.jp/img/newimg/icon4.png); background-repeat : no-repeat; }
#customer .name { background-image : url(https://www.aiship.jp/img/newimg/icon5.png); background-repeat : no-repeat; }
#attraction .name { background-image : url(https://www.aiship.jp/img/newimg/icon6.png); background-repeat : no-repeat; }
#system .name { background-image : url(https://www.aiship.jp/img/newimg/icon7.png); background-repeat : no-repeat; }
#system_other .name { background-image : url(https://www.aiship.jp/img/newimg/icon8.png); background-repeat : no-repeat; }


.h1 .summary { font-weight: bold; font-size: 14px; margin: 0 8px 15px; color: rgb(47, 155, 206); line-height: 20px; }
#site .name { margin: 0 0 8px; }

/*繧ｵ繝夜?岼繧ｿ繧､繝医Ν*/
.h2 .name {
  background-color: rgb(255, 240, 182);
  padding: 8px 20px;
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0 0;
}
.h2 .summary { background-color: rgb(255, 252, 223); margin: 0; padding: 15px; font-size: 13px; line-height: 20px;}
.h3 .summary {
    display: table-cell;
    width: 30%;
    border-bottom: 4px solid #fff;
    background-color: rgb(248, 248, 248);
    font-size: 13px;
    padding: 15px;
}
.kinouIchiran a:link, .kinouIchiran a:visited, .kinouIchiran a:hover, .kinouIchiran a:active {
    color: #E93972;
}
ul.functionanchor {
    width: 70%;
    margin: 20px auto 0!important;
    text-align: center;
}
ul.functionanchor li {
    width: 24%;
    float: left;
    margin: 0.5%!important;
}
/* 譁咎≡繝壹?繧ｸ蜈ｱ騾(譁ｰ繝壹?繧ｸ逕ｨ霑ｽ蜉蛻)
---------------------------------------------------- */

.pricetopimage {
  width: 90%;
  margin: -10px auto 10px;
  height: 230px;
  text-align: center;

  font-weight: bold;
  color: rgb(53, 53, 53);
}
.pricetopimage p { margin: 0; padding:0;}
.pricetopimage img.planillust { display: block; width: 40%; float: left;}
.pricetopimage img.plancatch { display: block; width: 59%; float: right; margin: 10px auto;}
.pricetopimage strong { color: #c43c35;}

/* R繝励Λ繝ｳ陦ｨ */
h3.rateTitleR,
h3.rateTitleWEB,
h3.rateTitleOPTION {
  background-color: #c43c35;
  color: #fff;
  font-weight: bold;
  font-family: meyrio;
  font-size: 25px;
  text-align: center;
  position: relative;
  padding: 0.5em;
  width: 95%;
  margin: 0 auto -1px;
}
h3.rateTitleWEB { background-color: #9DE0AD; }
h3.rateTitleOPTION { background-color: #F5B349; }
.baseRateTableR th {
  background-color: #f0f8ff;
  color: #000!important;
  width: 35%!important;
}
.baseRateTableR td { line-height: 17px;}
.baseRateTableR td strong { color: #c43c35; font-weight: bold; font-size: 25px; }

/* 繧ｪ繝励す繝ｧ繝ｳ繧ｵ繝ｼ繝薙せ */
.baseRateTableR th strong { color: #355C7D!important; font-weight: bold; font-size: 18px; font-family: Meiryo;}
.baseRateTableR th.THcarrier img,
.baseRateTableR th.THpayment img {  width: 23%; display: block; float: right; margin-right: 6%;}
.baseRateTableR th.THcarrier p { margin: 20px 0 0 0;}

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

#price .rateTable {}
.basicFunction {  margin: 5% 0 0 0;}
#price .topImage {
  display: block;
  height: auto;
  margin: 3% auto;
  max-width: 100%;
}

/*蜈ｨ繧ｿ繧､繝医Ν蜈ｱ騾*/
#price h3.rateTitle {
  background-color: rgb(101, 159, 179);
  color: #fff;
  font-weight: bold;
  font-family: meyrio;
  font-size: 25px;
  text-align: center;
  position: relative;
  padding: 0.5em;
  width: 95%;
  margin: 0 auto -1px;
}

/*繧ｹ繧､繝?メ繝懊ち繝ｳ*/
#price .swichBtn { border-bottom: #C0C55F 2px solid; padding: 0; text-align: center; }
#price .swichBtn a {
  background-color: #CCCCCC;
  border: #FFFFFF 1px solid;
  border-bottom: none;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  font-size: small;
  font-size: 0.8rem;
  margin: 0;
  padding: 3% 0;
  text-align: center;
  text-decoration: none;
  width: 32%;
}
#price .swichBtn a.active { background-color: #C0C55F;}


/*蜈ｨ繝??繝悶Ν蜈ｱ騾*/
#price .priceTable {
  border-collapse: collapse;
  border: #ABABAB 1px solid;
  margin: 0px auto;
  width: 100%;
}

#price .priceTable th{  text-align: left;   padding: 12px 5px;}

#price .priceTable th,
#price .priceTable td {
  color: #676767;
  border: #ABABAB 1px solid;
  font-size: 0.72rem;
  font-weight: normal;
  text-align: center;
}

#price .priceTable td { background-color: #FFFFFF; width: 200px;     padding: 12px 6px;}

#price .planRight {}
#price .planStandard {}
#price .planPremium {}

#price span.enhance { font-size: 120%; font-size: 0.8rem; font-weight: bold;}
#price span.weakened { font-size: 86%; font-size: 0.6rem;}

#price .attRed {  color: #CC0000;}
#price .attBlue { color: #1167A5;}
#price .attGreen {  color: #7A8C54;}


/*aishipR 蜷??繝ｩ繝ｳ縺ｨ縺泌茜逕ｨ譁咎≡*/
#price .baseRateTable {}
#price .baseRateTable th { background-color: #f0f8ff; color: #000; width: 370px;}

/*縺昴?莉匁侭驥*/
#price .otherRateTable {}
#price .otherRateTable th { background-color: #e6e6fa;}

/*繧ｪ繝励す繝ｧ繝ｳ繧ｵ繝ｼ繝薙せ*/
#price .optionRateTable {}
#price .optionRateTable th {  background-color: #f0f8ff;}

/*讓呎ｺ匁ｩ溯?*/
#price .StandardFunc { margin: 0 auto 5% auto; width: 85%;}
#price .StandardFunc:first-child {  margin: 5% auto;}
#price .StandardFunc > h3 { margin: 0 0 1.5em 0;}
#price .StandardFunc > p {
  font-size: 12px;
  font-size: small;
  font-size: 0.8rem;
  margin: 1% 0;
}
#price .StandardFunc .clear {
  clear: both;
  height: 0.1px;
  margin: 0px;
  padding: 0px;
  width: 0.1px;
}

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

#price ul:after, ol:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
    width: 0.1px;
}

#price #function_gazou { margin: 0; position: static; width: 100%;}
#price #function_gazou li {
    float: left;
    margin: 10px 0 5px;
    padding: 0;
    position: static;
    text-align: center;
    width: 33%;
}
#price #function_gazou .function_img { max-width: 150px; max-height: 87px;}
#price img { vertical-align: middle;}

#price .StandardFunc2 {
    text-align: left;
    width: 95%;
    margin: 0 auto 5%;
}
#price .StandardFunc2 > p { font-size: 0.8rem; line-height: 1.3; margin: 0.5em 0;}
#price .StandardFunc > h3 { margin: 0 0 1.5em; font-size: 1em;}

/* 雋ｩ螢ｲ莉｣逅?ｺ怜宛蠎ｦ縺ｫ縺､縺?※繝壹?繧ｸ蜈ｱ騾
---------------------------------------------------- */

/*フォーム*/
.form_content {
    max-width: 820px;
    margin: 0 auto;
    margin-bottom: 40px;
}
ul.inquiry {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 5px;
    line-height: 1.8;
    font-size: 0.8rem;
}
.sysFormField > label {
    padding: 3px 6px 3px 2px;
    margin: 3px;
    border: 1px solid #a9a9a9;
    border-radius: 9px;
    display: inline-block;
    cursor: pointer;
    color: white;
    background: #a9a9a9;
}
.sysForm {
    color: #595959;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    padding: 0 10%;
max-width:1000px;
margin:0 auto;
}
#sysFormIndex #sysMain form, #sysFormConfirm #sysMain form, #sysFormIndex #sysMain ul.errorMessage {
    background-color: #FFFFFF;
    margin-bottom: 30px;
}
#sysFormIndex #sysMain form, #sysFormConfirm #sysMain form, #sysFormIndex #sysMain ul.errorMessage {
    background-color: #FFFFFF;
    margin-bottom: 30px;
}
.sysForm .sysFormItem {
    padding: 0 0.5em 2em 0.5em;
}
.sysForm textarea {
    background-color: #F5F5F5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    border: #999999 1px solid;
    border-radius: 2px;
    padding: 0.5em;
    margin-top: 5px;
    width: 100%;
}
#sysFormIndex .breadcrumb div.sysContent {
    max-width: 800px;
}
input.sysNextSubmit {
    background-color: #c43c35;
    border-color: #c43c35;
    margin: 0 auto 10px;
    font-size: 25px;
    font-weight:bold;
        height: 60px;
max-width:700px;
}
#sysFormIndex #sysMain > p{
display: none;}
.sysForm input[type="text"] {
    background-color: #F5F5F5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    border: #999999 1px solid;
    border-radius: 2px;
    padding: 0.5em;
    margin-top: 5px;
    width: 100%;
}
label.sysFormLabel {
    font-size: 1rem;
}
.sysRequired {
    color: #bb0000;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}
.form-trial input[name="item[10][answer][0]"],form-template input[name="item[10][answer][0]"]{display:none;}


/* module  ==============================================================================================================================================================*/
/*中央揃え*/
.txt-cen {
    text-align:center;
}
#top-2013nov .txt-cen img {
    display: block;
    padding: 20px;
    margin: auto;
}
.txt-r {text-align:right;}

/*文字色*/
.color-red{color:#c01300;}
.color-white{color:#fff;}
.color-gray{color:#4b4b4b;}

/*マージン*/
.mrgn-t5p{
    margin-top: 5%;}
/*clear*/
.clear {
    clear: both;
}
/*フロート*/
.f-left {
float:left;
}
.f-right{
float:right;
}
.centering,.Centering
{margin:0 auto; }
.disp-inBlock{display:inline-block;}
/*ボタン オレンジ*/
.orange-button{
    background-color: #ff8a00;
    border-color: #ff8a00;
    display: inline-block;
    zoom: 1;
    padding: 12px 20px;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    letter-spacing: 0.1em;
    font-weight: 600;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    font-size: 18px;
    color: #fff;
}


/*   3.4 - List Module
 *-------------------------------------------------------------------------- */
/*.list-row{  letter-spacing: -.40em;}*/
.list-row:after{
 /* content: "";*/
  clear: both;
  display: block;
}
.list-holizontal{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}

.list-centering {    position: relative;}
.list-centering-cnt {
    padding: 0 15px;
    position: absolute;
    -webkit-transform: translate(0%, -50%);  transform: translate(0%, -50%);
    top: 50%;
}

/*   6.1 - [共通]Another Setting
 *-------------------------------------------------------------------------- */

/*   6.1.1 - Responsive Grid System   */
@media ( min-width : 601px ) {
.grid-col {  margin-left: 2%;}

.grid-span1 {  width: 2.25%;}
.grid-span2 {  width: 6.5%;}
.grid-span3 {  width: 10.75%;}
.grid-span4 {  width: 15.0%;}
.grid-span5 {  width: 19.25%;}
.grid-span6 {  width: 23.5%;}
.grid-span7 {  width: 27.75%;}
.grid-span8 {  width: 32.0%;}
.grid-span9 {  width: 36.25%;}
.grid-span10 {  width: 40.5%;}
.grid-span11 {  width: 44.75%;}
.grid-span12 {  width: 49.0%;}
.grid-span13 {  width: 53.25%;}
.grid-span14 {  width: 57.5%;}
.grid-span15 {  width: 61.75%;}
.grid-span16 {  width: 66.0%;}
.grid-span17 {  width: 70.25%;}
.grid-span18 {  width: 74.5%;}
.grid-span19 {  width: 78.75%;}
.grid-span20 {  width: 83.0%;}
.grid-span21 {  width: 87.25%;}
.grid-span22 {  width: 91.5%;}
.grid-span23 {  width: 95.75%;}
.grid-span24 {  width: 100%;}
.grid-span25 {  width: 18%;}
.grid-span26 {  width: 29%;}

/*   6.1.2 - No Margin Drid  */
.col-span1{  width: 4.17%;}
.col-span2{  width: 8.33%;}
.col-span3{  width: 12.5%;}
.col-span4{  width: 16.6%;}
.col-span5{  width: 20.83%;}
.col-span6{  width: 25%;}
.col-span7{  width: 29.17%;}
.col-span8{  width: 31.33%;}
.col-span9{  width: 37.5%;}
.col-span10{  width: 42.67%;}
.col-span11{  width: 45.83%;}
.col-span12{  width: 50%;}
.col-span13{  width: 54.17%;}
.col-span14{  width: 58.33%;}
.col-span15{  width: 62.5%;}
.col-span16{  width: 66.67%;}
.col-span17{  width: 70.83%;}
.col-span18{  width: 75%;}
.col-span19{  width: 79.17%;}
.col-span20{  width: 83.33%;}
.col-span21{  width: 87.5%;}
.col-span22{  width: 91.67%;}
.col-span23{  width: 95.83%;}
.col-span24{  width: 100%;}

/*   6.1.3 - Push Grid (margin-left)  */
.col-push1{  margin-left: 4.17%;}
.col-push2{  margin-left: 8.33%;}
.col-push3{  margin-left: 12.5%;}
.col-push4{  margin-left: 16.6%;}
.col-push5{  margin-left: 20.83%;}
.col-push6{  margin-left: 25%;}
.col-push7{  margin-left: 29.17%;}
.col-push8{  margin-left: 33.33%;}
.col-push9{  margin-left: 37.5%;}
.col-push10{  margin-left: 41.67%;}
.col-push11{  margin-left: 45.83%;}
.col-push12{  margin-left: 50%;}
.col-push13{  margin-left: 54.17%;}
.col-push14{  margin-left: 58.33%;}
.col-push15{  margin-left: 62.5%;}
.col-push16{  margin-left: 66.67%;}
.col-push17{  margin-left: 70.83%;}
.col-push18{  margin-left: 75%;}
.col-push19{  margin-left: 79.17%;}
.col-push20{  margin-left: 83.33%;}
.col-push21{  margin-left: 87.5%;}
.col-push22{  margin-left: 91.67%;}
.col-push23{  margin-left: 95.83%;}
.col-push24{  margin-left: 100%;}

}

.popular1{
position: relative;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

.popular1:after {/*タブ*/
position: absolute;
    font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
    content: '一番人気！';
    background: #fd9801;
    /*color: #fff;*/
    left: 0px;
    bottom: 100%;
    border-radius: 8px;
    padding: 8px 14px 5px;
    font-size: 0.7rem;
    line-height: 0.7rem;
    letter-spacing: 0.05em;
    width: 77%;
    font-weight: bold;
  }

.popular1_1{
position: relative;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

.popular1_1:after {/*タブ*/
position: absolute;
    font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
    content: '人気！';
    background: #fd9801;
    /*color: #fff;*/
    left: 0px;
    bottom: 100%;
    border-radius: 8px;
    padding: 8px 14px 5px;
    font-size: 0.5rem;
    line-height: 0.7rem;
    letter-spacing: 0.05em;
    width: 55%;
    font-weight: bold;
  }

.mrgn-t3 {
    padding: 10px;
}

#price .baseRateTable1 th {
    background-color: #f0f8ff;
    color: #000;
    width: 15%;
}




/* aishipRの特徴 */
.p_feature .ourthoughts {
    font-size: 18px;
}
.p_feature .meta {
    padding: 0 20px;
}
div.contents.meta.haikei {
    padding: 0 20px;
    font-size: 18px;
}
/* aishipRの開発背景 */
.p_feature .meta {
    clear: both;
}
.p_feature .inn_left p {
    max-height: 300px;
    overflow: hidden;
}
/* 4つの課題 */
.task {
    background-image: url("https://www.aiship.jp/img/dotimg/feature/feature_icon_taskbk.jpg");
    background-repeat: no-repeat;
}
.task h4 {
    color: #fff;
    font-size: 40px;
    font-weight: normal;
}
.task ul {
    max-width: 1000px;
    margin: auto;
}
.task ul:after {
    content: "";
    display: block;
    clear: both;
}
.task ul li {
    text-align: center;
    width: 46%;
    background-color: #eee;
    float: left;
    margin: 20px;
    height: 160px;
    position: relative;
    padding: 0 20px;
}
.task ul li p {
    margin: auto;
    position: relative;
    top: -25px;
}

/* 新たなプラットフォームを求めて */

.platform {
    margin-top: 100px;
}
.platform .inner p {
    background-color: #fcfcfc;
    top: -50px !important;
    text-align: center;
}
.platform .inner p img {
    max-width: 350px;
}
.conviction_meta > div {
    float: left;
    width: 55%;
}
.conviction_meta > p {
    float: right;
}
.conviction_meta > span {
    clear: both;
    display: block;
    padding-top: 1em;
}




/* スクロール後ナビ */
.changed #changedNav li{width:7.5%!important}
.changed #changedNav ul {
    margin: 0 auto;
    padding-top: 5px;
    max-width: 1300px;
    overflow: hidden;
}
.changed #changedNav li {
    float: left;
    margin: 0;
    width: 16%;
    text-align: center;
}
#changedNav {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 40px;
    clear: both;
    top: 0;
    background: /*#2c2c2c*/ rgba(101,87,71);
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);
}
nav#changedNav li span {
    color: #fff;
    font-weight: bold;
}
li.hnavCV a {
    background: rgb(235,147,56);
    padding: 5px;
}
.changed #changedNav li {
    width: 9%;
}
li.hnavCV a {
background: rgb(235,147,56);
    padding: 3px;
    margin: auto 1% auto 1%;
    width: 30%!important;
    font-size: 80%;
    display: inline-block;
    border: 1.5px rgb(235,147,56) solid;
    border-radius: 3px;
}
#changedNav dl {
    margin: 0 auto 15px auto;
    padding: 0 0 15px 0;
    max-width: 1000px;
    overflow: hidden;
}
#changedNav .navlist
{
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    background: #fff;
}

#hNav011on,#hNav012on,#hNav013on,#hNav014on,#hNav015on,#hNav016on,#hNav017on {
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    background: #fff;
}
#hNav011on,#hNav012on,#hNav013on, #hNav014on, #hNav015on, #hNav016on,#hNav017on {
    margin-top: /*12px*/0;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    background: #fff;
    background-color: #f8f8f8;
    border-top: 1px solid #d3d3d5;
    border-bottom: 1px solid #d3d3d5;
}
#changedNav dd {
    padding: 2px 0 0px 10px;
    font-size: 14px;
    background: url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 0 center;
    margin-right: 15px;
    margin-top: 14px;
    float: left;
}
#changedNav dd {
    padding: 2px 0 0px 10px;
    font-size: 14px;
    background: url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 0 center;
    margin-right: 15px;
    margin-top: 14px;
    float: left;
}
#changedNav dt {
    display: none;
}

/*ページTOPへ戻る*/
.SmoothScroll_pageTop{
text-align: right;
    position: fixed;
    bottom: 10%;
    right: 2%;
    display: none;
}
.SmoothScroll_pageTop a{
    display:inline-block;
    background-color:rgba(54, 54, 54, 0.4);
    padding:10px 20px;
    margin:10px 0;
    color:#FFF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.SmoothScroll_pageTop a::before{
    font-family:FontAwesome;
  content: "\f062";
    margin-right:5px;
}
.SmoothScroll_pageTop a:hover{
    background-color:rgba(54, 54, 54, 0.6);
}
    .SmoothScroll_pageTop a{
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        width:50px;
        height:50px;
        padding:0;
        text-align:center;
        line-height:50px;
    }
    .SmoothScroll_pageTop a::before{
        margin-right:0;
    }
    .SmoothScroll_pageTop a span{
        display:none;
    }
/* 季節休業のお知らせオンオフ
.h-info{display:none!important;}*/

/**/

/*top infla*/
#infla {
    background: url(https://www.aiship.jp/img/topMain/top_infla.png) no-repeat 0 0 / 100% 100%;
    padding-bottom: 40px;
}
/*top 新着情報*/
aside.m-about {
    max-width: 980px;
    margin: 0 auto;
    text-align: left;
}

img.sp-hide {
    display: none;
}

.m-about dl.grid-row {
    border-bottom: 1px dotted;
    margin-bottom: 3px;
    padding-bottom: 10px;
}

.news-list .grid-row {
    margin-bottom: 0.75em;
    border-bottom: 1px dotted #aaa;
    padding-bottom: 0.75em;
    font-size: 14px;
}

.sysFuncText.newsinfo {
    background: #eee;
}
p.try-button {
    text-align: center;
}
.title04.ttl {
    text-align: center;
    font-size: 1.4em;
}
p.font2 a {
    color: red;
    font-weight: bold;
}

.layer_board {
    display: none;
    position: fixed;
    left: 20%;
    margin: 0px 0px;
    text-align: center;
    z-index: 2000;
    top: 15%;
    right: 20%;
}
tr.planName td, tr.itemNumber td {
    font-weight: bold!important;
}

p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}


body.form-estimate .sysFormItem.sys1 {
    display: none;
}


div.mb20.sp img{
    width: auto;
}

div.sp img{
    width: 100%;
}

ul.cf.sp{
    display:inline-block;
}

/*モバイル専用ECサイトをレスポンシブサイトへ移行*/
.txt-cen2 {
    text-align: center;
    margin-top: 20px;
}

h4.titlenew {
    text-align: center;
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*インタビュー一覧*/
div.col-span11 f-left sp-full {
    width: 40%;
}

div.int {
    text-align: center;
}

div.int img{
    width: 400px;

}

div.pstn-rel txt-cen mrgn-t5 {
    text-align: center;
}



body.form-partner .sys17 input {
    display:block!important;
}


/*新着情報*/
div.NewsRelease_test  ul li {
    border-bottom: 1px dashed #666;
    padding-top: 20px;
}
div.NewsRelease_test  ul li a　{
    display: block;
    white-space: normal;
}
div.NewsRelease_test  time {
    float: left;
    display: block;
    white-space: nowrap;
    font-weight: bold;
    width: 119px;
    overflow: hidden;
}
div.NewsRelease_test {
    margin: 0 auto;
    width: 80%;
}

div.raboarticle  ul li {
    border-bottom: 1px dashed #666;
    padding-top: 20px;
}
div.raboarticle  ul li a　{
    display: block;
    white-space: normal;
}
div.raboarticle  time {
    float: left;
    display: block;
    white-space: nowrap;
    font-weight: bold;
    width: 119px;
    overflow: hidden;
}
div.raboarticle {
    margin: 0 auto;
    width: 80%;
}
/*ニューリリースタイトル*/
article h1{
    margin-left: 15%;
    margin-right: 10%;
        margin-bottom: 1%;
        margin-top: 1%;
        font-size: 20px;
}

/*ec500の流れる画像*/
.ecflow {
width: 4000px;
height: 213px;
background: url(https://www.aiship.jp/img/Frame10.png) repeat-x;
background-size: contain;
background-position: 0 0;
animation: ecflow 40s linear infinite;}

@keyframes ecflow {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1365px 0;
    }
}

@media screen and (max-width:400px){
.ecflow {
height: 232px;
background: url(https://www.aiship.jp/img/Frame10.png) repeat-x;
background-size: auto 232px;
animation: ecflow 70s linear infinite;}

@keyframes ecflow {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -3600px 0;
    }
}
}

/*グローバルナビゲーション*/
nav#hNav{
z-index: 1;
}

/*お知らせ個別ページ下部*/
div#pagetop a {
    position: relative;
    right: 15%;
}



/*無料お試しページテンプレート選択*/
.form-trial input[name="item[10][answer][0]"], form-template input[name="item[10][answer][0]"]
 {
    display: inherit;
}

/*無料お試しページ-トライアルのご利用*/
.form-trial input[name="item[15][answer][0]"]
{
    display: inherit;
}

/*
input[name="item[16][answer][0]"] {
    display: none;
    -webkit-appearance: none;
}
*/
/*input[name="item[23][answer][0]"] {
    display: none;
    -webkit-appearance: none;
}*/

/*無料お試しページ指定支援会社下テキスト消し-iPhone用*/

.sysFormItem sys16{
    -webkit-appearance: none;
}

/*各ページの画像サイズ*/
img.cp {
    width: 70%;
  }
@media screen and (max-width: 700px){
  img.cp {
    width: 100%;
  }
}

/*スマホ表示左より訂正（各ページのスタイルシート訂正）*/
@media screen and (max-width:640px){
.l-1000 {
    margin: 0 auto !important;
    max-width: 350px;
}
}

/*連携ソフト表*/
#linked_software ul {
    padding-left: 10% !important;
}
#linked_software li {
    margin-left: : 5px;
}

/*特徴・機能ヘッダー部整理*/
div.features_sort {
    margin: 0 auto 15px auto;
    padding: 0 0 15px 0;
    width: 1000px;
    overflow: hidden;
}

div.features_sort strong {
    font-size: large;
}
div#hNav01on,
div#hNav02on
{
    padding-top: 10px;
}

#hNav #hNav01on,
#hNav #hNav02on,
#hNav #hNav03on,
#hNav #hNav04on,
#hNav #hNav05on,
#hNav #hNav06on,
#hNav #hNav07on
{
    background: #f8f8f8;
}
.feature_arrange h3.h3ttl {
    font-size: 22px;
    color: #fff;
}
.feature  #feature04 {
    background-color: #cd514b;
}
.feature #feature04 .icon{
    width: 25%;
    text-align: right;
}
.feature #feature04 .meta {
    width: 73%;
    top: 45%;
}
.feature #feature03 {
    background-color: #bb0200;
}
div#feature02 {
    background: #8e0000;
}

.sukima{
margin-top: 20px!important;
}

/*フォームカスタム*/
.sys1 input, .sys17 input {
    display: inline;
}

.sysFormField input[name="item[16][answer][0]"],
.sysFormField input[name="item[24][answer][0]"], .sysFormField input[name="item[17][answer][0]"],
.sysFormField input[name="item[34][answer][0]"]{
    /*display: none;*/
}

.form-offer .sysFormField input[name="item[0][answer][0]"],.form-offer .sysFormField input[name="item[18][answer][0]"],.form-offer .sysFormField input[name="item[12][answer][0]"],.form-offer .sysFormField input[name="item[40][answer][0]"]{
    display: none;
}

@media screen and (min-width: 800px){
.txt-cen.headtopmargin{
margin-top: 500px;
}
}
 .form-offer  .sysFormItem.sys37{
width: 100%!important;
}
 .form-offer  .sysFormItem.sys38{
width: 100%!important;
}
 .form-offer  .sysFormItem.sys37, .form-offer  .sysFormItem.sys39 ,.form-offer  .sysFormItem.sys41 {
    width: 40%!important;
    display: inline-block;
}
 .form-offer  .sysFormItem.sys38 , .form-offer  .sysFormItem.sys40, .form-offer  .sysFormItem.sys42 {
    width: 59%!important;
    display: inline-block;
}
 .form-offer  .sysFormItem.sys36 .sysFormField input{
display:none;
}
.form-template .sysFormField input[name="item[15][answer][0]"]{
    display: none;
}
/*フォームカスタム終了*/

.padding40{padding:40px 0;}
@media screen and (max-width:600px){
/* aishipRENTALの特徴 */
div.contents.meta.haikei {
    max-width: inherit;
}
.p_feature .ourthoughts {
    font-size: 14px;
}
.p_feature .meta {
    max-width: inherit;
}
/* 分離構成の限界 */

.p_feature .read .limit {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .read .limit h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}

/* 4つの課題 */
.task {
    background-size: contain;
    background-color: #747474;
    padding-bottom: 1px;
}
.task h4 {
    font-size: 26px;
}
.task ul {}
.task ul li {
    width: 90%;
    float: none;
    height: inherit;
    margin: 20px auto;
    font-size: 13px;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.task ul li p {
    margin: auto;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
}

/* 新たなプラットフォームを求めて */

.p_feature .platform  .read .inner {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .platform .read h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}
.p_feature .platform .inner p img {
    max-width: 90%;
}
/* レスポンシブへの確信 */

.p_feature .read .conviction {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .read .conviction h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}
.conviction_meta > div {
    float: none;
    width: 100%;
}
.conviction_meta > p {
    float: none;
}

/* Google推奨レスポンシブECサイトを容易に */

.p_feature .read .easy {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .read .easy h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}

#infla {
    background: url(https://www.aiship.jp/img/topMain/top_infla.png?3671) no-repeat 0 0 / 100% 100%;
    padding-bottom: 40px;
}
/* ワンページカートの動画*/
video.onepage {
  width: 100%;
    height: 440px;
}
/* templeteの特徴 */
video.f-left.grid-span12.iphone-small {
    width: 100%;
    height: 440px;
}
video.f-right.grid-span12.iphone-small {
    width: 100%;
    height: 440px;
}
.f-right.grid-span12 {
    margin-bottom: 5%;
}
.f-left.grid-span12 {
    margin-bottom: 5%;
}
.title04.ttl {
    font-size: 1rem;
}
.form-template img.qrcode.call {
    display: none;
}
.layer_board {
    display: none;
    position: fixed;
    left: 2%;
    margin: 0px 0px;
    text-align: center;
    z-index: 2000;
    top: 20%;
    right: 2%;
}

#cost th {
    font-size:14px;
}
#cost td {
    font-size:14px;
}
#cost td p{
    font-size:14px;
}

.cf.sp {
    width: 100%;
    margin: 0px;
}

.cf.sp li {
   width: 33%;
}

.contact_box img {
    width: 100%;
}

/*モバイル専用ECサイトをレスポンシブ移行ページ（空）*/

#responsive .subTitlepage {
    margin-top: 50px;
}

h4.titlenew {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*無料お試しのフォーム余白調整*/
.form-trial .sysFormItem.sys19,
.form-trial .sysFormItem.sys21,
.form-trial .sysFormItem.sys23,
.form-offer .sysFormItem.sys36,
.form-offer .sysFormItem.sys38,
.form-offer .sysFormItem.sys40
 {
    margin-bottom: -25px;
}

.sysMemberAgreement {
    width: 90%;
}

button.sysButton[name="action_front_form_index"] {
    width: 30%;
    height: 30px;
    margin-left: 10%;
    margin-bottom: 1%;
}
.feature_arrange .blocks {
    padding: 20px 0;
}

.h_menu_sp strong {
    color: white;
    font-size: large;
}
.feature #feature02 {
    background-color: #8e0000;
}
.feature #feature03 {
    background-color: #bb0200;
}
.feature #feature04 .icon {
    width: 100%;
    text-align: center;
}@media screen and (max-width: 700px)
.feature #feature04 .meta {
    width: 100%;
}
@media screen and (max-width: 700px){
  img.cp {
    width: 100%;
    margin:6px;
  }
}
/*標準機能一覧ページ修正*/
div.waku tr {
    font-size: small;
}
div.waku th {
    padding-top: 0px!important;;
    padding-bottom: 50px!important;;
    padding-left: 8px!important;
}
div.waku td {
    font-size: 12px!important;
    padding: 10px!important;
}

ul.dosen li {
    width: 50%!important;
    text-align: center!important;
    border-bottom: 0px!important;
    line-height: 55px!important;
    text-decoration: underline!important;
}
.function2 ul.dosen {
    padding-top: 0px!important; 
}
div#omise h1 {
    padding-top: 0px!important; 
}

.title01 {
    font-size: 1rem;
    margin-bottom: 25px;
}

.title05 {
    font-size: 1rem;
}

.ttl h2{
    font-size: 1.5rem;
    line-height: 2rem;
}
.ttl h3{
    font-size: 1rem;
}
.ttl p{
font-size: 1.4rem;
font-weight: bold;
}
/*
.txt-cen {
    height: 35px;
}
*/
.ttl hr {
    margin: 10px auto;
}
.ttl .red-rad + p {
    width: 90%;
    font-size: 14px;
}
.ttl .red-rad {
    padding: 10px 20px;
}
.ttl.color-white hr + small {
    font-size: 12px;
}
.ttl.color-white hr + p {
    font-size: 0.7em;
}
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
  float: none;
  width: 100%!important;
        margin-left: 0;
}

#sysWrap {
  width:100%;
}

/* 10-1 Header */
#sysHeader{ margin-bottom: 5px back;}
.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo{ height: 52px;}
.h-sitelogo li img{
    width: auto;
    max-height: 47px;
}
.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(https://template-advance.aispr.jp/img/icon/icon-mypage.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(https://template-advance.aispr.jp/img/icon/icon-cart.png);
    background-size: 100%;
}

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

.h-subMenu .sysHeadline{
    line-height: 47px;
    width: 15% !important;
    float: left;
    position: absolute;
    bottom: 4px;
    right: 0;
}
.h-subMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-subMenu ul li.sysText a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
}

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

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


/* margin ==================================================================*/
.pt45 { padding-top:22px !important; }
.pt60 { padding-top:30px !important; }

.pb45 { padding-bottom:22px !important; }


/* width ==================================================================
.w98 { margin:0 auto; width:96% !important;}
}
*/

/* header ==============================================================================================================================================================*/

.drawer-nav {
  padding:2%;
  background-color: #685744;
}
.drawer-nav li {
  padding:5% 0;
}

.drawer-nav li {
  border-bottom: 1px solid #392207;
}

.drawer-dropdown a {
  padding:5px 40px 5px 0;
        color: #f9f5f0 !important; 
  background:url(https://www.aiship.jp/img/dotimg/plus.png) no-repeat right center;
  text-decoration:none;
     display:block;
}

.drawer-dropdown.open a {
  background:url(https://www.aiship.jp/img/dotimg/mainasu.png) no-repeat right center;
}

.drawer-hamburger {
  border: 1px solid #685744;
        background-color: #392107;
}

.drawer-hamburger:hover {
  background-color: #685744;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
  background-color:#999;
}

.drawer--sidebar, .drawer--sidebar .drawer-contents {
  background-color: #685744;
}

.drawer-dropdown-menu {
  padding-top:5px;
  background-color: #685744;
}

.drawer-dropdown-menu li {
  border-bottom:none;
}

.drawer-dropdown-menu a {
  padding:0 15px 0 0;
  color:#f9f5f0 !important;
  background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat right center;
  text-decoration:none;
}
.drawer-dropdown.open .drawer-dropdown-menu a {
  background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat right center;
}



/* navi ==============================================================================================================================================================*/
#hNavSP {
  width:100%;
  background:#685744;;
}

#hNavSP ul{
  width:100%;
  overflow:hidden;
}

#hNavSP li{
  margin:.5%;
  width:24%;
  float:left;
}


/* btnBox_sp ==============================================================================================================================================================*/
#btnBoxKey {
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:106;
  cursor:pointer;
}
#btnBoxOpen {
    width: 65%;
}
#btnBoxOpen {
  /*position:fixed;*/
  bottom:90px;
  right:10px;
  z-index:107;
}
#btnBoxKey img {
    width: 90px;
}


#btnBoxOpen li{
  text-align:right;
}
#btnBoxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.8);
  z-index:105;
}



/* footer ==============================================================================================================================================================*/
footer nav,
#copy .footerLink{
  width:100%;
}

#footer table {
  width:100%;
  border-bottom:2px solid #555;
}

#footer th {
  margin:0;
  padding:3% 1% 3% 14%;
  width:48%;
  text-align:left;
  font-weight:normal;
  border-bottom:2px solid #2c2c2c;
  background:url(https://www.aiship.jp/img/dotimg/arrow01.png) no-repeat 5% center;
color:#fff;
}

#footer td {
  margin:0;
  padding:3% 1% 3% 10%;
  width:48%;
  text-align:left;
  border-bottom:2px solid #2c2c2c;
  background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 7% center;
}

#footer table th:last-child, #footer table > td:last-child{
  border-bottom:none;
}

#footer th a {
}

#footer td a {
}

#footer th a, #footer td a {
  color:#AAA !important;
  font-size:14px;
}

#copy .footerLink ul {
  margin:0 auto 5% auto;
  width: 95%;
  float: none;
}

#copy .footerLink li {
  display:inline-block;
  text-align:center;
  margin-right:5%;
  line-height:3;
  vertical-align:middle;
}

#copy .footerLink li img {
  width:100%;
}

#copy {
  border-top:none;
}

#copy .copyArea {
  margin:0 auto;
  width:80%;
  text-align:center;
  float:none;
}



/* layout ==============================================================================================================================================================*/
.contents{
  width:100%;
}



/* common ==============================================================================================================================================================*/
.pc { display:none; }

.sp { display:block; }

img { font-size:1px; line-height:0; vertical-align:bottom;}

.contact {
  padding-left:2%;
  padding-right:2%;
}

.contact ul{
  margin-top:2%;
  width:100%;
}

.contact li {
  margin-right:.5%;
  width:33%;
}


a.btn {
  margin:0 auto;
}

.btn img {
  margin:0 auto;
  width:98% !important;
  height:auto;
}


/* index ==============================================================================================================================================================*/

.mainv {
  padding-bottom:10px;
}

.mainv img {
  width:96%;
}

#ec500 {
  padding-bottom:2%;
}

#ec500 .ttl {
  margin:2% auto;
  padding:10px 0 0;
  width:90%;
}

#ec500 .w-box {
  margin:0 auto;
  width:90%;
}

#ec500 .w-box ul {
  width:100%;
}

#ec500 .w-box ul li {
  width:26%;
}
#ec500 .w-box ul li img {
     vertical-align: middle;
}
/* #function {
  padding:0 2%;
} */

#function .f_list ul{
  margin:0 auto 5% auto;
  width:100%;
}

#function .f_list li{
  width:50%;
}

#function #cardlayout {
  margin:0 auto;
  width:100%;
}

#function .card {
  margin-bottom:1%;
  width:100%;
}

.sysContent h2.infra {
  margin:0 auto;
  width:90%;
}

#infra {
  padding-bottom:2%;
}

#feature{
  background:url(https://www.aiship.jp/img/dotimg/feature_bg.png) no-repeat center center / 100% 100%;
  background-size:cover;
  padding-bottom:2%;
}

#feature .ttl{
  padding:6% 0 4%;
  margin:0 auto;
  width:90%;
}

.feature .img01,
.feature .img02,
.feature .img03 {
  padding:0;
  width:100%;
  float:none;
  text-align:center;
}
.feature #feature01 {
    width: 100%;
    float: none;
    height: inherit;
}
.feature #feature02 {
    width: 100%;
    float: none;
    height: inherit;
}
.feature #feature03 {
    height: inherit;
}
.feature #feature01 .icon {
    width: 100%;
    text-align: center;
}
.feature #feature02 .icon {
    width: 100%;
    text-align: center;
}
.feature #feature03 .icon {
    width: 100%;
    text-align: center;
}
.feature .blocks {
    padding: 20px 0;
}
.feature .blocks .icon {
    float: none;
}
.feature .blocks .icon img {
    max-width: 80px;
}
.feature p.icon {
    margin: 0;
    float: left;
    position: static;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    margin-top: 0;
}
.feature .blocks .meta {
    width: 100%;
    float: none;
    position: static;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    padding: 0 20px;
}
.feature #feature02 .meta {
    width: 100%;
}
.feature #feature03 .meta {
    width: 100%;
}
.feature #feature03 .meta ul {
    width: 100%;
}
.feature #feature03 .meta ul li {
    width: 100%;
    float: none;
}
.feature #feature04 .meta {
    width: 100%;
}
.feature #feature04 .meta ul {
    width: 100%;
}
.feature #feature04 .meta ul li {
    width: 100%;
    float: none;
}
.feature h3.h3ttl {
    font-size: 16px;
    text-align: center;
    padding: 10px 0 3px;
}
.feature h3.h3ttl br {
    display: none;
}
.function_icon ul{
    max-width: 297px;
    margin: auto;
}
.feature ul li {
    font-size: 14px;
    background-size: 20px;
    line-height: 1.8em;
}
.function_icon ul li:nth-child(2n) {
    border-right: 1px solid #ccc;
}
.function_icon ul li:nth-child(4n) {
    border-right: 1px solid #ccc;
}
.function_icon ul li:nth-child(6n) {
    border-right:  1px solid #ccc;
}
.function_icon ul li:nth-child(7), .function_icon ul li:nth-child(8) {
    border-bottom: 0;
}
.function_icon ul li:nth-child(12) {
    border-right: 1px solid #ccc;
}
.function_icon ul li p {
    font-size: 11px;
}
#function .meritlayout ul li {
    float: none;
    margin-right: 0;
    margin: 10px auto;
}
#function .meritlayout ul li.merit03 {
    margin: 10px auto;
}
#transfer{
  background-size:cover;
  padding-bottom:2%;
}

#linked_software .ttl,
#infra .ttl,
#construction .ttl,
#tools .ttl{
  padding:3% 0 0;
  margin:0 auto;
  width:90% !important;
}

#payment .ttl{
  margin:0 auto;
  width:90% !important;
}

#support ul,
#payment ul,
#linked_software ul,
#support ul,
#benefit ul,
#case ul{
  margin:0 auto 1% auto;
  width:90% !important;
}
#linked_software ul {
    padding: 10px 0;
}
#payment ul {
    padding: 20px 0 30px 0;
}
#benefit ul li {
    width: 100%;
}
#support li,
#benefit li{
  margin-bottom:1%;
  float:none;
}
.support .supportlayout ul li {
    margin-right: 0;
    margin: 10px auto;
}
.support .supportlayout ul li.support03 {
    margin: 10px auto;
}
.support .supportlayout p {
    font-size: 14px;
}
#case li {
  margin-left:1%;
  margin-right:1%;
  margin-bottom:1%;
  width:48%;
}

#payment li {
  width:14% !important;
}
#payment li img {
    vertical-align: middle;
}
.price .cost tr {
    height: 50px;
}
.price .cost tr.ttl td {
    font-size: 14px;
}
.price .cost th {
    font-size: 16px;
}
.price .cost td {
    font-size: 18px;
}
.price .cost td span {
    font-size: 14px;
}
#seminar {
  padding-bottom:10px;
}

#seminar .ttl {
  padding:0 0 5%;
  margin:0 auto;
  width:90% !important;
}

#seminar .listarea{
  margin:0 auto;
  width:94%;
}

#seminar .listarea dl{
  width:100%;
}

#seminar .listarea dd{
  margin:10px 0 0 2%;
  width:97%;
}

#seminar .listarea .detailbtn{
  width:100%;
}

#linked_software ul li {
  margin-right:1%;
  width:22%;
}

#linked_software li img {
  width:100%;
  height:auto;
}

#free_template .ttl {
  padding:5% 0;
  margin:0 auto;
  width:90% !important;
}

#free_template .topics{
  width:100%;
  height:auto;
  padding:5% 0 0 0;
  background:#eee;
  background-img:none;
}

#free_template .topics img {
  margin:0 auto 10px auto;
  width:90%;
}
#free_template .topics .meta {
    width: 100%;
    float: center;
}
#free_template .topics .meta h3 {
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
}
#free_template .topics .meta p {
    font-size: 14px;
    text-align: center;
}
#construction{
  background:url(https://www.aiship.jp/img/dotimg/construction_bg.png) no-repeat center center / 100% 100%;
  background-size:cover;
  padding-bottom:2%;
}

#tools{
  background:url(https://www.aiship.jp/img/dotimg/tools_bg.png) no-repeat center center / 100% 100%;
  background-size:cover;
  padding-bottom:2%;
}


/* 下層ページ共通 ==============================================================================================================================================================*/
.sysContent h2.h2Title {
    font-size: 18px;
    background-position: 50% 8px;
    height: 50px;
    padding-top: 20px;
}
.sysContent h3.h3Title {
    padding: 20px 0;
    background-image: url(../img/feature/feature_h3bar.png);
    text-align: center;
    background-repeat: repeat-x;
    background-position: 50%;
}
.sysContent h3.h3Title > img {
    background-color: #fff;
    padding: 0 20px;
}
.sysContent #titleBlock {
    position: relative;
}
.p_feature .read .inner {
    position: absolute;
    top: 40px;
    background-color: none;
    text-align: center;
    max-width: 100%;
}
.sysContent h4.h4TitleLeft {
    position: relative;
    z-index: 9999;
}
.sysContent h4.h4TitleRight {
    position: relative;
    z-index: 9999;
}
.sysContent h4.h4TitleLeft span > span.h4txt {
    top: -5px;
    left: 30px;
    font-size: 16px;
}
.sysContent h4.h4TitleRight span > span.h4txt {
    top: -5px;
    right: 30px;
    font-size: 16px;
}

h4.title05.color-red {
    margin-top: -50px;
    margin-bottom: -20px;
}
/* 導入効果 */
div.3points {
    margin: -20px 0 35px 0;
}
.l-1000 {
    margin: 0 auto;
    padding: 0 2%;
}

/* feature ==============================================================================================================================================================*/
.p_feature .subTitle {
    background-image: url(../img/feature/feature_sp_bk01.jpg);
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.p_feature .subTitle p {
    font-size: 14px;
    padding: 25px 0;
    color: #fff;
}
.p_feature .ourthoughts {
    font-size: 13px
}
.p_feature .read {
    background: none;
}
.p_feature .read .inn_left p, .p_feature .read .inn_right p {
    float: none;
    position: static;
    width: 90%;
    max-width: 100%;
}
.p_feature .read .inn_right p.i04 {
    width: 70%;
}
.p_feature .read .inn_left p.i05 {
    width: 100%;
}
.p_feature .read .inn_right p.i06 {
    width: 80%;
}
.p_feature .read .inn_right p.i08 {
    width: 100%;
}
.p_feature .read .inn_left h5, .p_feature .read .inn_right h5 {
    float: none;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: static;
    background-color: #fff;
    margin-top: 20px;
}
.p_feature .read .inn_left h5 br, .p_feature .read .inn_right h5 br {
    display: none;
}
.p_feature .meta {
    margin-top: 80px;
    font-size: 14px;
    margin-bottom: 50px;
}

/* aishipRが選ばれる理由 */
.p_feature .checked li {
    width: 50%;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 20px;
    background-color: #e0e0e0;
    background-position: 10px 50%;
    max-width: 100%;
    text-align: left;
    height: 100px;
    font-size: 14px;
    background-color: #e0e0e0;
}
.p_feature .checked li:nth-child(2), .p_feature .checked li:nth-child(3), .p_feature .checked li:nth-child(6), .p_feature .checked li:nth-child(7), .p_feature .checked li:nth-child(10) {
    background-color: #eeeeee;
}
.p_feature .checked li:nth-child(4), .p_feature .checked li:nth-child(8) {
    background-color: #e0e0e0;
}
.p_feature .checked li p {
    top: 35%;
    padding-left: 40px;
}
div.contents.meta.haikei {
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 40px;
    max-width: 350px;
}
.sp-full{width:100%;}
#aws-backbone .sysContent h2.h2Title {
    font-size: 18px;
    background-position: 50% 8px;
    height: 35px;
    padding-top: 20px;
}
/* フォーム */
#sysFormIndex #sysMain form, #sysFormConfirm #sysMain form, #sysFormIndex #sysMain ul.errorMessage {
    padding: 0 5% 35px;
}
.sysForm {
    padding: 0 2%;
}
.form_content {
    padding: 1px 2%;
}
}
@media screen and (min-width:601px) and (max-width:800px){
/* aishipRENTAL タブレット*/
div.contents.meta.haikei {
    max-width: inherit;
}
.p_feature .ourthoughts {
    font-size: 14px;
}
.p_feature .meta {
    max-width: inherit;
}
/* 分離構成の限界 */

.p_feature .read .limit {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .read .limit h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}

/* 4つの課題 */
.task {
    background-size: contain;
    background-color: #747474;
    padding-bottom: 1px;
}
.task h4 {
    font-size: 26px;
}
.task ul {}
.task ul li {
    width: 90%;
    float: none;
    height: inherit;
    margin: 20px auto;
    font-size: 13px;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.task ul li p {
    margin: auto;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
}

/* 新たなプラットフォームを求めて */

.p_feature .platform  .read .inner {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .platform .read h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}
.p_feature .platform .inner p img {
    max-width: 90%;
}
/* レスポンシブへの確信 */

.p_feature .read .conviction {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .read .conviction h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}
.conviction_meta > div {
    float: none;
    width: 100%;
}
.conviction_meta > p {
    float: none;
}

/* Google推奨レスポンシブECサイトを容易に */

.p_feature .read .easy {
    position: relative;
    top: 0;
    height: auto;
}
.p_feature .read .easy h5 {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 0;
}

#infla {
    background: url(https://www.aiship.jp/img/topMain/top_infla.png?3671) no-repeat 0 0 / 100% 100%;
    padding-bottom: 40px;
}
/* ワンページカートの動画*/
video.onepage {
  width: 100%;
    height: 440px;
}
/* templeteの特徴 */
video.f-left.grid-span12.iphone-small {
    width: 100%;
    height: 440px;
}
video.f-right.grid-span12.iphone-small {
    width: 100%;
    height: 440px;
}
.f-right.grid-span12 {
    margin-bottom: 5%;
}
.f-left.grid-span12 {
    margin-bottom: 5%;
}
.title04.ttl {
    font-size: 1rem;
}
.form-template img.qrcode.call {
    display: none;
}
.layer_board {
    display: none;
    position: fixed;
    left: 2%;
    margin: 0px 0px;
    text-align: center;
    z-index: 2000;
    top: 20%;
    right: 2%;
}

#cost th {
    font-size:14px;
}
#cost td {
    font-size:14px;
}
#cost td p{
    font-size:14px;
}

.cf.sp {
    width: 100%;
    margin: 0px;
}

cf.sp. li {
   width: 33%;
}

.contact_box img {
    width: 100%;
}

/*モバイル専用ECサイトをレスポンシブ移行ページ（空）*/

#responsive .subTitlepage {
    margin-top: 50px;
}

h4.titlenew {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*無料お試しのフォーム余白調整*/
.form-trial .sysFormItem.sys19,
.form-trial .sysFormItem.sys21,
.form-trial .sysFormItem.sys23,
.form-offer .sysFormItem.sys36,
.form-offer .sysFormItem.sys38,
.form-offer .sysFormItem.sys40
 {
    margin-bottom: -25px;
}

.sysMemberAgreement {
    width: 90%;
}

button.sysButton[name="action_front_form_index"] {
    width: 30%;
    height: 30px;
    margin-left: 10%;
    margin-bottom: 1%;
}
.feature_arrange .blocks {
    padding: 20px 0;
}

.h_menu_sp strong {
    color: white;
    font-size: large;
}
.feature #feature02 {
    background-color: #8e0000;
}
.feature #feature03 {
    background-color: #bb0200;
}
.feature #feature04 .icon {
    width: 100%;
    text-align: center;
}
.feature #feature04 .meta {
    width: 100%;
}

/*標準機能一覧ページ修正*/
div.waku tr {
    font-size: small;
}
div.waku th {
    padding-top: 0px!important;;
    padding-bottom: 50px!important;;
    padding-left: 8px!important;
}
div.waku td {
    font-size: 12px!important;
    padding: 10px!important;
}

ul.dosen li {
    width: 50%!important;
    text-align: center!important;
    border-bottom: 0px!important;
    line-height: 55px!important;
    text-decoration: underline!important;
}
.function2 ul.dosen {
    padding-top: 0px!important;
}
div#omise h1 {
    padding-top: 0px!important;
}










.title01 {
    font-size: 1rem;
    margin-bottom: 25px;
}

.title05 {
    font-size: 1rem;
}

.ttl h2{
    font-size: 1.5rem;
    line-height: 2rem;
}
.ttl h3{
    font-size: 1rem;
}
.ttl p{
font-size: 1.4rem;
font-weight: bold;
}
/*
.txt-cen {
    height: 35px;
}
*/
.ttl hr {
    margin: 10px auto;
}
.ttl .red-rad + p {
    width: 90%;
    font-size: 14px;
}
.ttl .red-rad {
    padding: 10px 20px;
}
.ttl.color-white hr + small {
    font-size: 12px;
}
.ttl.color-white hr + p {
    font-size: 0.7em;
}
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}

#sysWrap {
	width:100%;
}

/* 10-1 Header */
#sysHeader{ margin-bottom: 5px; back}
.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo{ height: 52px;}
.h-sitelogo li img{
    width: auto;
    max-height: 47px;
}
.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(https://template-advance.aispr.jp/img/icon/icon-mypage.png);
    background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
    background: url(https://template-advance.aispr.jp/img/icon/icon-cart.png);
    background-size: 100%;
}

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

.h-subMenu .sysHeadline{
    line-height: 47px;
    width: 15% !important;
    float: left;
    position: absolute;
    bottom: 4px;
    right: 0;
}
.h-subMenu ul li:nth-child(2n){
    width: 49%!Important;
    margin-left: 1%;
}
.h-subMenu ul li.sysText a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    padding: 30px 0;
}

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

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


/* margin ==================================================================*/
.pt45 { padding-top:22px !important; }
.pt60 { padding-top:30px !important; }

.pb45 { padding-bottom:22px !important; }


/* width ==================================================================
.w98 { margin:0 auto; width:96% !important;}
}
*/

/* header ==============================================================================================================================================================*/
.h_wrap_sp {
	width:100%;
	background:#222;
}

#h_wrap_sp {
	padding:2% 0;
}
#h_wrap_sp {
    padding: 2% 0px;
    margin-left: 20%;
    min-height: 61px;
    display: inline-block;
}
#h_wrap_sp h1 {
    width: 40%;
    display: inline-block;
}
#hLink_sp {
    width: 50%;
    float: right;
    display: inline-block;
}
/*
.sysContent h1{
	padding-top:4%;
	margin-left:18%;
	width:30%;
	float:left;
}
*/
#hLink_sp {
	width:50%;
	float:right;
}

#hLink_sp li {
	margin:0 1%;
	width:30%;
	float:left;
}

.drawer-nav {
	padding:2%;
  background-color: #222;
}
.drawer-nav li {
	padding:5% 0;
}

.drawer-nav li {
	border-bottom:1px solid #555;
}

.drawer-dropdown a {
	padding:5px 40px 5px 0;
  color:#AAA !important;
	background:url(https://www.aiship.jp/img/dotimg/plus.png) no-repeat right center;
	text-decoration:none;
display:block;
}

.drawer-dropdown.open a {
	background:url(https://www.aiship.jp/img/dotimg/mainasu.png) no-repeat right center;
}

.drawer-hamburger {
	border: 1px solid #222;
	background-color:#222;
}

.drawer-hamburger:hover {
	background-color: #222;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	background-color:#999;
}

.drawer--sidebar, .drawer--sidebar .drawer-contents {
	background-color: #222;
}

.drawer-dropdown-menu {
	padding-top:5px;
	background-color: #222;
}

.drawer-dropdown-menu li {
	border-bottom:none;
}

.drawer-dropdown-menu a {
	padding:0 15px 0 0;
  color:#AAA !important;
	background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat right center;
	text-decoration:none;
}
.drawer-dropdown.open .drawer-dropdown-menu a {
	background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat right center;
}


/* navi ==============================================================================================================================================================*/
#hNavSP {
	width:100%;
	background:#222;
}

#hNavSP ul{
	width:100%;
	overflow:hidden;
}

#hNavSP li{
	margin:.5%;
	width:24%;
	float:left;
}


/* btnBox_sp ==============================================================================================================================================================*/
#btnBoxKey {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:106;
	cursor:pointer;
}
#btnBoxKey img {
    width: 90px;
}
#btnBoxOpen {
    width: 65%;
}
#btnBoxOpen {
	position:fixed;
	bottom:90px;
	right:10px;
	z-index:107;
}

#btnBoxOpen li{
	text-align:right;
}

#btnBoxOverlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	z-index:105;
}


/* footer ==============================================================================================================================================================*/
footer nav,
#copy .footerLink{
	width:100%;
}

#footer table {
	width:100%;
	border-bottom:2px solid #555;
}

#footer th {
	margin:0;
	padding:3% 1% 3% 14%;
	width:48%;
	text-align:left;
	font-weight:normal;
	border-bottom:2px solid #2c2c2c;
	background:url(https://www.aiship.jp/img/dotimg/arrow01.png) no-repeat 5% center;
color:#fff;
}

#footer td {
	margin:0;
	padding:3% 1% 3% 10%;
	width:48%;
	text-align:left;
	border-bottom:2px solid #2c2c2c;
	background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 7% center;
}

#footer table th:last-child, #footer table > td:last-child{
	border-bottom:none;
}

#footer th a {
}

#footer td a {
}

#footer th a, #footer td a {
	color:#AAA !important;
	font-size:14px;
}

#copy .footerLink ul {
	margin:0 auto 5% auto;
	width: 95%;
	float: none;
}

#copy .footerLink li {
	display:inline-block;
	text-align:center;
	margin-right:5%;
	line-height:3;
	vertical-align:middle;
}

#copy .footerLink li img {
	width:100%;
}

#copy {
	border-top:none;
}

#copy .copyArea {
	margin:0 auto;
	width:80%;
	text-align:center;
	float:none;
}



/* layout ==============================================================================================================================================================*/
.contents{
	width:100%;
}



/* common ==============================================================================================================================================================*/
.pc { display:none; }

.sp { display:block; }

img { font-size:1px; line-height:0; vertical-align:bottom;}

.contact {
	padding-left:2%;
	padding-right:2%;
}

.contact ul{
	margin-top:2%;
	width:100%;
}

.contact li {
	margin-right:.5%;
	width:33%;
}


a.btn {
	margin:0 auto;
}

.btn img {
	margin:0 auto;
	width:98% !important;
	height:auto;
}


/* index ==============================================================================================================================================================*/

.mainv {
	padding-bottom:10px;
}

.mainv img {
	width:96%;
}

#ec500 {
	padding-bottom:2%;
}

#ec500 .ttl {
	margin:2% auto;
	padding:10px 0 0;
	width:90%;
}

#ec500 .w-box {
	margin:0 auto;
	width:90%;
}

#ec500 .w-box ul {
	width:100%;
}

#ec500 .w-box ul li {
	width:26%;
}
#ec500 .w-box ul li img {
     vertical-align: middle;
}
/* #function {
	padding:0 2%;
} */

#function .f_list ul{
	margin:0 auto 5% auto;
	width:100%;
}

#function .f_list li{
	width:50%;
}

#function #cardlayout {
	margin:0 auto;
	width:100%;
}

#function .card {
	margin-bottom:1%;
	width:100%;
}

.sysContent h2.infra {
	margin:0 auto;
	width:90%;
}

#infra {
	padding-bottom:2%;
}

#feature{
	background:url(https://www.aiship.jp/img/dotimg/feature_bg.png) no-repeat center center / 100% 100%;
	background-size:cover;
	padding-bottom:2%;
}

#feature .ttl{
	padding:6% 0 4%;
	margin:0 auto;
	width:90%;
}

.feature .img01,
.feature .img02,
.feature .img03 {
	padding:0;
	width:100%;
	float:none;
	text-align:center;
}
.feature #feature01 {
    width: 100%;
    float: none;
    height: inherit;
}
.feature #feature02 {
    width: 100%;
    float: none;
    height: inherit;
}
.feature #feature03 {
    height: inherit;
}
.feature #feature01 .icon {
    width: 100%;
    text-align: center;
}
.feature #feature02 .icon {
    width: 100%;
    text-align: center;
}
.feature #feature03 .icon {
    width: 100%;
    text-align: center;
}
.feature .blocks {
    padding: 20px 0;
}
.feature .blocks .icon {
    float: none;
}
.feature .blocks .icon img {
    max-width: 80px;
}
.feature p.icon {
    margin: 0;
    float: left;
    position: static;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    margin-top: 0;
}
.feature .blocks .meta {
    width: 100%;
    float: none;
    position: static;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    padding: 0 20px;
}
.feature #feature02 .meta {
    width: 100%;
}
.feature #feature03 .meta {
    width: 100%;
}
.feature #feature03 .meta ul {
    width: 100%;
}
.feature #feature03 .meta ul li {
    width: 100%;
    float: none;
}
.feature #feature04 .meta {
    width: 100%;
}
.feature #feature04 .meta ul {
    width: 100%;
}
.feature #feature04 .meta ul li {
    width: 100%;
    float: none;
}
.feature h3.h3ttl {
    font-size: 16px;
    text-align: center;
    padding: 10px 0 3px;
}
.feature h3.h3ttl br {
    display: none;
}
.function_icon ul{
    max-width: 297px;
    margin: auto;
}
.feature ul li {
    font-size: 14px;
    background-size: 20px;
    line-height: 1.8em;
}

.function_icon ul li:nth-child(4n) {
    border-right: 1px solid #ccc;
}
.function_icon ul li:nth-child(6n) {
    border-right: 0;
}
.function_icon ul li:nth-child(7), .function_icon ul li:nth-child(8) {
    border-bottom: 0;
}
.function_icon ul li:nth-child(12) {
    border-right: 1px solid #ccc;
}
.function_icon ul li p {
    font-size: 11px;
}
#function .meritlayout ul li {
    float: none;
    margin-right: 0;
    margin: 10px auto;
}
#function .meritlayout ul li.merit03 {
    margin: 10px auto;
}
#transfer{
	background-size:cover;
	padding-bottom:2%;
}

#linked_software .ttl,
#infra .ttl,
#construction .ttl,
#tools .ttl{
	padding:3% 0 0;
	margin:0 auto;
	width:90% !important;
}

#payment .ttl{
	margin:0 auto;
	width:90% !important;
}

#support ul,
#payment ul,
#linked_software ul,
#support ul,
#benefit ul,
#case ul{
	margin:0 auto 1% auto;
	width:90% !important;
}
#linked_software ul {
    padding: 10px 0;
}
#payment ul {
    padding: 20px 0 30px 0;
}
#benefit ul li {
    width: 100%;
}
#support li,
#benefit li{
	margin-bottom:1%;
	float:none;
}
.support .supportlayout ul li {
    margin-right: 0;
    margin: 10px auto;
}
.support .supportlayout ul li.support03 {
    margin: 10px auto;
}
.support .supportlayout p {
    font-size: 14px;
}
#case li {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	width:48%;
}

#payment li {
	width:14% !important;
}
#payment li img {
    vertical-align: middle;
}
.price .cost tr {
    height: 50px;
}
.price .cost tr.ttl td {
    font-size: 14px;
}
.price .cost th {
    font-size: 16px;
}
.price .cost td {
    font-size: 18px;
}
.price .cost td span {
    font-size: 14px;
}
#seminar {
	padding-bottom:10px;
}

#seminar .ttl {
	padding:0 0 5%;
	margin:0 auto;
	width:90% !important;
}

#seminar .listarea{
	margin:0 auto;
	width:94%;
}

#seminar .listarea dl{
	width:100%;
}

#seminar .listarea dd{
	margin:10px 0 0 2%;
	width:97%;
}

#seminar .listarea .detailbtn{
	width:100%;
}

#linked_software ul li {
	margin-right:1%;
	width:22%;
}

#linked_software li img {
	width:100%
	height:auto;
}

#free_template .ttl {
	padding:5% 0;
	margin:0 auto;
	width:90% !important;
}

#free_template .topics{
	width:100%;
	height:auto;
	padding:5% 0 0 0;
	background:#eee;
	background-img:none;
}

#free_template .topics img {
	margin:0 auto 10px auto;
	width:90%;
}
#free_template .topics .meta {
    width: 100%;
    float: center;
}
#free_template .topics .meta h3 {
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
}
#free_template .topics .meta p {
    font-size: 14px;
    text-align: center;
}
#construction{
	background:url(https://www.aiship.jp/img/dotimg/construction_bg.png) no-repeat center center / 100% 100%;
	background-size:cover;
	padding-bottom:2%;
}

#tools{
	/* background:url(https://www.aiship.jp/img/dotimg/tools_bg.png) no-repeat center center / 100% 100%;
	background-size:cover;
	padding-bottom:2%; */
}


/* 下層ページ共通 ==============================================================================================================================================================*/
.sysContent h2.h2Title {
    font-size: 18px;
    background-position: 50% 8px;
    height: 50px;
    padding-top: 20px;
}
.sysContent h3.h3Title {
    padding: 20px 0;
    background-image: url(../img/feature/feature_h3bar.png);
    text-align: center;
    background-repeat: repeat-x;
    background-position: 50%;
}
.sysContent h3.h3Title > img {
    background-color: #fff;
    padding: 0 20px;
}
.sysContent #titleBlock {
    position: relative;
}
.p_feature .read .inner {
    position: absolute;
    top: 40px;
    background-color: none;
    text-align: center;
    max-width: 100%;
}
.sysContent h4.h4TitleLeft {
    position: relative;
    z-index: 9999;
}
.sysContent h4.h4TitleRight {
    position: relative;
    z-index: 9999;
}
.sysContent h4.h4TitleLeft span > span.h4txt {
    top: -5px;
    left: 30px;
    font-size: 16px;
}
.sysContent h4.h4TitleRight span > span.h4txt {
    top: -5px;
    right: 30px;
    font-size: 16px;
}

h4.title05.color-red {
    margin-top: -50px;
    margin-bottom: -20px;
}
/* 導入効果 */
div.3points {
    margin: -20px 0 35px 0;
}
.l-1000 {
    margin: 0 auto;
    padding: 0 2%;
}

/* feature ==============================================================================================================================================================*/
.p_feature .subTitle {
    background-image: url(../img/feature/feature_sp_bk01.jpg);
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.p_feature .subTitle p {
    font-size: 14px;
    padding: 25px 0;
    color: #fff;
}
.p_feature .ourthoughts {
    font-size: 13px
}
.p_feature .read {
    background: none;
}
.p_feature .read .inn_left p, .p_feature .read .inn_right p {
    float: none;
    position: static;
    width: 90%;
    max-width: 100%;
}
.p_feature .read .inn_right p.i04 {
    width: 70%;
}
.p_feature .read .inn_left p.i05 {
    width: 100%;
}
.p_feature .read .inn_right p.i06 {
    width: 80%;
}
.p_feature .read .inn_right p.i08 {
    width: 100%;
}
.p_feature .read .inn_left h5, .p_feature .read .inn_right h5 {
    float: none;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: static;
    background-color: #fff;
    margin-top: 20px;
}
.p_feature .read .inn_left h5 br, .p_feature .read .inn_right h5 br {
    display: none;
}
.p_feature .meta {
    margin-top: 80px;
    font-size: 14px;
    margin-bottom: 50px;
}

/* aishipRが選ばれる理由 */
.p_feature .checked li {
    width: 50%;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 20px;
    background-color: #e0e0e0;
    background-position: 10px 50%;
    max-width: 100%;
    text-align: left;
    height: 100px;
    font-size: 14px;
    background-color: #e0e0e0;
}
.p_feature .checked li:nth-child(2), .p_feature .checked li:nth-child(3), .p_feature .checked li:nth-child(6), .p_feature .checked li:nth-child(7), .p_feature .checked li:nth-child(10) {
    background-color: #eeeeee;
}
.p_feature .checked li:nth-child(4), .p_feature .checked li:nth-child(8) {
    background-color: #e0e0e0;
}
.p_feature .checked li p {
    top: 35%;
    padding-left: 40px;
}
div.contents.meta.haikei {
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 40px;
    max-width: 350px;
}
.sp-full{width:100%;}
#aws-backbone .sysContent h2.h2Title {
    font-size: 18px;
    background-position: 50% 8px;
    height: 35px;
    padding-top: 20px;
}
/* フォーム */
#sysFormIndex #sysMain form, #sysFormConfirm #sysMain form, #sysFormIndex #sysMain ul.errorMessage {
    padding: 0 5% 35px;
}
.sysForm {
    padding: 0 2%;
}
.form_content {
    padding: 1px 2%;
}

}
@media screen and (min-width:801px){
.sysFuncText.fixedbtn_sem {
    width: 35%;
    right: 0;
    border-radius: 10px 0 0 0;
}
/* ワンページカートの動画*/
video.onepage {
  width: 49.9%;
    height: 440px;
}
/* templeteの特徴 */
video.f-left.grid-span12.iphone-small {
    width: 49.9%;
    height: 440px;
}
video.f-right.grid-span12.iphone-small {
    width: 49.9%;
    height: 440px;
}
.form-template p.font1 {
    margin-top: 13%;
}

.contentsWrap .sp * {
     display: none;
}

ul.cf.pc li {
     margin: 0px;
}

ul.cf.pc li:first-child{
   width: 44.92%;
}

ul.cf.pc li:not(first-child){
    width: 18.36%;
}

/*無料お試しのフォーム分割*/
.form-trial .sysFormItem.sys17,
.form-trial .sysFormItem.sys19,
.form-trial .sysFormItem.sys21,
.form-offer .sysFormItem.sys39,
.form-offer .sysFormItem.sys41
 {
    width: 40%;
    display: inline-block;
}
.form-trial .sysFormItem.sys18,
.form-trial .sysFormItem.sys20,
.form-trial .sysFormItem.sys22
 {
    width: 59%;
    display: inline-block;
}



.form-offer .sysFormItem.sys39,
.form-offer .sysFormItem.sys41
 {
    width: 59%;
    display: inline-block;
}
.feature #feature03 {
    background-color: #bb0200;
    width: 50%;
    float: left;
    height: 220px;
}
.feature #feature03 .icon {
    width: 38%;
    text-align: right;
}
.feature #feature03 .meta {
    width: 60%;
}
.feature #feature03 .meta ul li {
    width: 100%;
    float: left;
}
.feature #feature04 {
    width: 50%;
    float: right;
    height: 220px;
}



div#feature02 {
    width: 50%;
    float: right;
    height: 220px;
}

.feature #feature03 .icon,.feature #feature01 .icon {
    width: 38%;
    text-align: right;
}

.feature #feature04 .icon,.feature #feature02 .icon {
    width: 25%;
    text-align: right;
}

.feature #feature02 .meta,.feature #feature04 .meta {
    width: 73%;
    top: 45%;
}

div#cardlayout {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
}

#function .card {
    border: 1px #dddddd solid;
    background-color: #dddddd;
    height: 336px;
    width: 32%;
    margin-right: 10px;
    float: left;
    display: inline;
}






.drawer-header {
  display:none;
}

/* 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: 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;
}
.h-mainMenu nav {
    width: 70%;
    border-right: 1px solid;
}
.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;
}


/*------------------ custom add ------------------------ */

#sysAll {
    max-width: 100% !important;
}

a:link { color: #333;text-decoration:none;}
a:visited { color: #333;text-decoration:none;}
a:hover {color: #333;text-decoration:underline;}
a:active {color: #333;text-decoration:underline;}

img {
	line-height:0;
	font-size:1px;
    vertical-align: bottom;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: 0.4s;
}

a.noalp:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


ul,li,dl,dt,dd{ list-style-type:none; }
table { border-collapse:collapse; }

.flL{	float:left !important;}
.flR{	float:right !important;}
.ovf{	overflow:hidden !important;}
.clr{clear:both;}

.ri{text-align:right !important;}
.le{text-align:left !important;}
.cen{text-align:center !important;}

.b {font-weight:bold !important;}
.nor {font-weight:normal !important;}
.bor-dot { border-bottom:1px dotted #b2b2b2 !important; }
.bor-top { border-top:1px solid #DDDDDD !important; }
.bor-none { border:none !important; }

.red{color:#cc0000;}

/*---------------------------------------
clearfix
---------------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/* margin ==================================================================*/

.mb00 {	margin-bottom:0 !important;}
.mb05 {	margin-bottom:5px !important;}
.mb10{	margin-bottom:10px !important;}
.mb15{	margin-bottom:15px !important;}
.mb20{	margin-bottom:20px !important;}
.mb25{	margin-bottom:25px !important;}
.mb30{	margin-bottom:30px !important;}
.mb35{	margin-bottom:35px !important;}
.mb40{	margin-bottom:40px !important;}
.mb60{	margin-bottom:60px !important;}
.mb70{	margin-bottom:70px !important;}
.mb80{	margin-bottom:80px !important;}
.mb90{	margin-bottom:90px !important;}

.mr00 {	margin-right:0 !important;}
.mr8 { margin-right:2% !important;}
.mr25 {	margin-right:25px !important;}
.mr40 {	margin-right:40px !important;}

.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}

.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt45 { padding-top:45px !important; }
.pt60 { padding-top:60px !important; }

.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb45 { padding-bottom:45px !important; }



/* width ==================================================================*/

.w40 { width:40%;}
.w45 { width:45%;}
.w48 { width:48%;}
.w50 { width:50%;}
.w60 { width:60%;}
.w65 { width:65%;}
.w98 { width:98% !important;}
.w100 { width:100%;}


/* font ==================================================================*/

.f12 {font-size:12px; }


.pc { display:block; }
.sp {	display:none; }


.bg01 { background: #F9F5F0; }

.shad01 {
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
}


/* header ==============================================================================================================================================================*/

header{
	width:100%;
	height:100px;
}

#h_wrap{
    height: 100px;
    background:url(https://www.aiship.jp/img/dotimg/h_bg01.png) repeat-x 0 0; /*全体の背景*/
    position: relative;
}

#h_wrap:before {
    width: 30%;
    height: 100px;
    content: "";
    position: absolute;
    top: 0;
    left: 70%;
    background: #d90000; /*右側の背景*/
}

#h_wrap #header {
    position: absolute;
    left: 50%;
    margin-left: -500px; /*画像幅1000pxとしてその半分をネガティブマージン*/
}

#header{
	margin:0 auto;
	padding:0px;
	max-width:1000px;
	overflow:hidden;
}

#header h1{
	padding-top:25px;
	width:266px;
	float:left;
}

#header #hLink{
	padding-top:13px;
	float:left;
}
/*
#header #hLink li {
	margin-left:10px;
	float:left;
}
*/
#header #hTel{
	float:right;
	height:100px;
	background: #d90000;
}




/* navi ==============================================================================================================================================================*/

#hNav {
	position:relative;
	margin:0;
	width:100%;
	height:58px;
	clear:both;
	background:url(https://rental.aiship.jp/img/gnavi_bg2.png) repeat-x 0 0;
}


#hNav ul{
	margin:0px auto;
	padding-top:13px;
	max-width:1000px;
	overflow:hidden;
}

/*#hNav li{
	margin:0 64px;
	float:left;
}*/

#hNav #hNav01on,
#hNav #hNav02on,
#hNav #hNav03on,
#hNav #hNav04on,
#hNav #hNav05on,
#hNav #hNav06on,
#hNav #hNav07on{
	margin-top: 0px;
	visibility: visible;
	opacity: 1;
	z-index:1;
	background:#fff;
}

#hNav dl {
	margin:0 auto 15px auto;
	padding:0 0 15px 0;
	width:1000px;
	overflow:hidden;
}

#hNav dt {
	display:none;
}

#hNav dd {
	padding:2px 0 0px 10px;
	font-size:14px;
	background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 0 center;
	margin-right:15px;
	margin-top:14px;
	float:left;
}

#hNav dd a {
	color:#333 !important;
}


/* footer ==============================================================================================================================================================*/

footer{
	padding:40px 0 10px 0;
	width:100%;
	clear:both;
	background:#392207;
}

footer nav{
	max-width:1000px;
	margin:0 auto 45px auto;
	overflow:hidden;
}

footer dl{
	overflow:hidden;
	margin-bottom:20px;
}

footer dl:last-child{ margin-bottom:0px;}

#footer dt,dd { float:left;}

#footer dt{
	padding:15px 0 10px 28px;
	margin-right:16px;
	font-size:16px;
	font-weight:bold;
	background:url(https://www.aiship.jp/img/dotimg/arrow01.png) no-repeat 0 center;
}

#footer dd{
	padding:2px 0 0px 10px;
	font-size:14px;
	background:url(https://www.aiship.jp/img/dotimg/arrow_02.png) no-repeat 0 center;
	margin-right:15px;
	margin-top:14px;
}


footer dt a {
	color:#FFFFFF !important;
}

footer dd a {
	color:#AAAAAA !important;
}

#copy{
	border-top:1px solid #2C2C2C;
	padding:18px 0;
}

#copy .footerLink{
	max-width:1000px;
	margin:0 auto;
}

#copy .footerLink ul{
	margin:0;
	width:auto !important;
	float:left;
}
#copy .footerLink li{
	float:left;
	margin-right:10px;
}

#copy .footerLink li img {
	width:auto !important;
}

#copy .copyArea{
	width:auto !important;
	float:right;
	text-align:right;
}


#copy .copyArea p{
	padding:0;
	font-size:11px;
	display:block;
	margin-top:8px;
	color:#FFFFFF;
}


/* layout ==============================================================================================================================================================*/

.contentsWrap{
	width:100%;
	text-align:center;
	clear:both;
}

.contents{
	margin:0 auto;
	max-width:1000px;
	overflow:hidden;
	text-align:center;
}



/* common ==============================================================================================================================================================*/

.shadow{ box-shadow: 0px 3px 6px -2px rgba(150,122,89,0.5);}

.w-box {
	width:100%;
	background:#fff;
}

.contact ul{
	margin:0 auto;
	max-width:1000px;
}
.contact li{
	float:left;
	margin-right:18px;
	width:auto;
}
.contact li:last-child{	margin-right:0px;}

.btn img {
	margin:0 auto;
	width:100% !important;
	height:auto;
}


/* index ==============================================================================================================================================================*/

.mainv {
	margin:0% auto 0 auto;
	padding-bottom:30px;
}

.sysFuncText.mainv {
	background:#eee;
}

/*.sysContent h2 {
	padding:28px 0;
	text-align:center;
}*/


#ec500{
padding-bottom:42px;
/*
  height: 0;
  padding-top: 34.66%;
*/
	background:url(https://www.aiship.jp/img/dotimg/ec500_bg.png) no-repeat 0 0;
	background-size:cover;
}

#ec500 .ttl {
	padding:40px 0 0;
}

#ec500 ul {
	margin:24px auto;
	width:842px;
	padding:24px 0;
}

#ec500 li{
	display:inline-block;
	text-align:center;
	margin-right:5px;
}

#feature {
	background:url(https://www.aiship.jp/img/dotimg/feature_bg.png) no-repeat 0 0 / 100% 100%;
}

#feature .ttl{
	padding:95px 0 60px;
}

.feature.imgBox01 .img01 {
	padding:43px 0;
	width:50%;
	background:#680000;
	text-align:right;
	float:left;
}

.feature.imgBox01 .img02 {
	padding:43px 0;
	width:50%;
	background:#8E0000;
	text-align:left;
	float:right;
}

.feature.imgBox02 {
	padding:45px 0;
	background:#B20000;
	text-align:center;
	clear:both;
}

.feature.bg01 {
	padding:12px 0 30px 0;
}

#function .f_list ul{
	width:889px;
	margin:0 auto 20px auto;
	letter-spacing: -0.5em;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	text-align:left;
}

#function .f_list li{
	display:inline-block;
	background:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	box-sizing:border-box;
	width:148px;
	padding:20px 0;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	letter-spacing: normal;
}

#function #cardlayout {
margin: 0 auto;
width: 1000px;
overflow:hidden;
}

#function .card {
float:left;
display:inline;
}

#function .card img{
	display:block;
}

#transfer{
	background:url(https://www.aiship.jp/img/dotimg/transfer_bg.png) no-repeat 0 0 / 100% 100%;
	padding-bottom:60px;
}

#payment .ttl,
#linked_software .ttl,
#infra .ttl,
#seminar .ttl,
#free_template .ttl,
#construction .ttl,
#tools .ttl{
	padding:0;
	margin:0 auto;
	width:100% !important;
}

#payment ul{
	margin:0px auto 25px auto;
	max-width:914px;
	padding:50px 0 65px 0;
}
#payment li {
	display:inline-block;
	text-align:center;
	margin-right:10px;
	line-height:3;
	vertical-align:middle;
}

#linked_software h2 {
    margin-top: 20px;
}
#linked_software ul{
	margin:0px auto 25px auto;
	width:921px !important;
	padding:20px 0;
	text-align:left;
}
#linked_software li {
	display:inline-block;
	margin-right:5px !important;
	width:auto !important;
	vertical-align:middle;
}

#infra{
	background:url(https://www.aiship.jp/img/dotimg/infra_bg.png) no-repeat 0 0 / 100% 100%;
	padding-bottom:38px;
}

#seminar {
	padding-bottom:60px;
}
#seminar .listarea{
	width:886px !important;
	margin:0 auto;
	background:#FFFFFF;
	border:1px solid #CBCBCB;
}


#seminar .listarea dl{
	float:left;
	width:661px;
	padding:20px 25px 10px 0;
}
#seminar .listarea dt,
dd.date{
	margin:0;
	width:auto !important;
	float:left;
}

#seminar .listarea dt{
	width:auto !important;
	font-size:18px;
	color:#FFFFFF;
	background:#3C3C37;
	padding:10px 25px;
	font-weight:bold;
	margin-right:10px;
}

#seminar .listarea dd.date{
	margin-top:10px;
}

#seminar .listarea dd.detail{
	margin:10px 0 0px 30px;
}

#seminar .listarea dd{
	text-align:left;
	font-size:18px;
	font-weight:bold;
}


#seminar .listarea .detailbtn{
	float:right;
	width:200px;
	padding:10px 0;
	font-size:16px;
	font-weight:bold;
}

#benefit ul{
	width:1002px;
	margin:0 auto 25px auto;
}
#benefit li{
	width:auto !important;
	float:left !important;
}

#case ul{
	width:926px !important;
	margin:0 auto;
}
#case li{
	float:left;
	margin-right:20px;
	margin-bottom:30px;
	width:auto !important;
}

#case li:nth-child(3n){	margin-right:0px;}

#free_template {
	background: linear-gradient(#FFFFFF 42%, #EEEEEE);
}

#free_template .topics{

}
#free_template .topics img{
	display:block;
}

#construction{
	background:url(https://www.aiship.jp/img/dotimg/construction_bg.png) no-repeat 0 0 / 100% 100%;
	padding-bottom:40px;
}

#tools{
	/* background:url(https://www.aiship.jp/img/dotimg/tools_bg.png) no-repeat 0 0 / 100% 100%;
	padding-bottom:40px; */
}

.cp2{width:40%;}

}
/* #END_OF_RESOURCE_FILE */