/*▼ ページング用 ▼*/

div.page_navi               {
    display                 : inline-flex;
}

div.page_navi   form       {
    margin-bottom           : 0;
}

div.page_navi   label       {
    display                 : inline-block;
}

div.page_navi   select      {
    margin-right            : 10px;
}

div.page_navi   select.ordering {
    width                   : 100px;
}

div.page_navi   select.list_cnt {
    width                   : 50px;
}

div.page_navi   select.length   {
    width                   : 100px;
}

div.pagination              {
    text-align              : center;
    font-weight             : bold;
    padding-bottom          : 10px !important;
}

div.pagination  dd.now      {
    color                   : #F9A9C5;
    background              : #061D51;
}

div.pagination  dd.now:hover{
    background              : #061D51;
}

div.pagination  dd          {
    text-align              : center;
    display                 : inline-block;
    margin                  : 0;
    padding                 : 0;
    width                   : 35px;
    height                  : 31px;
    line-height             : 31px;
    background              : #F9D9E9;
    position                : relative;
}

div.pagination  dd:hover    {
    background              : #D13060;
}

div.pagination  span        ,
div.pagination  a           {
    width                   : 100%;
    height                  : 100%;
    position                : absolute;
    top                     : 0px;
    left                    : 0px;
}

div.pagination  a:hover     {
    text-decoration         : none;
}


div.pagination  dd.top      {
    border-radius           : 5px 0px 0px 5px;
    -moz-border-radius      : 5px 0px 0px 5px;
    -webkit-border-radius   : 5px 0px 0px 5px;
    -o-border-radius        : 5px 0px 0px 5px;
    -ms-border-radius       : 5px 0px 0px 5px;
}

div.pagination  dd.end      {
    border-radius           : 0px 5px 5px 0px;
    -moz-border-radius      : 0px 5px 5px 0px;
    -webkit-border-radius   : 0px 5px 5px 0px;
    -o-border-radius        : 0px 5px 5px 0px;
    -ms-border-radius       : 0px 5px 5px 0px;
}

dl.ckbox        label       {
    display                 : inline-block;
    width                   : 160px;
}

dl.ckbox        input       {
    margin-right             : 5px;
}
/*▲ ページング用 ▲*/


/*▼ 商品一覧用 ▼*/

div.mod-title-tour-mod          {
    background-color            : #00247D   ;
    border-top-left-radius      : 5px       ;
    border-top-right-radius     : 0px       ;
    border-bottom-right-radius  : 5px       ;
    border-bottom-left-radius   : 0px       ;
    margin-bottom               : 20px      ;
}

div.mod-title-tour-mod  h1::before  ,
div.mod-title-tour-mod  h1::after   {
    background-image            : none      ;
}

div.mod-title-tour-mod      h1  {
    background-image            : url("images/southern-cross-45x60.png");
    background-repeat           : no-repeat ;
    background-position         : 15px 15px ;
    border                      : none      ;
    color                       : #FFFFFF   ;
    padding-top                 : 8px       ;
    padding-bottom              : 5px       ;
    padding-left                : 75px      ;
    padding-right               : 20px      ;
    height                      : 80px      ;
    display                     : table-cell;
    vertical-align              : middle    ;
    font-size                   : 24px      ;
/*
    line-height                 : 30px      ;
*/
}


div.mod-title-tour  h2      {
    background-color            : #00247D   ;
    background-image            : url("images/southern-cross-25x30.png");
    background-repeat           : no-repeat ;
    background-position         : 8px 5px   ;
    border                      : none      ;
    border-top-left-radius      : 5px;
    border-top-right-radius     : 0px;
    border-bottom-right-radius  : 5px;
    border-bottom-left-radius   : 0px;
    color                       : #FFFFFF   ;
    margin-top                  : 5px       ;
    margin-bottom               : 5px       ;
    padding-top                 : 8px       ;
    padding-bottom              : 5px       ;
    padding-left                : 40px      ;
    line-height                 : 30px      ;
    font-size                   : 24px      ;
}


div.prod_list               {
    float                   : left      ;
    margin-top              :  6px      ;
    margin-bottom           : 20px      ;
}

div.prod_list   .tour_lst   {
    margin-bottom           : 10px      ;
}

div.prod_list   .tour_lst_1 {
    background-color        : #FFFEDD   ;
    border-radius           : 5px       ;
    border                  : 1px solid #dfdfdf;
}

div.prod_list   h3          {
    margin-bottom           : 5px       ;
}

div.prod_list   .tour_name  {
    font-size               : 1.2em     ;
    font-weight             : bold      ;
    color                   : #3834AB   ;
}

div.prod_list   dl          {
    margin                  : 10px      ;
}

div.prod_list   img         {
    width                   : 100%      ;
    max-width               : 100px     ;
    float                   : left      ;
    margin-right            : 10px      ;
    margin-bottom           : 10px      ;
 }

div.prod_list       .tour_price {
    font-size               : 1em       ;
    font-weight             : bold      ;
    color                   : #D5332C   ;
}

div.prod_list   a:hover     {
    text-decoration         : none  ;
    text-shadow             : 3px 3px 1px #CECCFC;
}

div.prod_list   a:hover img {
    opacity                 : 0.9       ;
    box-shadow              : 4px 4px 8px -4px #444444;
    -webkit-box-shadow      : 4px 4px 8px -4px #444444;
    -moz-box-shadow         : 4px 4px 8px -4px #444444;
}

/*▲ 商品一覧用 ▲*/


/*▼ 商品詳細用 ▼*/

div.mod-title-tour-mod-L-R      {
    border-left                 : solid 15px #233435   ;
    border-right                : solid 15px #233435   ;
}

div.mod-title-tour-mod-dsc      {
    background-color            : #152515   ;
    border-top                  : solid 15px #FFCC00   ;
    border-bottom               : solid 15px #FFFFFF   ;
    margin-bottom               : 10px      ;
}

div.mod-title-tour-mod-dsc  h1::before  {
    background-image            : none      ;
}

div.mod-title-tour-mod-dsc  h1::after   {
    background-image            : none      ;
/*
    background-image            : url("images/Fern-23x15.png");
    height                      : 15px      ;
*/
}

div.mod-title-tour-mod-dsc  h1  {
    margin-top                  : 0         ;
    color                       : #FFCC00   ;
/*
    text-shadow                 : 2px 2px 1px #A2D8A2;
    background-image            : url("images/Fern-36x80.png");
*/
    background-image            : url("images/Fern-37x80-white.png");
    background-repeat           : no-repeat ;
    background-position         : 10px 5px  ;
    padding-top                 :  5px      ;
    padding-bottom              :  5px      ;
    padding-left                : 58px      ;
    margin-top                  : 0         ;
    height                      : 80px      ;
    display                     : table-cell;
    vertical-align              : middle    ;
}


div.tour-detail-box     h3      {
    background-color            : #FFCC00   ;
    background-image            : url("images/Kiwi-bird-30x30-green.png");
    background-position         : 10px 7px   ;
    background-repeat           : no-repeat ;
    border                      : none      ;
    border-top-left-radius      : 5px;
    border-top-right-radius     : 5px;
    border-bottom-right-radius  : 0px;
    border-bottom-left-radius   : 0px;
    color                       : #0A3F0A   ;
    margin-top                  : 5px       ;
    margin-bottom               : 5px       ;
    padding-top                 : 8px       ;
    padding-bottom              : 5px       ;
    padding-left                : 51px      ;
    line-height                 : 30px      ;
    font-size                   : 24px      ;
}

.tour-detail-table      {
    width               : 100%  ;
}

.tour-detail-table  tr.row-1  {
    background-color    : #F2F9F2;
}

.tour-detail-tr         {
    border-bottom       : 1px solid rgb(204, 204, 204);
}

.tour-detail-th         ,
.tour-detail-td         {
    text-align          : left  ;
    padding-top         : 3px   ;
    padding-bottom      : 3px   ;
    padding-left        : 5px   ;
}

.tour-detail-th         {
    border-right        : 1px solid rgb(204, 204, 204);
}

div.custom-support      {
    margin-top          : 20px  ;
}

img.tour-main-image     {
/* pending //
    background-color    : #D4F7D4;
    padding             : 5px;
    border-radius       : 5px;
    box-shadow          : 6px 6px 4px 4px #444444;
    -webkit-box-shadow  : 6px 6px 4px 4px #444444;
    -moz-box-shadow     : 6px 6px 4px 4px #444444;
// pending */
}

div.tour-main-box   img {
    float               : left  ;
    max-width           : 45%   ;
    margin-right        : 10px  ;
    margin-bottom       :  5px  ;
}

div.tour-main-box   .tour_price {
    line-height             : 1.2em     ;
    font-size               : 1.6em     ;
    font-weight             : bold      ;
    color                   : #D13060   ;
}

div.tour-main-box   .tour_dscrp {
    line-height             : 1.6em     ;
    font-size               : 1em       ;
}

/*▲ 商品詳細用 ▲*/


/*▼ 絞り込み用 ▼*/
div.mage-products-tour-filter   {
    border-color                : #233435   !important;
    border-style                : solid     !important;
    border-top                  : 10px      ;
    border-left                 :  2px      ;
    border-right                :  2px      ;
    border-bottom               :  2px      ;
    border-top-left-radius      : 20px      ;
    border-top-right-radius     : 20px      ;
    border-bottom-left-radius   : 5px       ;
    border-bottom-right-radius  : 5px       ;
    margin-bottom               : 20px      ;
}

div.mod-title-tour-filter       {
    background-color            : #F2F9F2   ;
    border-top                  : solid 5px #233435    ;
    border-top-left-radius      : 12px      ;
    border-top-right-radius     : 12px      ;
}

div.mod-title-tour-filter   h4  {
/*
    border-top                  : solid 3px #FFFFFF   ;
    border-top-left-radius      : 25px       ;
    border-top-right-radius     : 25px       ;
*/
    background-image            : url("images/Rugby-ball-40x40.png");
    background-position         : 8px 8px   ;
    background-repeat           : no-repeat ;
    padding-top                 : 8px       ;
    padding-bottom              : 5px       ;
    padding-left                : 56px      ;
    padding-right               : 10px      ;
    margin                      : 0px       ;
    color                       : #14069E   ;
    height                      : 50px      ;
    display                     : table-cell;
    vertical-align              : middle    ;
    text-align                  : center    ;
}

div.page-filter                 {
    margin                      : 8px 10px  ;
}

div.page-filter     fieldset    {
    margin-bottom               : 10px      ;
}

div.page-filter     dl          {
    margin                      :  0px      ;
}

div.page-filter     .btn        {
    padding                     : 0.5em 0.8em;
    font-size                   : 1em       ;
    color                       : #FFCC00   ;
    text-shadow                 : none      ;
    border-radius               : 5px       ;
    background                  : #344B4C   ;
}

div.page-filter     .btn:hover  {
    background                  : #456466   ;
    color                       : #FAEF6E   ;
}
/*▲ 絞り込み用 ▲*/