/*
 *
 * Templat BASIC form aishipR
 *
 * クラス値命名規則
 * h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
 *
 * Table Of Content
 *
 * 1-0 ALL Setting
 *   1-1 Webkit appearance 
 *   1-2 Layout Setting 
 * 2-0 Function Parts
 *   2-1 Clearfix 
 *   2-2 Holizontal Item Block 
 *   2-3 Vertical Item Block 
 *   2-4 Facebook 
 *   2-5 Button 
 *   2-6 機能パーツ：商品カテゴリ 
 *   2-7 グリッドナビ（スタイル:gridnav） 
 *   2-8 非表示コンテンツ(FB/タグマネージャ等用) 
 *   2-9 トグル機能アニメーション 
 *   2-10 カテゴリ・商品詳細ページ 見出し部下線 
 *   2-11 機能パーツ：テキスト 
 *   2-12 見出し
 *   2-13 Bootstrap Buttons UI kit
 *   2-14 Responsive Grid System
 * 3-0 Module
 *   3-1 Header
 *     3-1-1 サイトロゴ 
 *     3-1-2 カート・マイページボタン 
 *     3-1-3 ドロップダウンメニュー 
 *     3-1-4 カート・ログインボタン 
 *     3-1-5 メインメニュー
 *     3-1-6 検索フォーム 
 *   3-2 Main
 *     3-2-1 Main IMAGE 
 *     3-2-2 Half Banner 
 *     3-2-3 PICK UP Item 
 *     3-2-4 News & SNS 
 *     3-2-5 ShopInformation 
 *     3-2-6 Notice 
 *   3-3 Aside
 *     3-3-1 Aside Check List 
 *     3-3-2 Aside Login Form & Search Form 
 *     3-3-3 Aside Banner 
 *     3-3-4 Aside Login Form 
 *   3-4 Footer
 *     3-4-1 Footer Site Map 
 *     3-4-2 Page Top Btn 
 *     3-4-3 CopyRight 
 * 4-0 Page-Content
 *   4-1 Archive Page 
 *     4-1-1 Free Area 
 *     4-1-2 Pankuzu List
 *     4-1-3 Category View Mode 
 *     4-1-4 Item PR Setting 
 *     4-1-5 Cart Button 
 *     4-1-6  Archive List Item 
 *     4-1-7  Archive Thumbnail Item 
 *   4-2 Item Page 
 *     4-2-1 Item IMAGE 
 *     4-2-2 Item Name  
 *     4-2-3 Order Area 
 *     4-2-4 Item Page Titile 
 *     4-2-5 Item Explanation 
 *     4-2-6 Item BuyForm 
 *     4-2-7 System Button 
 *     4-2-8 Item Text 
 *     4-2-9 Item Gallary 
 *     4-2-10 Review 
 *   4-3 Free Page 
 *     4-3-1 TOP PAGE 
 *   4-4 Form Page 
 *     4-4-1 Cart Button Reset 
 *     4-4-2 Form Page 
 *     4-4-3 Form Confirm Page 
 *     4-4-4 Item Search Form
 *   4-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *     4-5-3 Special Point 
 *   4-6 News
 * 10-0 ALL Setting[ For SmartPhone ]
 *   10-1 Header 
 *     10-1-3 ドロップダウンメニュー 
 *   12-2 Holizontal Item Block 
 *     13-1-5 メインメニュー
 *     13-2-2 Half Banner 
 *     13-2-4 News & SNS 
 *     13-2-5 ShopInformation 
 *     13-4-1 Footer Site Map 
 *     13-4-2 Page Top Btn 
 *     14-1-2 Category Pankuzu 
 *     14-1-7  Archive Thumbnail Item 
 *     14-2-3 Order Area 
 * 20-0 ALL Setting[ For Tablet ]
 *   20-1 Header 
 *     20-1-3 ドロップダウンメニュー 
 *     23-3-3 Aside Banner 
 *     23-4-2 Page Top Btn 
 * 30-0 ALL Setting[ For PC ]
 *   30-1 Header 
 *     30-1-3 ドロップダウンメニュー 
 *   32-9 トグル機能アニメーション 
 *     33-3-1 Aside Check List 
 *     34-4-1 Footer Site Map 
 *     34-4-2 Page Top Btn
 */
/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
body {
    background-color: #fff;
    /*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
    font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.35;
    color: #212121;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    /*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
}

a {
    color: #212121;
}

a:hover {
    text-decoration: underline;
}

#sysAll {
    max-width: 100%;
    background-color: transparent; 
    padding: 0;
}

#sysHeader, #sysMain, #sysAside, #sysFotoer {
    padding: 0 5px;
}

#sysWrap {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#sysMain, #sysAside {
    background-color: #fff;
}

#sysHeader, #sysFooter{
    padding: 0;
    margin: 0;
}

#sysHeader {
    background: #fff;
    position: relative;
}

#sysFooter {
    background-color: #ebf5fe;
}

#sysFooter > div {
    /*background-color: #ddd;*/
    margin: 0 auto;
    padding-bottom: 5px;
    background: url('../img/bg_footer.png') no-repeat bottom center;
    background-size: 100% auto;
}

#sysMain {
    line-height: 1.5;
}


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



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

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


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

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


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

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

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

/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    letter-spacing: -.4em;
    text-align: center;
}
.sysContent .sysItemBlock .sysHorizontal li {
    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-11 機能パーツ：テキスト */
#sysMain .sysContent h3 {
    border-bottom: 1px dashed lightgray;
    font-size: 110%;
}

#sysMain .sysContent h3:before {
    /*content: "■";*/
    padding-right: 10px;
}

/* 2-12 見出し */
.headline-1st {
    font-size: x-large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
}
.headline-2nd {
    font-size: large;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 15px;
    
}
.headline-3rd {
    font-size: medium;
    font-weight: bold;
    border-bottom: 1px dotted rgb(212,212,212);
    padding: 5px;
    margin-left: 30px;
}

/* 2-13 Bootstrap Buttons UI kit */
.btn{text-decoration:none;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}

/* 2-14 Responsive Grid System */
/*  12 COLUMN : RESPONSIVE GRID SYSTEM
    DEVELOPER : DENIS LEBLANC
    URL : http://responsive.gs
    VERSION : 3.0
    LICENSE : GPL & MIT */
.row:after, 
.col:after, { 
    content: ""; 
    display: table; 
    clear: both; 
}
.row { padding-bottom: 0em;}
/* DEFAULT COLUMN STYLES */
.col { 
    display: block;
    float: left;
}
.span_1 { width: 8.33333333333%; }
.span_2 { width: 16.6666666667%; }
.span_3 { width: 25%; }
.span_4 { width: 33.3333333333%; }
.span_5 { width: 41.6666666667%; }
.span_6 { width: 50%; }
.span_7 { width: 58.3333333333%; }
.span_8 { width: 66.6666666667%; }
.span_9 { width: 75%; }
.span_10 { width: 83.3333333333%; }
.span_11 { width: 91.6666666667%; }
.span_12 { width: 100%; }

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

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


/* 3-1-1 サイトロゴ */
.h-sitelogo {
    position: relative;
    margin: 0 auto;
    /*background-color: #fff;*/
    padding: 10px 0 5px 5px;
}

.h-sitelogo .sysContent {
    background-color: #fff;
    width: auto;
    max-width: 330px;
    position: relative;
    z-index: 5;
}

.h-sitelogo li img {
    width: auto;
}


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



/* バスgif */
.header-bus-gif {
    max-width: 1040px;
    margin: 0 auto;
    position: relative;
}

.header-bus-gif .sysContent {
    position: absolute;
    right: 60px;
    bottom: 10px;
    padding: 0;
    width: 90px;
    overflow: hidden;
}

.header-bus-gif .sysContent img {
    max-width: none;
    width: auto;
}



/* ヘッダーメニュー */
.header-common-menu {
    display: none;
}

.header-common-menu-sp {
    position: absolute;
    top: 10px;
    right: 5px;
    color: #fff;
}

.header-common-menu-sp .sysHeadline {
    float: right;
    background-color: #bae3f9;
    width: 32px;
    height: 34px;
}

.header-common-menu-sp .sysHeadline img.hum {
    margin: 0;
    margin-bottom: 0;
}

.header-common-menu-sp .sysContent {
    display: none;
    z-index: 10;
    position: absolute;
    right: 0;
    padding: 0;
    top: 33px;
    width: 250px;
}

.header-common-menu-sp .sysContent ul {
    background: rgba(0,172,239, .7);
}

.header-common-menu-sp .sysContent ul li {
    border-bottom: 1px solid #e0ffff;
    width: 100%;
}

.header-common-menu-sp .sysContent ul li:last-of-type {
    border-bottom: none;
}

.header-common-menu-sp .sysContent ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
}

.header-common-menu-sp .sysContent ul li.tourinfo ul,
.header-common-menu-sp .sysContent ul li.campaign ul,
.header-common-menu-sp .sysContent ul li.company ul {
    display: none;
    margin: 10px;
}



/* 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 {
    width: 100%;
    overflow: hidden;
    /*padding: 5px;*/
}

.p-topimg .sysContent ul {
    max-width: 1040px;
    margin: 15px auto;
}

.p-topimg .sysContent ul li img {
    max-width: 100%;
}



/* 3-2 Main*/

/* 【TOPページ】『HAVE A SPECIAL TOUR』日々旅にて、旅を住処とする */
#top .top-contents-list h2.sysHeadline {
    text-align: center;
    position: relative;
    background-color: transparent;
}

#top .top-contents-list h2.sysHeadline:before {
    content: "";
    display: block;
    border-top: solid 1px #000;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 25%;
    z-index: 1;
}

#top .top-contents-list h2.sysHeadline span {
    background: #FFFFFF;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 5;
}

#top .top-contents-list .sysContent {
    max-width: 960px;
    width: 100%;
    margin: 15px auto;
    padding: 0;
}


#top .top-contents-list ul {
    overflow: hidden;
}

#top .top-contents-list ul li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-right: 0.5%;
    margin-bottom: 15px;
    width: 100%;
    max-height: 173px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#top .top-contents-list ul li:nth-of-type(1) {
    background-image: url('/img/topMain/top_greeting2.png');
}

#top .top-contents-list ul li:nth-of-type(2) {
    background-image: url('/img/topMain/top_company_info.png');
}

#top .top-contents-list ul li:nth-of-type(3) {
    background-image: url('/img/topMain/top_campaign_info.png');
}

#top .top-contents-list ul li:nth-of-type(4) {
    background-image: url('/img/topMain/top_tour_info.png');
}

#top .top-contents-list ul li:nth-of-type(5) {
    background-image: url('/img/topMain/bnr-tabilike.png');
}

#top .top-contents-list ul li:nth-of-type(6) {
    background-image: url('/img/topMain/top_recruit.jpg');
}


#top .top-contents-list ul li:nth-of-type(2n) {
    margin-right: 0;
}

#top .top-contents-list ul li a {
    display: block;
    color: #fff;
    font-size: 112.5%;
    text-align: center;
    text-decoration: none;
    line-height: 1.35;
    letter-spacing: -0.04em;
    padding: 4.2em 0;
    background-color: rgba(0,0,0,.4);
}

/* #top .top-contents-list ul li:nth-of-type(3) a, 
#top .top-contents-list ul li:nth-of-type(6) a {
    padding: 3.54em 0;
}
*/

/*
#top .top-contents-list ul li:nth-of-type(4) a {
    position: relative;
    padding: 2.3em 0.4em;
    text-align: right;
}

#top .top-contents-list ul li:nth-of-type(4) a img {
    width: 25%;
    height: auto;
    position: relative;
    top: 1.5em;
}
*/


#top .top-contents-list ul li a:hover {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {background-color: rgba(0,0,0,.4);}
    100% {background-color: rgba(0,0,0,.0);}
}

@-webkit-keyframes fadeIn {
    0% {background-color: rgba(0,0,0,.4);}
    100% {background-color: rgba(0,0,0,.0);}
}



/*　【TOPページ】ニュース一覧　*/
#top .top-newslist {
    margin-bottom: 60px;
}

#top .top-newslist .sysHeadline,
ul.top-newslist {
    margin: 0 auto;
    max-width: 960px;
}

#top .top-newslist .sysContent {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

ul.top-newslist {
    margin: 15px auto;
/*
    height: 300px;
    overflow: auto;
*/
}

ul.top-newslist li {
    margin-bottom:18px;
}

ul.top-newslist li dl {
    line-height: 1;
    overflow: hidden;
}

ul.top-newslist li dl dt {
    width: 100%;
    position: relative;
}

ul.top-newslist li dl dt span {
    display: inline-block;
    margin-left: 1.5em;
    margin-bottom: 4px;
    padding:8px 0 0.35em 0;
    font-size: 80%;
    color: #fff;
    line-height: 1;
    width: 140px;
    text-align: center;
    position: relative;
    bottom: 2px;
}

ul.top-newslist li dl dt span.shop {
    background-color: #00aeef;
}

ul.top-newslist li dl dt span.campaign {
    background-color: #67d9c5;
}

ul.top-newslist li dl dt span.tourinfo {
    /* background-color: #f7b920; */
    background-color: #ffb894;
}

ul.top-newslist li dl dt span.news {
    background-color: #67d9c5;
}

ul.top-newslist li dl dt span.tour-kitakanto, ul.top-newslist li dl dt span.shop-kitakanto {
    background-color: #a9d08e;
}

ul.top-newslist li dl dt span.tour-nagoya, ul.top-newslist li dl dt span.shop-nagoya {
    background-color: #ffc000;
}

ul.top-newslist li dl dt span.tour-osaka, ul.top-newslist li dl dt span.shop-osaka {
    background-color: #baa7cc;
}

ul.top-newslist li dl dt span.tour-hiroshima, ul.top-newslist li dl dt span.shop-hiroshima {
    background-color: #ff0000;
}

ul.top-newslist li dl dt span.tour-tokyo-head, ul.top-newslist li dl dt span.shop-tokyo-head {
    background-color: #00aeef;
}

ul.top-newslist li dl dt span.tour-fukuoka, ul.top-newslist li dl dt span.shop-fukuoka {
    background-color: #ff99cc;
}

ul.top-newslist li dl dd {
    padding-top:5px;
    margin-bottom: 2px;
}

ul.top-newslist li dl dd a {
    text-decoration: none;
}

ul.top-newslist li dl dd a:hover {
    text-decoration: underline;
}


/* 利用するバスについてリンク */
#top .use_bus_company {
    margin: 20px auto 40px;
    max-width: 960px;
}

p.use_bus_company:before,
#top .use_bus_company .sysContent:before {
    content: '>';
    margin-right: 0.25em;
}

p.use_bus_company a,
#top .use_bus_company a {
    font-size: 12px;
    text-decoration: none;
}

p.use_bus_company a:hover,
#top .use_bus_company a:hover {
    text-decoration: underline;
}


/* 3-2-1  */


/* 3-2-2 Half Banner */
#top .p-banner ul {
    text-align: center;
    clear: both;
    margin: 20px auto 0;
}

#top .p-banner ul li {
    margin-bottom: 15px;
    width: 95%;
    display: inline-block;
}
#top .p-banner-20170601 ul {
    text-align: center;
    clear: both;
    margin: 20px auto 0;
}

#top .p-banner-20170601 ul li {
    margin-bottom: 15px;
    width: 95%;
    display: inline-block;
}


#top .ad_wanted_txt {
    margin-bottom: 50px;
}

#top .ad_wanted_txt p {
    margin: 0 auto;
    font-size: 90%;
    width: 98%;
}


/* 3-2-3 PICK UP Item */
.p-banner ul {
    text-align: center;
    clear: both;
    margin: 10px auto;
}

.p-banner li {
    width: 49%;
    display: inline-block;
}
.p-banner-20170601 ul {
    text-align: center;
    clear: both;
    margin: 10px auto;
}

.p-banner-20170601 li {
    width: 49%;
    display: inline-block;
}



/* 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;
    background-color: transparent;
    padding: 20px 0;
    max-width: 1040px;
    margin: 0 auto;
    overflow: hidden;
}

.shopinfo-inner {
    display: inline-block;
    /*margin: 5px;*/
    padding-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
    padding: 0 3%;
    font-size: 90%;
}

.shopinfo-inner.company {
    display: none;
}

.shopinfo-inner.f_bdr {
    border-left: none;
}

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

.shopinfo-inner ul.links {
    width: 50%;
    float: left;
}

.shopinfo-inner ul.links a {
    text-decoration: none;
    font-size:12px;
}

.shopinfo-inner ul.links a:hover {
    text-decoration: underline;
}

.shopinfo-inner ul.links li {
    margin-bottom: 0.8em;
    position: relative;
}
.shopinfo-inner ul.links li:before{
    content:">";
    padding-right:0.5em;
}
#sysFooter .footerCnt .shopinfo-inner .txt_img .right:before{
    content:">";
    padding-right:0.5em;
}
#sysFooter .footerCnt .shopinfo-inner .txt_img .right a:hover{
    text-decoration: none;
}
.shopinfo-inner ul.links li ul.comp {
    font-size: 90%;
    position: relative;
    top: -1.6em;
    left: 8em;
}

.shopinfo-inner .com_name {
    color: #121212;
    font-weight: bold;
    font-size: 130%;
}

.shopinfo-inner .com_name span {
    display: block;
    color: #00adef;
    font-size: 200%;
    line-height: 1.2;
}

.shopinfo-inner .com_open_close {
    margin: 0 auto;
}

.shopinfo-inner .txt_img .txt {
    padding: 0 5%;
    width: 100%;
    float: none;
}

.shopinfo-inner .txt_img .img {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 1.5em;
    margin: 0 auto;
    width: 34%;}

.shopinfo-inner .txt_img .img img {
    display: block;
    margin: 0 auto 1.5em;
    width: 65px;
    height: auto;
}





/* 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 */
#sysFooter .f-copyright {
    text-align: center;
    padding: 0;
    background: url('/img/bg_copyright.png') no-repeat top center, #00aeef;
    background-size: 100% auto;
}

#sysFooter .f-copyright .sysContent {
    color: #fff;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    /*border-top: 1px solid #666;*/
}

#sysFooter .f-copyright .sysContent ul {
    overflow: hidden;
    margin: 20px auto 10px;
    padding: 0 5%;
}

.f-copyright .sysContent ul li {
    float: left;
    width: 50%;
    text-align: center;
}

#sysFooter .f-copyright .sysContent ul li a {
    color: #fff;
    text-decoration: none;
    font-size:88%;
}

#sysFooter .f-copyright .sysContent ul li a:hover {
    text-decoration: underline;
}

#sysFooter .f-copyright .sysContent p {
    margin-top: 20px;
    text-align: center;
    font-size:88%;
}




/* 4-0 Page-Content
 *----------------------------------------------------------------------*/
/* 4-1 Archive Page */
/* 4-1-1 Free Area */
.mainCnt {
    border-color: none;
    border-style: solid;
    border-radius: 0px;
    border-width: 0;
    box-shadow: none;
    margin-top: 45px;
    /*margin-bottom: 10px;*/
}

.mainCnt .sysHeadline {
    border-bottom: none;
    background-color: transparent;
    color: #000;
    font-size: 170%;
    line-height: 1.2;
    font-weight: normal;
    padding: 5px 0;
}

.txt_img {
    overflow: hidden;
}

.txt_img .txt {
    float: left;
    width: 60%;
}



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

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


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

/* 4-1-5 Cart Button */
.sysCartButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
}
.sysCartButton:hover {
    background: #999;
}


/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}

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

/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 32%;
    line-height: 1;
    float: none;
    margin: 1% 0;
}

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

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


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

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

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

#sysItemDetail .sysForm select {
    min-width: 190px;
    width: 75%;
    display: inline-block;
    float: right;
}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 98%;
    margin-left: 2%;
}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}

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

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

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

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

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

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

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

/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
}
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 4em;
    padding: 0;
}

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

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

#sysMain input[type="email"], 
#sysMain input[type="number"], 
#sysMain input[type="password"], 
#sysMain input[type="tel"], 
#sysMain input[type="url"], 
#sysMain input[type="text"],
#sysMain textarea {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
    border-radius: 0 0 0 0 ;
    border: #999999 1px solid;
    line-height: 3;
}
#sysMain textarea { min-height: 75px;}

.sysZipcode button,
.sysZipcode .sysFormField { display: inline-block;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField { width: 200px;}
.sysZipcode br{ display: none;}
.sysBirthday input { width: auto!important;}


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

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

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

/* 購入履歴 */
.sysOrderList {
    border: 1px solid rgb(212,212,212);
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
}
.sysOrderList li {
    border-bottom: 1px dotted rgb(212,212,212);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

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

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

#sysMypageEditConfirm #sysMain > form { padding: 10px;}

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

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

/* 4-6 News Page */
.news-row {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;  
}
.news-row > h1 {
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(), to());
    background: -webkit-linear-gradient(top, , );
}
.sysNewsDetail { padding: 10px 20px;}

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

.sysSelectAddress {
    margin: 10px 0;
}

.sysSelectAddress a:hover {
    background: #eee;
}


/***************下層ページ*******************/
#offices .p-offices.lowerCnt,
#recruits .p-recruit-img.lowerCnt,
#recruits .p-recruit.lowerCnt{
    max-width:890px;
}

.lowerCnt {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding-top: 2em;
    margin-bottom: 50px;
}

.lowerCnt h1.sysHeadline {
    text-align: center;
    font-weight: 600;
    font-size: 2.1em;
}

.lowerCnt h1.sysHeadline span {
    display: block;
    font-size: 0.5em;
    font-weight: 400;
    margin: 0 0 2em;
}

.lowerCnt h2 {
    font-size: 120%;
    border-bottom: 1px solid #333;
    padding-bottom: 0.25em;
}
.lowerCnt .ttl {
font-size: 150%;
font-weight: bold;
border-top: 2px solid #00acef;
border-bottom: 2px solid #00acef;
padding: 10px 0px 8px;
}

/* 採用情報 */
.lowerCnt.p-recruit-img {
    margin-bottom: 0;
}

.p-recruit .txt_img .img img {
    width: 100%;
}

.p-recruit h2 {
    background-color: #a6a6a6;
    border-bottom: none;
    padding: 0.25em;
    color: #fff;
    font-weight: bold;
    font-size: 115%;
    text-align: center;
    margin-bottom: 15px;
}

.p-recruit table.intro {
    border-bottom: 1px solid #a6a6a6;
}

.p-recruit table.intro tr th,
.p-recruit table.intro tr td {
    padding: 1em 1.5em;
    text-align: left;
    vertical-align: top;
    display: block;
}

.p-recruit table.intro tr th {
    border-top: 1px solid #a6a6a6;
    padding: 1em 1.5em 0;
}

.p-recruit table.intro tr td {
    padding: 1em 1.5em;
}

.p-recruit table.intro tr td a {
    color: #0090ff;
    text-decoration: none;
}

.p-recruit table.intro tr td a:hover {
    text-decoration: underline;
}

.p-recruit .s_word {
    position: relative;
}

#sysMain .p-recruit .sysContent .s_word h3 {
    display: inline-block;
    border-bottom: none;
    position: relative;
    z-index: 5;
    top: 30px;
    right: 15px;
}

.p-recruit .s_word .txt_img {
    border: 1px solid #a6a6a6;
}

.p-recruit .s_word .txt_img .img {
    width: 40%;
}

.p-recruit .s_word .txt_img img {
    float: left;
}

.p-recruit .s_word .txt_img .txt {
    padding: 0 1.25em;
    width: 60%;
}

.p-recruit .apply a {
    position: relative;
    display: inline-block;
    background-color: #00abf0;
    margin: 40px auto 0;
    padding: 1em 3em;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 130%;
    letter-spacing: 0.25em;
}

.p-recruit .apply a:after {
    position: absolute;
    font-weight: normal;
    content: '>';
    top: 0.9em;
    left: 85%;
}




/* 旅行業約款 */
.lowerCnt ul.ag_links {
    overflow: hidden;
    margin-bottom: 35px;
}

.lowerCnt ul.ag_links li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
}

.lowerCnt ul.ag_links li:nth-of-type(2n) {
    margin-right: 0;
}

.lowerCnt ul.ag_links li a,
.lowerCnt ul.ag_links li span {
    display: block;
    padding: 0.5em;
    text-decoration: none;
    border: 1px solid #898989;
    font-size: 90%;
}

.lowerCnt ul.ag_links li span {
    font-weight: bold;
    border: 1px solid #333;
}

.lowerCnt ul.ag_links li a:hover {
    opacity: 0.8;
}

.lowerCnt table.base {
    width: 100%;
    border: 1px solid #bbb;
    font-size: 90%;
}

.lowerCnt table.base tr th,
.lowerCnt table.base tr td {
    border: 1px solid #bbb;
    padding: 0.5em;
}

.lowerCnt table.base tr th {
    background-color: #ddd;
}

.lowerCnt table.base tr th:last-of-type {
    /* width: 25%; */
    width: 35%;
}

.lowerCnt table.base.b734 tr th:first-of-type,
.lowerCnt table.base.b734 tr td:first-of-type {
    width: 9.5%;
}

.lowerCnt table.base.b734 tr th:last-of-type {
    text-align: left;
    width: auto;
}

.lowerCnt table.base.b734 tr td:last-of-type {
    width: 15%;
    text-align: center;
}

.lowerCnt ul.rules {
    margin: 0 0 15px 1.2em;
}

.lowerCnt .bdr_5jo {
    margin-top: 15px;
    border: 1px solid #ddd;
    padding: 0.5em;
}


/* Q&A */
#faq .p-faq.lowerCnt h2 {
    border-bottom: none;
    font-size: 125%;
}

#faq .p-faq ul {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 50px;
}

#faq .p-faq ul li {
    /*padding: 1em 0.25em;*/
    border-top: 1px solid #e1e1e1;
}

#faq .p-faq ul li dl dt {
    cursor: pointer;
    padding: 1em 0.25em 1em 62px;
    font-size: 110%;
    background: url('/img/icon/qa_q.png') no-repeat left 0.5em;
    /*background-size: contain;*/
}

#faq .p-faq ul li dl dd {
    display: none;
    padding: 2.8em 0.25em 1em 62px;
    background:
        url('/img/icon/qa_a.png') no-repeat left 2.25em,
        url('/img/icon/qa_arrow.png') no-repeat 25% top;
    /*background-size: contain;*/
}



/*ごあいさつ*/
.wapper_messege {
    padding-top: 1em;
}

.messege_main {
    text-align: center;
}

.messege_h1 {
    font-size: 2.1em;
    margin: 1.5em auto 0.5em auto;
    text-align: center;
}

.messege_text {
    font-size: 1.2em;
    line-height: 2;
    margin-bottom: 5em;
    text-align: center;
}

.messege_h2 {
    font-size: 2.1em;
    margin: 0 auto 1.3em auto;
    text-align: center;
}

.messege_omoi_ul {
    max-width: 890px;
    width: 100%;
    margin: 0 auto 5em auto;
}

.messege_omoi_ul li {
    float: left;
    margin-right: 4.2%;
    width: 30.5%;
}

.messege_omoi_ul li img {
    text-align:center;
}

.messege_omoi_ul li em {
    display: block;
    font-size: 1.7em;
    font-weight: 600;
    margin: 0.5em auto;
    text-align:center;
    font-style: normal;
}

.messege_omoi_ul li span {
    font-size: 1.1em;
    line-height: 1.8;
    list-style-type: none;
}
.messege_omoi_ul li:last-child {
    float: left;
    margin-right: 0;
}

.footer_nav_ul2 {
    width: 50%;
    margin: 0 auto 4em auto;
}

.footer_nav_ul2 li a {
    border: 1px solid #898989;
    background: url("/img/content/icon_li.gif") no-repeat 95% center;
    padding: 0.8em 1em;
    display: block;
    text-decoration: none;
}

.footer_nav_ul2 li a:hover {
    opacity: 0.8;
}

.footer_nav_ul2 li:nth-child(1) {
    width: 49%;
    float: left;
}

.footer_nav_ul2 li:nth-child(2) {
    width: 49%;
    float: right;
}

.footer_nav_ul4 {
    width: 100%;
    margin: 0 auto;
    /*margin: 0 auto 4em auto;*/
}

.footer_nav_ul4 li a {
    border: 1px solid #898989;
    background: url("/img/content/icon_li.gif") no-repeat 95% center;
    padding: 0.8em 1em;
    display: block;
    text-decoration: none;
}

.footer_nav_ul4 li a:hover {
    opacity: 0.8;
}

.footer_nav_ul4 li {
    width: 22.7%;
    float: left;
    margin-right: 3%;
}

.footer_nav_ul4 li:last-child {
    margin-right: 0;
}


/*会社概要*/
.co_txt_img{
float:left;
width:45%;
margin:0;
}
.co_txt_add{
float:right;
width:50%;
}

.wapper_company {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding-top: 2em;
}

.company_h1 {
    text-align: center;
    font-weight: 600;
    font-size: 2.1em;
}

.company_h1 span {
    display: block;
    font-size: 0.5em;
    font-weight: 400;
    margin: 0 0 2em;
}

.company_table {
    border-top: 1px solid #898989;
    width: 100%;
    /*margin-bottom: 4em;*/
}

.company_table th {
    border-bottom: 1px solid #898989;
    font-weight: 400;
    text-align: left;
    padding: 1.3em 1.3em 1em 1.3em;
    width: 25%;
}

.company_table td {
    border-bottom: 1px solid #898989;
    font-weight: 400;
    text-align: left;
    padding: 1.3em 1.3em 1em 1.3em;
}

.company_table td a {
    color: #036eb8;
    text-decoration: none;
}

.company_table td a:hover {
    text-decoration: underline;
}



/*サイトマップ*/
.wrapper_sitemap {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding-top: 2em;
}

.sitemap_h1 {
    text-align: center;
    font-weight: 600;
    font-size: 2.1em;
}

.sitemap_h1 span {
    display: block;
    font-size: 0.5em;
    font-weight: 400;
    margin: 0 0 2em;
}
#sitemap_list {
    margin: 0;
    padding: 0;
}

#sitemap_list li.sitemap_parent {
    list-style-type: none;
    margin: 1.5em 0;
    padding: 0;
}

#sitemap_list li.sitemap_parent a {
    background: rgba(0, 0, 0, 0) url("/img/content/icon_li.gif") no-repeat scroll 98% center;
    border: 1px solid #898989;
    display: block;
    padding: 0.8em 1em;
    text-decoration: none;
    position: relative;
}

#sitemap_list li.sitemap_parent li {
    background: rgba(0, 0, 0, 0) url("/img/icon/ico_arrow_2.png") no-repeat scroll 0 0.5em;
    margin: 0.7em 0 0.7em 10px;
    padding: 0 0 0 25px;
}

#sitemap_list li.sitemap_parent li a {
    border: medium none;
    display: inline;
    padding: 0;
}

li.sitemap_chirdren a {
    background: none !important;
}



/*お問い合わせ等フォーム周り*/
.p-inquiry .mb20.center.large {
    font-size: 125%;
}


body.form-recruits div#sysMain,
body.form-inquiry div#sysMain {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
    padding: 2.7em 5px 0 !important;
    border: none !important;
    box-shadow: none !important;
}

body#sysFormThanks.form-recruits div#sysMain,
body#sysFormThanks.form-inquiry div#sysMain {
    text-align: center;
}

.inquiry_h1 {
    font-size: 2.1em;
    font-weight: 600;
    text-align: center;
}

.inquiry_h1 span {
    display: block;
    font-size: 0.5em;
    font-weight: 400;
    margin: 0 0 2em;
}

.form-recruits #sysMain form input.sysNextSubmit,
.form-inquiry #sysMain form input.sysNextSubmit {
    margin: 2.5em auto 0 !important;
    background-color: #00abf0;
}

.form-recruits #sysMain form .sysForm div.sysFormItem,
.form-inquiry #sysMain form .sysForm div.sysFormItem {
    margin: 0 0 1.5em;
}

.form-recruits #sysMain form .sysForm div.sysFormItem.sys2 .sysButton {
    display: block;
}

.form-recruits #sysMain form .sysForm div.sysFormItem.sys2 input[type=text],
.form-recruits #sysMain form .sysForm div.sysFormItem.sys8 input[type=text] {
    width: 120px;
}

.form-recruits #sysMain form .sysForm div.sysFormItem.sys11 .sysFormField {
    position: relative;
}

.form-recruits #sysMain form .sysForm div.sysFormItem.sys11 .sysFormField label {
    margin-right: 0.3em;
}

.form-recruits #sysMain form .sysForm div.sysFormItem.sys11 .sysFormField input[type=radio] {
    position: relative;
    top: 0.5em;
}



.mt10 {
    margin-top: 10px !important;
}

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

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

.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

.left {
    text-align: left !important;
}

.show_sp {
    display: none !important;
}

.bold {
    font-weight: bold !important;
}

.small {
    font-size: 80%;
}

span.ad_toptxt {
    font-size: 50%;
    font-weight: normal;
}
@media screen and (max-width:480px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/

 #sysMain,#sysAside{ width: 100%!important;}
 #sysMain{ margin-top: 0;}
 .grid-col {
   float: none;
   width: 100%!important;
         margin-left: 0;
 }
 /* 10-1 Header */
 
 #top #sysAll #sysHeader{
     box-shadow: 0 0 0 0 #efefef;
     p-webkit-box-shadow: 0 0 0 0 #efefef;
     p-moz-box-shadow: 0 0 0 0 #efefef;
 }
 #sysHeader,
 #top.blogall #sysAll #sysHeader { 
     margin-bottom: 5px;
     padding-bottom: 0.5em;
     box-shadow: 0 0 2px 2px #efefef;
     p-webkit-box-shadow: 0 0 2px 2px #efefef;
     p-moz-box-shadow: 0 0 2px 2px #efefef;
 }
 
 .h-siteinfo{ height: auto;}
 .h-siteinfo h1 { font-size: xx-small;}
 
 .h-sitelogo {
     /*height: 52px;*/
 }
 
 .h-sitelogo .sysContent {
     width: auto;
     max-width: 180px;
 }
 
 .h-sitelogo li img {
     width: auto;
     max-height: 30px;
     /*max-height: 47px;*/
 }
 
 
 
 /* バスgif */
 .header-bus-gif .sysContent {
     bottom: 0;
 }
 
 .header-bus-gif .sysContent img {
     max-height: 30px;
     width: auto;
 }
 
 
 .h-utilitybtn{ position: relative;}
 .h-utilitybtn .sysContent {
     width: 32%;
     float: none;
     position: absolute;
     z-index: 999;
     top: 0;
     right: 15%;
 }
 .h-utilitybtn ul li.sysText a {
     line-height: 17px;
     height: 47px;
     font-size: x-small;
 }
 .h-utilitybtn ul li {
     height: 47px;
 }
 .h-utilitybtn ul li.sysText a:before {
     content: "";
     width: 20px;
     margin: 5px auto 0;
     height: 20px;
     display: block;
 }
 .h-utilitybtn ul li.sysText:nth-child(1) a:before {
     background: url(http://template-advance.aispr.jp/img/icon/icon-mypage.png);
     background-size: 100%;
 }
 .h-utilitybtn ul li.sysText:nth-child(2) a:before {
     background: url(http://template-advance.aispr.jp/img/icon/icon-cart.png);
     background-size: 100%;
 }
 
 /* 10-1-3 ドロップダウンメニュー */
 
 .h-subMenu .sysHeadline{
     line-height: 47px;
     width: 15%;
     float: right;
     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;}
 #top .top-contents-list h2.sysHeadline span {
    background: #FFFFFF url(/img/chara.png) left top / auto 36px no-repeat;
    padding: 0 10px 0 72px;
}
 #top .top-contents-list ul li:nth-of-type(4) a img {
     height: auto;
     position: relative;
     right: 1em;
     top: 1.5em;
     width: 22.5%;
 }
 
 /*******下層ページ*********/
 /*ごあいさつ*/
 
 .messege_h1 {
     font-size: 160%;
     margin: 1em auto 0.5em;
     text-align: center;
 }
 
 .messege_text {
     font-size: 1em;
     line-height: 1.5;
     margin-bottom: 3em;
     text-align: left;
 }
 
 .messege_h2 {
     font-size: 160%;
     margin: 0 auto 0.5em;
     text-align: center;
 }
 
 .messege_omoi_ul li {
     float: none;
     margin: 0 auto 3em auto;
     width: 90%;
 }
 
 .messege_omoi_ul li em {
     font-size: 1.5em;
 }
 
 .messege_omoi_ul li img {
     display: block;
     margin: 0 auto;
     text-align: center;
 }
 
 .messege_omoi_ul li:last-child {
     float: none;
     margin-right: auto;
 }
 
 .messege_omoi_ul li span {
     font-size: 1em;
     line-height: 1.7;
     list-style-type: none;
 }
 #sysFooter > div{
    background: url("../img/bg_footer.png") no-repeat scroll 0 bottom;
    background-size:200% auto;
 }
 .footer_nav_ul2 {
     margin: 0 auto 3em;
     width: 80%;
 }
 
 .footer_nav_ul2 li:nth-child(1),
 .footer_nav_ul2 li:nth-child(2){
     float: none;
     width:100%;
     margin-bottom:1em;
 }
 
 .footer_nav_ul4 li {
     float: none;
     margin-bottom: 1em;
     margin-right: 0;
     width: 100%;
 }
 
 .shopinfo-inner .txt_img .img {
     background-color: #fff;
     border: 1px solid #eee;
     margin: 0 auto;
     padding: 1em;
     width: 59%;
 }
 
 /*会社概要*/
 .company_h1 {
     font-size: 160%;
     margin: 1em auto 0.5em;
     text-align: center;
 }
 
 .company_table th {
     border-bottom: 0 solid #898989;
     display: block;
     font-weight: 600;
     padding: 1.3em 1.3em 0;
     text-align: left;
     width: 100%;
 }
 
 .company_table td {
     border-bottom: 1px solid #898989;
     display: block;
     font-weight: 400;
     padding: 0.8em 1.3em 1em;
     text-align: left;
     width: 100%;
 }
 
 /*事業所一覧*/
 .co_txt_add {
     margin: 0.5em 0;
 }
 .txt_img .txt {
     width: 100%;
 }
 
 
 /* 採用情報 */
 .p-recruit .s_word .txt_img .txt, 
 .p-recruit .s_word .txt_img .img {
     width: 100%;
 }
 
 .p-recruit .s_word .txt_img img {
     float: none;
     width: 100%;
 }
 
 /* NEWS iframe iphone用調整 */
 .top-newslist .sysContent {
   width: 100%;
   /* height: 165px; */
   height: 320px;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   display: inline-block;
 }

 .news-frame {
   width: 100%;
   height: 100%;
   border: none;
   display: block;
 }

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

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

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


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

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

/* 23-4-2 Page Top Btn */
.p-pagetop .btn { width: 50%;}
#top .top-contents-list ul li:nth-of-type(4) a img{
    height: auto;
    position: relative;
    right: 1em;
    top: 1.5em;
    width: 12%;
}
 #top .top-contents-list h2.sysHeadline span {
    background: #FFFFFF url(/img/chara.png) left top / auto 36px no-repeat;
    padding: 0 10px 0 72px;
}


/*事業所一覧*/
.txt_img .txt {
    float: left;
    width: 100%;
}
#top div#sysAll div#sysHeader{
    box-shadow: 0 0 0 0 #efefef;
    p-webkit-box-shadow: 0 0 0 0 #efefef;
    p-moz-box-shadow: 0 0 0 0 #efefef;
}
#sysHeader,
#top.blogall div#sysAll div#sysHeader {
    box-shadow: 0 0 2px 2px #efefef;
    p-webkit-box-shadow: 0 0 2px 2px #efefef;
    p-moz-box-shadow: 0 0 2px 2px #efefef;
    margin-bottom: 5px;
}

.header-common-menu-sp .sysHeadline {
    height: 45px;
    width: 45px;
}
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 30-1 Header */
.h-siteinfo,
.h-subMenu {
    margin: 0 auto;
}
.h-siteinfo { text-align: left;}
/* 30-1-3 ドロップダウンメニュー */
.h-subMenu > .sysContent {  display: block!important;}
.h-subMenu > .sysHeadline { display: none;}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    bottom: 1px;
    right: 0;
    z-index: 999;
    width: 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;
}



/* バスgif */
.header-bus-gif .sysContent {
	width: 520px;
	right: 160px;
}

.header-bus-gif .sysContent img {
	max-width: initial;
	height: auto;
}
.h-sitelogo {
background: url(/img/chara.png) calc(100% - 35px) 5px/auto 60px no-repeat;
}


/* ヘッダーメニュー */
.header-common-menu {
    display: block;
    width: 100%;
    background-color: #00acef;
    padding: 0;
    position: relative;
}

.header-common-menu .sysContent ul {
    max-width: 1040px;
    margin: 0 auto;
}

.header-common-menu .sysContent ul li {
    display: block;
    position: relative;
    float: left;
    width: 15%;
    /*width: 16%;*/
    text-align: center;
    line-height: 1;
    border-right: 0px solid #fff;
}

.header-common-menu .sysContent ul li:nth-of-type(3) {
    width: 22%;
}

.header-common-menu .sysContent ul li:nth-of-type(4) {
    width: 18%;
}

.header-common-menu .sysContent ul li:last-of-type {
    border-right: 0;
}


.header-common-menu .sysContent{padding:0;}
/*.header-common-menu .sysContent ul li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}*/
.header-common-menu .sysContent ul li a {
    color: #fff;
    display: block;
    padding: 15px 0;
    text-decoration: none;
}

.header-common-menu .sysContent ul li a:hover {
    //text-decoration: underline;
    opacity:0.8;
}
.header-common-menu .sysContent ul li a span{
    border-right: 1px solid #fff;
    display:inline-block;
    width:99%;
}

.header-common-menu .sysContent ul li.tourinfo ul,
.header-common-menu .sysContent ul li.campaign ul,
.header-common-menu .sysContent ul li.company ul {
    //padding-top: 0.85em;
    display: none;
    width: 100%;
    position: absolute;
    overflow: visible;
    background: rgba(0,172,239, .7);
    z-index: 10;
}

.header-common-menu .sysContent ul li.tourinfo ul li,
.header-common-menu .sysContent ul li.campaign ul li,
.header-common-menu .sysContent ul li.company ul li {
    border-bottom: 1px solid #e0ffff;
    width: 100%;
    position: static;
    border-right: 0;
    line-height: 1;
    padding:0;
    float: none;
}

.header-common-menu .sysContent ul li.tourinfo ul li:last-of-type,
.header-common-menu .sysContent ul li.campaign ul li:last-of-type,
.header-common-menu .sysContent ul li.company ul li:last-of-type {
    border-bottom: none;
}

.header-common-menu .sysContent ul li.tourinfo ul li a,
.header-common-menu .sysContent ul li.campaign ul li a,
.header-common-menu .sysContent ul li.company ul li a {
    color: #fff;
    padding: 0.85em 0;
}


/* 3-2-5 ShopInformation */
.shopinfo-inner {
    width: 48%;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
}

.shopinfo-inner.company {
    display: inline-block;
}

.shopinfo-inner.f_bdr {
    border-left: 3px solid #00aeef;
}

.shopinfo-inner ul.links {
    width: 50%;
    float: left;
}

.shopinfo-inner ul.links a {
    text-decoration: none;
}

.shopinfo-inner ul.links a:hover {
    text-decoration: underline;
}

.shopinfo-inner ul.links li {
    margin-bottom: 0.8em;
    position: relative;
}

.shopinfo-inner ul.links li ul.comp {
    font-size: 90%;
    position: relative;
    top: -1.6em;
    left: 8em;
}

.shopinfo-inner .txt_img .txt {
    margin-top: 10%;
    padding: 0;
    width: 60%;
    float: left;
}

.shopinfo-inner .txt_img .img {
    margin: 0 0 0 65%;
    font-size: 90%;
    width: 35%;
}

.shopinfo-inner .com_open_close {
    font-size: 90%;
}

.shopinfo-inner .txt_img .img img {
    /*width: 100px;*/
}



/* 3-2 Main */

/* 3-2-2 Half Banner */
#top .p-banner ul li {
    width: 32%;
}
#top .p-banner-20170601 ul li {
    width: 32%;
}

/* 【TOPページ】『HAVE A SPECIAL TOUR』日々旅にて、旅を住処とする */
#top .top-contents-list ul li:nth-of-type(2n),
#top .top-contents-list ul li {
    width: 32.33%;
    /*max-height: none;*/
    margin-right: 0.5%;
}

#top .top-contents-list ul li:nth-of-type(3n) {
    margin-right: 0;
}


/*　【TOPページ】ニュース一覧　*/
iframe.news-frame {
  height: 220px;
}

ul.top-newslist li {
    margin-bottom: 8px;
}

ul.top-newslist li dl dt {
    float: left;
    width: 32.5%;
}

ul.top-newslist li dl dd {
    margin-left: 32.5%;
    width: 67.5%;
}



/* 3-4-3 CopyRight */
.f-copyright .sysContent ul {
    float: left;
    padding: 0;
}

.f-copyright .sysContent ul li {
    float: left;
    border-right: 1px solid #fff;
    padding: 0 2em;
    width: auto;
}

.f-copyright .sysContent ul li:last-of-type {
    border-right: 0;
}

.f-copyright .sysContent p {
	margin-top: 10px;
	text-align: right;
}


/***************下層ページ*******************/

/* 旅行業約款 */
.lowerCnt ul.ag_links li:nth-of-type(2n),
.lowerCnt ul.ag_links li {
    float: left;
    width: 32%;
    margin-right: 1%;
}

.lowerCnt ul.ag_links li:nth-of-type(3n) {
    margin-right: 0;
}

.lowerCnt table.base.b734 tr th:first-of-type,
.lowerCnt table.base.b734 tr td:first-of-type {
    width: 5.5%;
}

.lowerCnt table.base.b734 tr td:last-of-type {
    width: 8.5%;
    text-align: center;
}


/* 採用情報 */
.p-recruit .txt_img .img {
    margin-left: 65%;
}

.p-recruit .s_word .txt_img .img {
    margin-left: 0;
}

.p-recruit table.intro tr th {
    width: 22%;
    font-weight: normal;
}

.p-recruit table.intro tr th,
.p-recruit table.intro tr td {
    border-top: 1px solid #a6a6a6;
    padding: 1em 1.5em;
    display: table-cell;
}


/* 事業所一覧 */
.p-offices .offices.txt_img .txt {
    width: 65%;
}

.p-offices .offices.txt_img .img {
    width: 35%;
    margin-left: 65%;
}
}
/* #END_OF_RESOURCE_FILE */