@charset "UTF-8";
/* cunard.css */
/*--=== SP ONLY max-width: 767px ===-- / */
@media screen and (max-width: 767px) {
  html {
    background-color: #cb0e00; }
  #main_ctn {
    position: relative;
    background-color: #ffffff;
    padding: 0;
    color: #968151;
    line-height: 1.8em; }
  article {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  /*
#mainimage_ctn{position: relative;height: 42%;background-image: url(/cunard/images/mainimage.jpg);background-repeat: no-repeat;background-position: right top;background-size: 55%}
#title{padding:3%;text-align: center;width: 37%;}
#title h2{margin-bottom:5px;}
#title h1{margin-bottom:15px;}
*/
  #mainimage_ctn {
    padding: 0; }
  #mainimage_ctn img {
    display: block; }
  #schedule_pdf {
    padding: 20px 40px; }
  #schedule_pdf h3 {
    padding: 8px 20px;
    background-color: #827048;
    display: inline-block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-left: -40px;
    width: 60%;
    margin-bottom: 1em; }
  #pdf_link {
    text-align: center;
    margin-top: 1.8em; }
  #pdf_link a {
    background-color: #968151;
    text-align: center;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    font-size: 12px; }
  #pdf_link a:after {
    display: inline-block;
    font-family: 'FontAwesome';
    content: "\f1c1";
    margin-left: 1em;
    font-weight: normal; }
  #cunard_detail {
    color: #968151; }
  #cunard_detail h2 {
    margin-bottom: 20px;
    text-align: center;
    background-color: transparent;
    position: relative;
    display: block;
    margin-top: -75px;
    padding: 0; }
  #cunard_detail h2 img {
    width: 100%; }
  #cunard_detail p {
    font-size: 12px;
    line-height: 1.6em;
    margin-top: 45px; }
  .white_bg {
    background: #fff;
    padding: 85px 40px 30px 40px;
    position: relative; }
  .white_bg h2 {
    padding: 8px 40px;
    background-color: #827048;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 30px; }
  .black_bg {
    background-color: #1c1c1c;
    padding: 85px 40px 30px 40px;
    position: relative; }
  .black_bg h2 {
    padding: 8px 40px;
    background-color: #827048;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 30px; }
  #ship_detail .cunard_logo img {
    width: 50%; }
  #ship_detail_list {
    margin-top: 0; }
  #ship_detail_list > li {
    border-top: #827048 1px dotted;
    padding-top: 15px;
    position: relative; }
  #ship_detail_list > li:first-child {
    border-top: none; }
  #ship_detail_list > li:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  #ship_detail_list > li .ship_img {
    width: 100%; }
  #ship_detail_list > li .ship_spec {
    margin: 20px 0 10px 0; }
  #ship_detail_list > li .ship_spec:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  #ship_detail_list > li p {
    margin-bottom: 0; }
  .deck_plan a {
    background-color: #968151;
    text-align: center;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    width: 13em;
    display: block;
    font-size: 100%; }
  .deck_plan {
    margin-right: 10px;
    display: inline-block; }
  #ship_detail .voice a {
    background-color: #266abc;
    text-align: center;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    width: 13em;
    display: block;
    font-size: 100%; }
  #ship_detail .voice {
    display: inline-block; }
  #ship_detail .tour {
    margin-right: 10px;
    display: inline-block; }
  #ship_detail .tour a {
    background-color: #e72510;
    text-align: center;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    width: 13em;
    display: block;
    font-size: 100%; }
  #ship_detail_list > li .ship_detail_text h3 {
    margin: 10px 0; }
  #ship_detail_list > li .ship_detail_text h3 img {
    width: 50%; }
  #queens_room {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em;
    color: #fff; }
  .queens_room_img p {
    font-size: 10px;
    text-align: center;
    font-weight: normal; }
  #dining p.lead {
    font-weight: bold;
    font-size: 116%; }
  #dining_list:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  #dining_list li {
    width: 100%;
    margin-bottom: 1em; }
  #dining_list li img {
    width: 100%; }
  #dining_list li h3 {
    background-color: #827048;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 116%; }
  #dining_list li p {
    margin-top: 10px; }
  #restaurant p.lead {
    font-weight: bold;
    font-size: 116%; }
  #restaurant_list {
    margin-top: 20px;
    color: #fff; }
  #restaurant_list:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  #restaurant_list li {
    margin-bottom: 20px; }
  #restaurant_list li h3 {
    background-color: #827048;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 116%; }
  #restaurant_list li p {
    margin-top: 10px; }
  #facility_list .shipname {
    margin-bottom: 5px; }
  #facility_list .shipname img {
    width: 30%; }
  #facility_list .shipname2 img {
    width: 60%; }
  #restaurant_list2 {
    width: 100%; }
    #restaurant_list2 li:nth-child(2) {
      color: #968151;
      font-size: 13px; }
  #facility_list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #facility_list li {
      width: 49%;
      margin-right: 1%;
      text-align: center;
      margin-bottom: 1em; }
      #facility_list li:nth-child(2n) {
        margin-right: 0; }
  .knowledge_ctn {
    margin-bottom: 20px; }
  .knowledge_ctn:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  .knowledge_img {
    float: left;
    width: 25%;
    color: #968151; }
  .knowledge_img img {
    margin-bottom: 10px; }
  .knowledge_txt {
    width: 73%;
    margin-left: 2%;
    float: left;
    color: #968151; }
  .knowledge_txt h3 {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #968151;
    padding-bottom: 5px; }
  .knowledge_txt p {
    font-size: 108%;
    line-height: 1.8em; }
  .schedule_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em; }
  .schedule_table th {
    background-color: #968151;
    color: #fff;
    padding: 8px;
    display: block; }
  .schedule_table th img {
    width: 100%;
    border: 1px solid #aaa; }
  .schedule_table td {
    border: 1px solid #aaa;
    border-top: none;
    padding: 8px;
    color: #968151;
    display: block; }
  .schedule_table td:nth-child(4) {
    text-align: center; }
  .schedule_table td:nth-child(5) {
    text-align: center; }
  h4.year {
    font-size: 14px;
    color: #968151;
    font-weight: bold; }
  p.lead {
    color: #968151; }
  .sp_none {
    display: none; } }

/*--=== / SP ONLY max-width: 767px ===-- */
/*--=== PC ONLY min-width: 768px ===-- / */
@media print, screen and (min-width: 768px) {
  html {
    background-color: #cb0e00; }
  #main_ctn {
    position: relative;
    background-color: #ffffff;
    padding: 0;
    color: #968151;
    line-height: 1.8em; }
  article {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  /*
#mainimage_ctn{position: relative;height: 42%;background-image: url(/cunard/images/mainimage.jpg);background-repeat: no-repeat;background-position: right top;background-size: 55%}
#title{padding:3%;text-align: center;width: 37%;}
#title h2{margin-bottom:5px;}
#title h1{margin-bottom:15px;}
*/
  #mainimage_ctn {
    padding: 0; }
  #mainimage_ctn img {
    display: block; }
  #schedule_pdf {
    padding: 20px 40px; }
  #schedule_pdf h3 {
    padding: 8px 40px;
    background-color: #827048;
    display: inline-block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 153.9%;
    font-weight: bold;
    color: #fff;
    margin-left: -40px;
    width: 40%;
    margin-bottom: 1em; }
  #pdf_link {
    text-align: center;
    margin-top: 1.8em; }
  #pdf_link a {
    background-color: #968151;
    text-align: center;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    width: 40em;
    display: inline-block;
    font-size: 123.1%; }
  #pdf_link a:after {
    display: inline-block;
    font-family: 'FontAwesome';
    content: "\f1c1";
    margin-left: 1em;
    font-weight: normal; }
  .deck_plan {
    position: absolute;
    right: 0px;
    top: 1em; }
  #cunard_detail {
    color: #968151; }
  #cunard_detail h2 {
    margin-bottom: 20px;
    text-align: center;
    background-color: transparent;
    position: relative;
    display: block;
    margin-top: -75px; }
  #cunard_detail h2 img {
    width: 80%; }
  #cunard_detail p {
    font-size: 123.1%;
    line-height: 1.6em;
    margin-top: 45px; }
  .white_bg {
    background: #fff;
    padding: 85px 40px 30px 40px;
    position: relative; }
  .white_bg h2 {
    padding: 8px 40px;
    background-color: #827048;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 30px; }
  .black_bg {
    background-color: #1c1c1c;
    padding: 85px 40px 30px 40px;
    position: relative; }
  .black_bg h2 {
    padding: 8px 40px;
    background-color: #827048;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 30px; }
  #ship_detail .cunard_logo img {
    width: 50%; }
  #ship_detail_list {
    margin-top: 0; }
  #ship_detail_list > li {
    border-top: #827048 1px dotted;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative; }
  #ship_detail_list > li:first-child {
    border-top: none; }
  #ship_detail_list > li:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  #ship_detail_list > li .ship_img {
    float: left;
    margin-right: 2%;
    width: 40%; }
  #ship_detail_list > li .ship_spec {
    margin: 20px 0 10px 0;
    display: inline-flex;
    flex-wrap: wrap; }
  #ship_detail_list > li .ship_spec li {
    width: 25%; }
  #ship_detail_list > li .ship_spec li:nth-child(3n-2) {
    width: 45%; }
  #ship_detail_list > li p {
    margin-bottom: 0; }
  .deck_plan a {
    background-color: #968151;
    text-align: center;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    width: 13em;
    display: block;
    font-size: 90%; }
  #ship_detail .tour a {
    background-color: #e72510;
    text-align: center;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    width: 13em;
    display: block;
    font-size: 90%; }
  #ship_detail .voice a {
    background-color: #266abc;
    text-align: center;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    width: 13em;
    display: block;
    font-size: 90%; }
  #ship_detail .deck_plan {
    position: absolute;
    right: 0px;
    top: 2.5em; }
  #ship_detail .tour {
    position: absolute;
    right: 0px;
    top: 0.5em; }
  #ship_detail .voice {
    position: absolute;
    right: 0px;
    top: 2.5em; }
  #ship_detail_list > li .ship_detail_text {
    float: left;
    width: 58%; }
  #ship_detail_list > li .ship_detail_text h3 img {
    width: 50%; }
  #queens_room {
    height: 240px;
    font-size: 116%;
    font-weight: bold;
    line-height: 1.8em;
    color: #fff; }
  #queens_room p {
    margin-top: -50px; }
  .queens_room_img {
    position: absolute;
    right: 40px;
    top: 90px; }
  .queens_room_img p {
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    right: 0; }
  #dining p.lead {
    font-weight: bold;
    font-size: 116%; }
  #dining_list {
    display: flex; }
  #dining_list li {
    width: 32%;
    float: left;
    margin-left: 2%; }
  #dining_list li:first-child {
    margin-left: 0; }
  #dining_list li h3 {
    background-color: #827048;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 116%; }
  #dining_list li p {
    margin-top: 10px; }
  #restaurant p.lead {
    font-weight: bold;
    font-size: 116%; }
  #restaurant_list {
    margin-left: -30px;
    margin-top: 20px;
    color: #fff; }
  #restaurant_list:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  #restaurant_list li {
    width: 435px;
    float: left;
    margin-left: 30px;
    margin-bottom: 20px; }
  #restaurant_list li h3 {
    background-color: #827048;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 116%; }
  #restaurant_list li p {
    margin-top: 10px; }
  #restaurant_list2 {
    display: flex; }
    #restaurant_list2 li {
      margin-bottom: 1em; }
      #restaurant_list2 li:nth-child(1) {
        flex-basis: 30%; }
      #restaurant_list2 li:nth-child(2) {
        flex-basis: 65%;
        margin-left: 5%;
        color: #968151;
        font-size: 116%; }
  #facility_list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap; }
    #facility_list li {
      width: 32%;
      margin-right: 2%;
      text-align: center;
      margin-bottom: 1em; }
      #facility_list li:nth-child(3n) {
        margin-right: 0; }
  #facility_list li img:first-child {
    margin-bottom: 5px; }
  #facility_list .shipname {
    margin-bottom: 5px; }
  #facility_list .shipname img {
    width: 30%; }
  #facility_list .shipname2 img {
    width: 70%; }
  .knowledge_ctn {
    margin-bottom: 20px; }
  .knowledge_ctn:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  .knowledge_img {
    float: left;
    width: 25%;
    color: #968151; }
  .knowledge_img img {
    margin-bottom: 10px; }
  .knowledge_txt {
    width: 73%;
    margin-left: 2%;
    float: left;
    color: #968151; }
  .knowledge_txt h3 {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #968151;
    padding-bottom: 5px; }
  .knowledge_txt p {
    font-size: 108%;
    line-height: 1.8em; }
  .schedule_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em; }
  .schedule_table th {
    background-color: #968151;
    color: #fff;
    padding: 8px;
    border: 1px solid #aaa;
    white-space: nowrap; }
  .schedule_table th:nth-child(1) {
    width: 15%; }
  .schedule_table th:nth-child(2) {
    width: 20%; }
  .schedule_table td:nth-child(4) {
    text-align: center;
    width: 5%; }
  .schedule_table td:nth-child(5) {
    text-align: center;
    width: 12%; }
  h4.year {
    font-size: 123%;
    color: #968151;
    font-weight: bold; }
  .schedule_table td {
    border: 1px solid #aaa;
    padding: 8px;
    color: #968151; }
  p.lead {
    color: #968151; } }

/*--=== / PC ONLY min-width: 768px ===-- */
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
 
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/