@charset "utf-8";
/* CSS Document */
/*旅行業取扱料金一覧 メイン画像*/

*{ margin: 0; padding: 0; }

body { background: #000000; }

img{ border: none; }

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }

#supersized img{ height: auto; width: auto; position: relative; outline: none; border: none; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }



.content { margin: 0 auto; width: 950px; background: url(../s_images/NRTDYG/nrtdyg_bg.png) repeat-y; }

.content1 { margin: 0 auto; width: 950px; background: url(../s_images/NRTDYG/nrtdyg_bg1.png) repeat-y; }



.NRTDYG_title { margin: 0 auto; width: 950px; height: 400px; background: url(../s_images/NRTDYG/nrtdyg_title.png) no-repeat; }

.NRTDYG_v { margin: 0 auto; width: 900px; height: 440px; background: url(../s_images/NRTDYG/nrtdyg_v.jpg) no-repeat; }

.NRTDYG_v p{ width:0; height:0; margin:0; padding:0; text-indent:-999em; }

.NRTDYG_v_l { float: left; width: 300px; }

.NRTDYG_v_r { float: right; width: 590px; padding: 125px 0 0; }

.NRTDYG_map { margin: 0 auto; width: 900px; height: 850px; background: url(../s_images/NRTDYG/nrtdyg_map.jpg) no-repeat; }

.NRTDYG_map1 { margin: 0 auto; width: 900px; height: 700px; background: url(../s_images/NRTDYG/nrtdyg_map1.jpg) no-repeat; }

.NRTDYG_in { margin: 0 auto; width: 900px; height: 660px; background: url(../s_images/NRTDYG/nrtdyg_introduction.jpg) no-repeat; }

.NRTDYG_in p{ width:0; height:0; margin:0; padding:0; text-indent:-999em; }

.NRTDYG_id44 { margin: 0 auto; width: 900px; height: 280px; background: url(../s_images/NRTDYG/NRTKWL_id_44.gif) no-repeat; }

.NRTDYG_id473 { margin: 0 auto; width: 900px; height: 280px; background: url(../s_images/NRTDYG/NRTKWL_id_473.gif) no-repeat; }

.NRTDYG_id937 { margin: 0 auto; width: 900px; height: 280px; background: url(../s_images/NRTDYG/NRTKWL_id_937.gif) no-repeat; }

/*cxここから*/
.cxp_inner01 {
	width: 900px;
	margin: 0 auto;
}
.cxp_inner02 {
    margin: 0 auto;
}
/*cxメインイメージ*/
.mainimage_sabu_cxp {
    background-position: center top;
    background-size: cover;
    height: 1000px;
    background-image: url(../img/cx/kv_cxp.jpg);
}
.cxp_h2-area {
    margin-top: 10px;
}
.cxp_img-titl {
    text-align: center;
}
.cxp_h2-text {
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    color: #333;
    margin-top: 50px;
}
.cxp_h2 {
    font-size: 45px;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}
.cxp_h2_text02 {
    font-size: 15px;
    color: #333;
    margin-top: 50px;
    line-height: 1.5;
}
.cxp_h3-border {
    border-bottom: 1px solid #005258;
}

.cxp_h3 {
    color: #005258;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 10px;
}
.cxp_h3-aria {
    margin-top: 50px;
    padding-bottom: 30px;
}
.cxp_text {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
}
.cxp_top_bg {
    background-color: #eeeeee;
    margin-top: 40px;
}
.cxp_top-aria {
    padding-bottom: 15px;
    display: flex; /* 横並び */
    flex-wrap: wrap; /*　折り返しあり */
    justify-content: space-between;
}
.cxp_top-aria::after{
    content: "";
    display: block;
    width: 370px;
}
.cxp_top-box {
    width: 370px;
    border-radius: 10px;
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
}
.cxp_top-logo {
    text-align: center;
}

.cxp_top-titl {
    text-align: center;
    font-weight: bold;
    color: #f39700;
    font-size: 15px;
    margin-top: 5px;
}
.cxp_rank {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-top: 15px;
}
.cxp_class_box {
    padding: 20px;
    margin-top: 70px;
    background-color: #fff;
}

.cxp_h4_area {
    border-left: 8px solid #005258;
}
.cxp_h4 {
    padding-left: 20px;
    color: #5e3b0e;
    font-weight: bold;
    font-size: 24px;
}
.cxp_h4-text {
    padding-left: 20px;
    color: #005258;
    font-size: 15px;
    margin-top: 10px;
}
.cxp_class-ul_area01 {
    margin-top: 20px;
}   
/*目的リンク画像ul　ここから*/
.cxp_class-ul_img-culums {
    background-color: #fff;
}
.cxp_class-ul_img-culums > ul {
    display: flex; /* 横並び */
    flex-wrap: wrap; /*　折り返しあり */
    /*margin-bottom: 20px;*/
}
.cxp_class-ul_img-culums li {
    width: calc(100%/4);
}
.cxp_class-ul_img-culums li img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
    padding: 1px 1px;/*上下左右余白*/
}
/*目的リンク画像ul　ここまで*/

.cxp_class_area {
    display: flex; /* 横並び */
    flex-wrap: wrap; /*　折り返しあり */
    justify-content: space-between;
}
.cxp_class_area::after{
    content: "";
    display: block;
    width: 400px;
}
.cxp_class_img {
    margin-top: 20px;
}
/* ここから情報 */
.cxp_news-area {
    margin-top: 40px;
}
.cxp_news-karenda {
  display: block;
}
.cxp_top_info dd {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 8.5em;
    border-bottom: 1px solid #333;
    font-size: 15px;
    color: #333;
    line-height: 1.8;
}
.tcxp_op_info {
  border-top: 1px solid #333;
}
.cxp_top_info dt {
  padding-top: 20px;
  padding-top: 15px;
  padding-left: 0.5em;
  width: 8em;
  float: left;
}
.cxp_news-color {
    font-weight: bold;
    color: #333;
    font-size: 15px;
}
.cxp_tour_area {
    margin-top: 40px;
    display: flex; /* 横並び */
    flex-wrap: wrap; /*　折り返しあり */
    justify-content: space-between;
}
.cxp_tour_area::after{
    content: "";
    display: block;
    width: 420px;
}
.cxp_tour_img {
    width: 420px;
    display: block;
}
/* ここまで情報 */
.cxp_bg02 {
    background-color: #b0c4de;
}
.cxp_h5 {
    font-size: 30px;
    font-weight: bold;
    color: #f39700;
}
.cxp_h5_text {
    width: 420px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    display: block;
}
.cxp_btn_area {
    padding-bottom: 20px;
    display: flex; /* 横並び */
    flex-wrap: wrap; /*　折り返しあり */
    justify-content: space-between;
}
.cxp_btn_area::after{
    content: "";
    display: block;
    width: 400px;
}

/* ここからボタン */
.cxp_btn01 {
    margin-top: 30px;
    width: 400px;
    padding: 20px 5px;
    background-color: #4169e1;
    border-radius: 4px;
    text-align: center;
}
.cxp_btn01 {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
}
.cxp_btn01:hover {
  background-color: #f4a460;
  cursor: pointer;
}
.cxp_news-text {
    font-size: 15px;
    margin-top: 15px;
    font-weight: bold;
}
.cxp_text-color_blue {
    color: #0086cd;
}

@media screen and (max-width:1040px){
/*ビューポートの幅が1040以下の場合のcss*/ 
.cxp_inner01 {
	width: calc(100% - 40px);
 }
.cxp_inner02 {
	width: calc(100% - 40px);
 }
.cxp_inner01, .cxp_inner02 {
    width: 100%;
}
 .cxp_img-aria img {
    width: 100%;
    height: auto;
 }
/*リセットcssここまで*/
.cxp_h3 {
    font-size: 20px;
    text-align: center;
}
/*cxp ul並び ビジネスクラス*/
.cxp_class-ul_img-culums {
    flex-wrap: wrap;
}
.cxp_class-ul_img-culums li {
    width: 100%;
}
.cxp_class-ul_img-culums li img {
    padding: 0px 0px;/*上下左右余白*/
}
/*cxp ul並び ビジネスクラス 並びここまで*/
/*情報ここから*/
.cxp_top_info dt {
    float: none;
}
.cxp_top_info dd {
    padding-left: 0em;
}
/*情報ここまで*/ 
.cxp_tour_area {
    margin-top: 20px;
    flex: none;
    text-align: center;
}
.cxp_tour_img {
	width: 100% ;
}
.cxp_tour_img {
    padding: 0 auto;
}
.cxp_h5_area {
    margin-top: 20px;
}
.cxp_h5 {
    text-align: center;
}
.cxp_h5_text {
    width: 100%;
    padding: 0 20px;
    text-align: left;
}

}
@media screen and (max-width:600px){
 .cxp_sec1, .cxp_sec2, .cxp_sec3, .cxp_sec4, .cxp_sec5, .cxp_sec6, .cxp_sec7, .cxp_sec8, .cxp_sec9, .cxp_sec10 {
	width: 100% ;
}
.cxp_class_box {
    display: block;
}
/*リセットcssここまで*/
/*スマホメインイメージ差し替え画像背景 cx*/
.mainimage_sabu_cxp {
    background-image: url("../img/cx/kv_cxp_sp.jpg");
    background-position: center top;
    background-size: cover;
    height: 400px;
}
.cxp_h2-text {
    font-size: 15px;
}
.cxp_h2 {
    font-size: 25px;
}
.cxp_h2-area {
    padding: 0 20px;
}
.cxp_h2_text02 {
    margin-top: 20px;
    padding: 0 20px;
}
.cxp_h3-aria {
    margin-top: 20px;
    padding-bottom: 10px;
}
.cxp_top-aria {
    display: block;
}
.cxp_top-box {
	width: 100% ;
}
.cxp_text {
    margin-top: 15px ;
    font-size: 15px ;
    padding: 0 20px ;
}

.cxp_h4 {
    font-size: 20px ;
}
.cxp_class_box {
    padding: 10px;
    margin-top: 20px ;
}
/* ボタンここから */
.cxp_btn01 {
    border-radius: 0px;
}
.cxp_btn_area {
    flex: none ;
} 
.cxp_btn01 a {
    margin-top: 40px;
    width: 100%;
}
/* ボタンここまで */
.cxp_h5_text {
    font-size: 15px;
}

}