@charset "UTF-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/*-- リセット --*/
h1,
h2,
h3,
h4,
h5,
p,
b,
strong {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  color: #1A1A1A; }
  @media only screen and (max-width: 480px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    p,
    b,
    strong {
      font-size: 3.4vw; } }

img {
  vertical-align: middle; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: #333;
  transition: .3s; }
  a img {
    transition: .3s; }
  a:hover {
    opacity: .7; text-decoration: none;}

.pc {
  display: block; }
  @media only screen and (max-width: 1024px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media only screen and (max-width: 480px) {
    .sp {
      display: block; } }

.fw-b {
  font-weight: bold; }

.txta-l {
  text-align: left; }

.txta-r {
  text-align: right; }

.pos-r {
  position: relative; }

.pos-a {
  position: absolute; }

.float-box::after {
  content: "";
  display: block;
  clear: both; }
.float-box .left {
  float: left; }
.float-box .right {
  float: right; }

.flexwrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.ff_min {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

/*-- iPhone対策 --*/
html,
body {
  background-attachment: scroll;
  min-width: auto; }
  @media only screen and (max-width: 1024px) {
    html,
    body {
      width: 100%;
      overflow-x: hidden; } }

/*
body {
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  font-size: 14px; }
  @media only screen and (max-width: 480px) {
    body {
      font-size: 12px; } }
*/
.bread-nav .content-inner {
  text-align: left; }

article section .content {
  width: 960px;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) {
    article section .content {
      width: 100%;
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; } }
  article section .content p.copy {
    margin-bottom: 20px; }
article section.mv .mvwrap {
 	background: url(/img/ke/main_visual.jpg) no-repeat scroll center center / cover;
	height: 460px;
    box-sizing: border-box;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	width: 100%;
    margin: 0 auto;
}
  @media only screen and (max-width: 599px) {
    article section.mv .mvwrap {
    	background: url(/img/ke/main_visual_sp.jpg) no-repeat scroll center center / cover;
    	min-height: 400px;
	} 
  }
  article section.mv .mvwrap img {
    width: 100%; }
  article section.mv .mvwrap .mvpc {
    position: absolute;
    top: 25px;
    right: -48px;
    width: auto; }
    @media only screen and (max-width: 480px) {
      article section.mv .mvwrap .mvpc {
        display: none; } }
article section.sec1 .content, article section.sec2 .content, article section.sec3 .content, article section.sec4 .content, article section.sec5 .content, article section.sec6 .content, article section.sec7 .content, article section.sec8 .content, article section.sec9 .content {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media only screen and (max-width: 480px) {
    article section.sec1 .content, article section.sec2 .content, article section.sec3 .content, article section.sec4 .content, article section.sec5 .content, article section.sec6 .content, article section.sec7 .content, article section.sec8 .content, article section.sec9 .content {
      padding-top: 6vw;
      padding-bottom: 6vw; } }
  article section.sec1 .content h2.ttl, article section.sec2 .content h2.ttl, article section.sec3 .content h2.ttl, article section.sec4 .content h2.ttl, article section.sec5 .content h2.ttl, article section.sec6 .content h2.ttl, article section.sec7 .content h2.ttl, article section.sec8 .content h2.ttl, article section.sec9 .content h2.ttl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    background-size: 100%;
    background-position: 50% 50%;
    margin-bottom: 23px; }
    @media only screen and (max-width: 480px) {
      article section.sec1 .content h2.ttl, article section.sec2 .content h2.ttl, article section.sec3 .content h2.ttl, article section.sec4 .content h2.ttl, article section.sec5 .content h2.ttl, article section.sec6 .content h2.ttl, article section.sec7 .content h2.ttl, article section.sec8 .content h2.ttl, article section.sec9 .content h2.ttl {
        justify-content: flex-start; } }
    article section.sec1 .content h2.ttl span, article section.sec2 .content h2.ttl span, article section.sec3 .content h2.ttl span, article section.sec4 .content h2.ttl span, article section.sec5 .content h2.ttl span, article section.sec6 .content h2.ttl span, article section.sec7 .content h2.ttl span, article section.sec8 .content h2.ttl span, article section.sec9 .content h2.ttl span {
      display: inline-block;
      padding-left: 75px;
      color: #186686;
      font-size: 24px;
      font-weight: bold;
      position: relative;
      text-align: left; }
      @media only screen and (max-width: 480px) {
        article section.sec1 .content h2.ttl span, article section.sec2 .content h2.ttl span, article section.sec3 .content h2.ttl span, article section.sec4 .content h2.ttl span, article section.sec5 .content h2.ttl span, article section.sec6 .content h2.ttl span, article section.sec7 .content h2.ttl span, article section.sec8 .content h2.ttl span, article section.sec9 .content h2.ttl span {
          padding-left: 0;
          font-size: 18px; } }
      /*article section.sec1 .content h2.ttl span::before, article section.sec2 .content h2.ttl span::before, article section.sec3 .content h2.ttl span::before, article section.sec4 .content h2.ttl span::before, article section.sec5 .content h2.ttl span::before, article section.sec6 .content h2.ttl span::before, article section.sec7 .content h2.ttl span::before, article section.sec8 .content h2.ttl span::before, article section.sec9 .content h2.ttl span::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: url(/img/ke/icon_ttl01.svg); }*/
        @media only screen and (max-width: 480px) {
          article section.sec1 .content h2.ttl span::before, article section.sec2 .content h2.ttl span::before, article section.sec3 .content h2.ttl span::before, article section.sec4 .content h2.ttl span::before, article section.sec5 .content h2.ttl span::before, article section.sec6 .content h2.ttl span::before, article section.sec7 .content h2.ttl span::before, article section.sec8 .content h2.ttl span::before, article section.sec9 .content h2.ttl span::before {
            display: none; } }
    article section.sec1 .content h2.ttl.bg01, article section.sec2 .content h2.ttl.bg01, article section.sec3 .content h2.ttl.bg01, article section.sec4 .content h2.ttl.bg01, article section.sec5 .content h2.ttl.bg01, article section.sec6 .content h2.ttl.bg01, article section.sec7 .content h2.ttl.bg01, article section.sec8 .content h2.ttl.bg01, article section.sec9 
article section.sec1 .content {
  text-align: left; }
  article section.sec1 .content h2 {
    font-weight: bold;
    color: #FFF;
    padding: 8px 18px 8px 0px;
    margin-bottom: 15px; }
  article section.sec1 .content ul li {
    padding: 10px 20px;
    border-bottom: 1px dotted #333333; }
	article section.sec1 .content ul li:last-child{
		border-bottom: none;
	}
    article section.sec1 .content ul li a {
      text-decoration: underline; }
article section.sec2, article section.sec5 {
  background-color:#1c8ca9; }
  article section.sec2 .content h2, article section.sec5 .content h2 {
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 13px; }
  article section.sec2 .content .btnwrap, article section.sec5 .content .btnwrap {
    justify-content: space-between; }
    @media only screen and (max-width: 480px) {
      article section.sec2 .content .btnwrap, article section.sec5 .content .btnwrap {
        flex-wrap: wrap; } }
    article section.sec2 .content .btnwrap a, article section.sec5 .content .btnwrap a {
      width: 13%;
      height: 80px;
      box-sizing: border-box;
      border: 3px solid #FFF;
      color: #FFF;
      font-weight: bold;
      position: relative; }
      @media only screen and (max-width: 600px) {
        article section.sec2 .content .btnwrap a, article section.sec5 .content .btnwrap a {
          width: 100%; height: 40px;}
          article section.sec2 .content .btnwrap a:nth-child(n), article section.sec5 .content .btnwrap a:nth-child(n) {
            margin-bottom: 6px; } }
      article section.sec2 .content .btnwrap a span, article section.sec5 .content .btnwrap a span {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        word-break: keep-all;
        font-size: 16px; }
        @media only screen and (max-width: 480px) {
          article section.sec2 .content .btnwrap a span, article section.sec5 .content .btnwrap a span {
            font-size: 12px; } }
      article section.sec2 .content .btnwrap a::after, article section.sec5 .content .btnwrap a::after {
        content: "";
        display: block;
        border-top: 14px solid #FFF;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid transparent;
        position: absolute;
        right: -7px;
        bottom: -7px;
        transform: rotate(-45deg); }
article section.sec3 .content .btnwrap {
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 25px;}
  @media only screen and (max-width: 600px) {
    article section.sec3 .content .btnwrap {
      flex-wrap: wrap;
      justify-content: center; } }
  article section.sec3 .content .btnwrap a {
    display: block;
    width: 16%;
    height: 80px;
    box-sizing: border-box;
    border: 2.5px solid #1c8ca9;
    position: relative;
	background-color: #e2f6fb;}
    @media only screen and (max-width: 600px) {
      article section.sec3 .content .btnwrap a {
        width: 100%;
		height: 50px;
        margin-bottom: 5px; }}
    article section.sec3 .content .btnwrap a span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      word-break: keep-all;
      font-size: 14px;
      font-weight: bold;
      color: #1c8ca9; }
      @media only screen and (max-width: 600px) {
        article section.sec3 .content .btnwrap a span {
          font-size: 12px; white-space: nowrap;} }
    article section.sec3 .content .btnwrap a::after {
      content: "";
      display: block;
      border-top: 14px solid #1c8ca9;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-bottom: 14px solid transparent;
      position: absolute;
      right: -7px;
      bottom: -7px;
      transform: rotate(-45deg); }
article section.sec3 .content .block {
  text-align: left;
  margin-bottom: 20px;
  padding: 0;
  width: 100%; }
  article section.sec3 .content .block h3 {
    font-size: 24px;
    color: #FFF;
    padding: 20px 30px;
    background-color: #0180a3;
	border-radius: 60px;
    position: relative; }
    @media only screen and (max-width: 480px) {
      article section.sec3 .content .block h3 {
        font-size: 18px;
		text-align: center;
        padding: 4px 8px; } }
    /*article section.sec3 .content .block h3::before {
      content: url(/img/ke/ico-flower.svg);
      position: absolute;
      top: 50%;
      left: 22px;
      transform: translateY(-40%); }*/
      @media only screen and (max-width: 480px) {
        article section.sec3 .content .block h3::before {
          display: none; } }
    
  article section.sec3 .content .block .inner {
    padding: 25px 15px; }
    article section.sec3 .content .block .inner h4 {
		position: relative;
		padding: 0.1em 0.5em;
		background: -webkit-linear-gradient(to right, rgb(187, 220, 230), transparent);
		background: linear-gradient(to right, rgb(187, 220, 230), transparent);
		color: #545454;
      font-size: 19px;
      color: #186686;
      border-left: 3.5px solid #186686;
      padding: 5px 10px;
      margin-bottom: 10px; }
  article section.sec3 .content .block#nightflight .flexwrap {
    justify-content: space-between; }
    @media only screen and (max-width: 480px) {
      article section.sec3 .content .block#nightflight .flexwrap {
        flex-direction: column; } }
    article section.sec3 .content .block#nightflight .flexwrap .box {
      width: 50%;
      box-sizing: border-box; }
      @media only screen and (max-width: 480px) {
        article section.sec3 .content .block#nightflight .flexwrap .box {
          width: 100%; } }
      article section.sec3 .content .block#nightflight .flexwrap .box:first-child {
        padding-right: 25px; }
        @media only screen and (max-width: 480px) {
          article section.sec3 .content .block#nightflight .flexwrap .box:first-child {
            padding: 0;
            margin-bottom: 20px; } }
        article section.sec3 .content .block#nightflight .flexwrap .box:first-child h4:nth-child(3) {
          margin-top: 26px; }
      article section.sec3 .content .block#nightflight .flexwrap .box:last-child .logowrap {
        text-align: center; }
        article section.sec3 .content .block#nightflight .flexwrap .box:last-child .logowrap img {
          margin: 0 auto 5px; }
      article section.sec3 .content .block#nightflight .flexwrap .box:last-child table {
        border-collapse: collapse;
        width: 100%;
        margin: 0px 0 10px; }
        article section.sec3 .content .block#nightflight .flexwrap .box:last-child table tr td {
          border: 1px solid #463c80;
          text-align: center;
          padding: 15px; }
          article section.sec3 .content .block#nightflight .flexwrap .box:last-child table tr td:first-child {
            background-color: #e2f6fb; }
            article section.sec3 .content .block#nightflight .flexwrap .box:last-child table tr td:first-child strong {
              font-weight: bold; }
        article section.sec3 .content .block#nightflight .flexwrap .box:last-child table tr:first-child td, article section.sec3 .content .block#nightflight .flexwrap .box:last-child table tr:nth-child(3) td {
          background-color: #e2f6fb; }
      article section.sec3 .content .block#nightflight .flexwrap .box:last-child p.att {
        text-align: right; }
  article section.sec3 .content .block#food .wrapper {
    justify-content: space-between;
    margin-bottom: 30px; }
    @media only screen and (max-width: 480px) {
      article section.sec3 .content .block#food .wrapper {
        flex-direction: column; } }
    article section.sec3 .content .block#food .wrapper .item {
      width: 49%;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 480px) {
        article section.sec3 .content .block#food .wrapper .item {
          width: 100%; } }
	article section.sec3 .content .block#flyaway .wrapper .item {
      width: 49%;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 600px) {
        article section.sec3 .content .block#flyaway .wrapper .item {
          width: 100%; } }
      article section.sec3 .content .block#food .wrapper .item .itemwrap {
        justify-content: space-between; }
        article section.sec3 .content .block#food .wrapper .item .itemwrap .imgwrap,
        article section.sec3 .content .block#food .wrapper .item .itemwrap .textwrap {
          width: 100%; margin-bottom: 12px;}
        article section.sec3 .content .block#food .wrapper .item .itemwrap .imgwrap img,
        article section.sec3 .content .block#food .wrapper .item .itemwrap .textwrap img {
            width: 100%; }
		article section.sec3 .content .block#flyaway .wrapper .item .itemwrap .imgwrap img,
		article section.sec3 .content .block#flyaway .wrapper .item .itemwrap .textwrap img {
            width: 100%; }

  article section.sec3 .content .block#food .amenity {
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(/img/ke/bg03.jpg);
    background-size: 50%;
    background-position: 100% 100%;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 480px) {
      article section.sec3 .content .block#food .amenity {
        background-image: none; } }
    article section.sec3 .content .block#food .amenity .item {
      width: 49%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      margin-top: 15px; }
      article section.sec3 .content .block#food .amenity .item:nth-child(-n+2) {
        margin-top: 0; }
      @media only screen and (max-width: 480px) {
        article section.sec3 .content .block#food .amenity .item {
          width: 100%;
          margin-top: 20px; }
          article section.sec3 .content .block#food .amenity .item:nth-child(2) {
            margin-top: 20px; } }
      article section.sec3 .content .block#food .amenity .item .imgwrap {
        width: 40%; }
        article section.sec3 .content .block#food .amenity .item .imgwrap img {
          width: 100%; }
      article section.sec3 .content .block#food .amenity .item .textwrap {
        width: 58%; }
  article section.sec3 .content .block#service .inner .wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
    background-position: 100% 100%;
    background-size: 50%;
    background-repeat: no-repeat; }

    article section.sec3 .content .block#service .inner .wrapper .item {
      width: 49%;
      justify-content: space-between; }
      @media only screen and (max-width: 480px) {
        article section.sec3 .content .block#service .inner .wrapper .item {
          width: 100%;
          margin-top: 20px; }
          article section.sec3 .content .block#service .inner .wrapper .item:first-child {
            margin-top: 0; } }
      article section.sec3 .content .block#service .inner .wrapper .item:last-child {
        margin-top: 0px; }
      article section.sec3 .content .block#service .inner .wrapper .item .imgwrap,
      article section.sec3 .content .block#service .inner .wrapper .item .textwrap {
        width: 100%; margin-bottom: 12px;}
        article section.sec3 .content .block#service .inner .wrapper .item .imgwrap img,
        article section.sec3 .content .block#service .inner .wrapper .item .textwrap img {
          width: 100%; }
  article section.sec3 .content .block#sheat {
    margin-bottom: 0; }
    
      article section.sec3 .content .block#sheat .inner .box {
        margin-bottom: 30px; }
        article section.sec3 .content .block#sheat .inner .box p.ttl {
          display: block;
          font-size: 18px;
          font-weight: bold;
          border-bottom: 2px solid #186686;
          padding-bottom: 3px;
          margin-bottom: 12px; }

          article section.sec3 .content .block#sheat .inner .box03.itemwrap {
            justify-content: flex-start; }
            @media only screen and (max-width: 480px) {
              article section.sec3 .content .block#sheat .inner .box03 .itemwrap {
                flex-direction: column; } }
            article section.sec3 .content .block#sheat .inner .box03 .itemwrap .item {
              width: 32%;
              margin-right: 1.33%; }
              @media only screen and (max-width: 480px) {
                article section.sec3 .content .block#sheat .inner .box03 .itemwrap .item {
                  width: 100%;
                  margin: 0 0 20px 0; } }
        article section.sec3 .content .block#sheat .inner .box .itemwrap {
          justify-content: space-between; }
          @media only screen and (max-width: 480px) {
            article section.sec3 .content .block#sheat .inner .box .itemwrap {
              flex-direction: column; } }
          article section.sec3 .content .block#sheat .inner .box .itemwrap .item {
            width: 49%;margin-top: 10px; }
            @media only screen and (max-width: 480px) {
              article section.sec3 .content .block#sheat .inner .box .itemwrap .item {
                width: 100%;
				justify-content: space-between;
                margin-bottom: 20px; } }
        article section.sec3 .content .block#sheat .inner .box {
          margin-bottom: 0; }
          article section.sec3 .content .block#sheat .inner .box p.price {
            padding: 30px 30px 10px 30px;
            font-size: 18px;
			display: inline-block;
            font-weight: bold; 
			border-bottom: double 5px #1c8ca9;}
          article section.sec3 .content .block#sheat .inner .box .attbox {
            background-color: #e2f6fb;
			margin-top: 30px;
			margin-bottom: 20px;
            padding: 25px; }
            article section.sec3 .content .block#sheat .inner .box .attbox ul li {
              position: relative;
              padding-left: 20px; }
              article section.sec3 .content .block#sheat .inner .box .attbox ul li::before {
                content: "※";
                position: absolute;
                left: 0; }
        article section.sec3 .content .block#sheat .inner .box .item .thumbs {
          margin-bottom: 12px; }
          article section.sec3 .content .block#sheat .inner .box .item .thumbs img {
            width: 100%; }

		article section.sec3 .content .block#hawaiian-style .inner .box .itemwrap{
			margin-top: 20px;
		}
		article section.sec3 .content .block#nightflight .inner .box .itemwrap{
			margin-top: 20px;
		}
			article section.sec3 .content .block#hawaiian-style .inner .box .itemwrap .item {
              display: flex; }
			@media only screen and (max-width: 480px) {
				article section.sec3 .content .block#hawaiian-style .inner .box .itemwrap .item {
					flex-direction: column;}}
 			article section.sec3 .content .block#hawaiian-style .inner .box .itemwrap .item .thumbs{
              width: 37%;
              margin-right: 1.33%; }
              @media only screen and (max-width: 480px) {
                article section.sec3 .content .block#hawaiian-style .inner .box .itemwrap .item .thumbs {
                  width: 100%;
                  margin: 0 0 20px 0; } }
				article section.sec3 .content .block#hawaiian-style .inner .box .itemwrap .item .textwrap{
					  width: 100%;
				}
			article section.sec3 .content .block#nightflight .inner .box .itemwrap .item {
              display: flex; }
			@media only screen and (max-width: 480px) {
				article section.sec3 .content .block#nightflight .inner .box .itemwrap .item {
					flex-direction: column;}}
 			article section.sec3 .content .block#nightflight .inner .box .itemwrap .item .thumbs{
              width: 37%;
              margin-right: 1.33%; }
              @media only screen and (max-width: 480px) {
                article section.sec3 .content .block#nightflight .inner .box .itemwrap .item .thumbs {
                  width: 100%;
                  margin: 0 0 20px 0; } }
				article section.sec3 .content .block#nightflight .inner .box .itemwrap .item .textwrap{
					  width: 100%;
				}
			article section.sec3 .content .block#flyaway .inner .box{
				width: 50%;
			}
			@media only screen and (max-width: 480px) {
				article section.sec3 .content .block#flyaway .inner .box{
					width: 100%;
				}
				article section.sec3 .content .block#flyaway  {
					flex-direction: column;}}

			article section.sec3 .content .block#flyaway .inner .box  .thumbs{
              width: 100%;
              margin-left: 1.33%; }
			article section.sec3 .content .block#hawaiian-style  .inner .box .item .thumbs img {
            width: 100%; }
			article section.sec3 .content .block#nightflight  .inner .box .item .thumbs img {
            width: 100%; }
			article section.sec3 .content .block#flyaway .inner .box  .thumbs img {
            width: 100%; }

			article section.sec3 .content .block#flyaway .flexwrap {
				justify-content: space-between; }
				@media only screen and (max-width: 480px) {
				  article section.sec3 .content .block#flyaway .flexwrap {
					flex-direction: column; } }

			article section.sec3 .content .block#entertainment .flexwrap {
				justify-content: space-between; }
				@media only screen and (max-width: 480px) {
				  article section.sec3 .content .block#entertainment .flexwrap {
					flex-direction: column; } }

			article section.sec3 .content .block#entertainment .inner .box{
				width: 50%;
			}
			@media only screen and (max-width: 480px) {
				article section.sec3 .content .block#entertainment .inner .box{
					width: 100%;
				}
			}
			article section.sec3 .content .block#entertainment .inner .box  .thumbs{
              width: 100%;
              margin-left: 1.33%; }
			article section.sec3 .content .block#entertainment  .inner .box .item .thumbs img {
            width: 100%; }
			article section.sec3 .content .block#entertainment .inner .box  .thumbs img {
            width: 100%; }


article section.sec4 .content h2.ttl {
  margin-bottom: 40px; }
article section.sec4 .content .itemwrap {
  justify-content: flex-start;
  flex-wrap: wrap; }
  @media only screen and (max-width: 480px) {
    article section.sec4 .content .itemwrap {
      flex-wrap: wrap; } }
  article section.sec4 .content .itemwrap a.item {
    width: 23.5%;
    flex-direction: column;
    margin-right: 10px;
    border: 1px solid #CCCCCC;
    position: relative;
	margin-bottom: 10px;}
    @media only screen and (max-width: 600px) {
      article section.sec4 .content .itemwrap a.item {
        width: 100%;margin-right: 0; }
      article section.sec4 .content .itemwrap a.item {
          margin-bottom: 35px; } }
    article section.sec4 .content .itemwrap a.item:hover img {
      opacity: 1; }
    article section.sec4 .content .itemwrap a.item .imgwrap img {
      width: 100%; }
    article section.sec4 .content .itemwrap a.item .textwrap {
      padding: 10px; }
      article section.sec4 .content .itemwrap a.item .textwrap .date {
        font-size: 12px; }
        @media only screen and (max-width: 480px) {
          article section.sec4 .content .itemwrap a.item .textwrap .date {
            font-size: 10px; } }
      article section.sec4 .content .itemwrap a.item .textwrap .price {
        font-size: 17px;
        color: #1c8ca9;
        font-weight: bold;
        margin: 12px 0; }
        @media only screen and (max-width: 480px) {
          article section.sec4 .content .itemwrap a.item .textwrap .price {
            font-size: 15px; } }
      article section.sec4 .content .itemwrap a.item .textwrap .comment {
        text-align: left; }
        @media only screen and (max-width: 480px) {
          article section.sec4 .content .itemwrap a.item .textwrap .comment {
            font-size: 12px; } }
    article section.sec4 .content .itemwrap a.item::before {
      position: absolute;
      top: -26px;
      left: -14px; }
      @media only screen and (max-width: 480px) {
        article section.sec4 .content .itemwrap a.item::before {
          left: 0; } }
    /*article section.sec4 .content .itemwrap a.item.cheep::before {
      content: url(/img/ke/icon_cheap.png); }
    article section.sec4 .content .itemwrap a.item.pop::before {
      content: url(/img/ke/icon_pop.png); }
    article section.sec4 .content .itemwrap a.item.tourism::before {
      content: url(/img/ke/icon_tourism.png); }
    article section.sec4 .content .itemwrap a.item.honeymoon::before {
      content: url(/img/ke/icon_honeymoon.png); }
    article section.sec4 .content .itemwrap a.item.recome::before {
      content: url(/img/ke/icon_recome.png); }*/
article section.sec6 .content .sheatwrap {
  justify-content: space-between; }
  @media only screen and (max-width: 480px) {
    article section.sec6 .content .sheatwrap {
      flex-wrap: wrap;
      justify-content: center; } }
  article section.sec6 .content .sheatwrap .box {
    /*display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;*/
    flex-direction: column; }
    article section.sec6 .content .sheatwrap .box:first-child {
      width: 50%; }
      @media only screen and (max-width: 480px) {
        article section.sec6 .content .sheatwrap .box:first-child {
          width: 100%;
          margin-bottom: 20px; } }
      article section.sec6 .content .sheatwrap .box:first-child .item {
        box-sizing: border-box; }
        article section.sec6 .content .sheatwrap .box:first-child .item:first-child {
          border-right: 1px solid #FFF; background-color: #FF779a;}
        article section.sec6 .content .sheatwrap .box:first-child .item .textwrap {
          background-color: #1C8CA8;
          flex-grow: 2; }
      article section.sec6 .content .sheatwrap .box:first-child .box_header {
        /*flex-grow: 3;*/ }
      article section.sec6 .content .sheatwrap .box:first-child .box_footer {
        flex-grow: 1;
        padding: 15px 0;
        justify-content: center;
        background-color: #e7eff2; }
        article section.sec6 .content .sheatwrap .box:first-child .box_footer a {
          display: block;
          width: 116px;
          text-align: center;
          padding: 15px 0;
          border: 2px solid #FFF;
          margin: 0 5px;
          color: #FFF;
          font-weight: bold;
          position: relative; }
          article section.sec6 .content .sheatwrap .box:first-child .box_footer a::after {
            content: "";
            border-top: 10px solid #FFF;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            display: block;
            position: absolute;
            right: -5px;
            bottom: -5px;
            transform: rotate(-45deg); }
          article section.sec6 .content .sheatwrap .box:first-child .box_footer a:first-child {
            background-color: #74a3b6; }
          article section.sec6 .content .sheatwrap .box:first-child .box_footer a:nth-child(2) {
            background-color: #186686; }
          article section.sec6 .content .sheatwrap .box:first-child .box_footer a:nth-child(3) {
            background-color: #10475d; }
    article section.sec6 .content .sheatwrap .box:last-child {
      width: 50%; }
      @media only screen and (max-width: 480px) {
        article section.sec6 .content .sheatwrap .box:last-child {
          width: 100%; } }
      article section.sec6 .content .sheatwrap .box:last-child .textwrap {
        background-color: #186686;
        flex-grow: 2; }
      article section.sec6 .content .sheatwrap .box:last-child .linkwrap {
        /*flex-grow: 2;*/
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between; }
        article section.sec6 .content .sheatwrap .box:last-child .linkwrap a {
          display: block;
          width: 32%;
          text-align: center;
          padding: 15px 0;
          border: 2px solid #FFF;
          margin: 0 5px;
          color: #FFF;
          font-weight: bold;
          position: relative; }
          article section.sec6 .content .sheatwrap .box:last-child .linkwrap a::after {
            content: "";
            border-top: 10px solid #FFF;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            display: block;
            position: absolute;
            right: -5px;
            bottom: -5px;
            transform: rotate(-45deg); }
          article section.sec6 .content .sheatwrap .box:last-child .linkwrap a:first-child {
            background-color: #74a3b6; }
          article section.sec6 .content .sheatwrap .box:last-child .linkwrap a:nth-child(2) {
            background-color: #186686; }
          article section.sec6 .content .sheatwrap .box:last-child .linkwrap a:nth-child(3) {
            background-color: #10475d; }
  article section.sec6 .content .sheatwrap .item {
    /*display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;*/
    flex-direction: column;
    justify-content: space-between; }
    article section.sec6 .content .sheatwrap .item .imgwrap img {
      width: 100%; }
    article section.sec6 .content .sheatwrap .item .textwrap {
      padding: 15px 10px;
      text-align: left;
/*
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
*/
      flex-direction: column;
      justify-content: space-between; }
      article section.sec6 .content .sheatwrap .item .textwrap p {
        color: #FFF; }
        article section.sec6 .content .sheatwrap .item .textwrap p.ttl {
          font-size: 19px;
          font-weight: bold;
          border-left: 3px solid #FFF;
          padding-left: 6px;
          margin-bottom: 15px; }
          @media only screen and (max-width: 480px) {
            article section.sec6 .content .sheatwrap .item .textwrap p.ttl {
              font-size: 16px; } }
    article section.sec6 .content .sheatwrap .item .linkwrap {
      padding: 15px 0;
      background-color: #e7eff2; }
      article section.sec6 .content .sheatwrap .item .linkwrap a {
        display: block;
        width: 116px;
        text-align: center;
        padding: 15px 0;
        border: 2px solid #FFF;
        margin: 0 auto;
        color: #FFF;
        font-weight: bold;
        position: relative;
        background-color: #186686; }
        article section.sec6 .content .sheatwrap .item .linkwrap a::after {
          content: "";
          border-top: 10px solid #FFF;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid transparent;
          display: block;
          position: absolute;
          right: -5px;
          bottom: -5px;
          transform: rotate(-45deg); }

  article section.sec7 .content .bg02 .btnwrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 480px) {
      article section.sec7 .content .bg02 .btnwrap {
        justify-content: space-between;flex-wrap: wrap; } }
    article section.sec7 .content .bg02 .btnwrap a {
      display: block;
      width: 23.5%;
      height: 60px;
      margin: 0 0.5%;
      position: relative;
      background-color: #1c8ca9; }
      @media only screen and (max-width: 480px) {
        article section.sec7 .content .bg02 .btnwrap a {
          width: 48.5%; margin-bottom: 5px;} }
      article section.sec7 .content .bg02 .btnwrap a span {
        font-size: 16px;
        font-weight: bold;
        color: #FFF;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      article section.sec7 .content .bg02 .btnwrap a::after {
        content: "";
        border-top: 14px solid #FFF;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid transparent;
        position: absolute;
        right: -7px;
        bottom: -7px;
        display: block;
        transform: rotate(-45deg); }
article section.sec8 .content .block {
  width: 100%; }
  article section.sec8 .content .block#hawaii {
    margin-top: 30px; }
  article section.sec8 .content .block h2 {
    display: inline-block;
    color: #186686;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px; }
    @media only screen and (max-width: 480px) {
      article section.sec8 .content .block h2 {
        font-size: 18px;
        padding-left: 61px;; } }
  article section.sec8 .content .block .planwrap {
    justify-content: flex-start;
    flex-wrap: wrap; }
    article section.sec8 .content .block .planwrap .item {
      display: block;
      width: 23.5%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-sizing: border-box;
      border: 1px solid #CCCCCC;
      position: relative;}
      article section.sec8 .content .block .planwrap .item:nth-child(n) {
        margin-top: 20px; margin-right: 18px;}
	  article section.sec8 .content .block .planwrap .item:nth-child(4n) {
        margin-right: 0px;}
      @media only screen and (max-width: 480px) {
        article section.sec8 .content .block .planwrap .item {
          width: 100%;    margin-bottom: 10px; }
          article section.sec8 .content .block .planwrap .item:nth-child(n) {
            margin-top: 20px;  margin-right: 0px;} }
      article section.sec8 .content .block .planwrap .item .imgwrap img {
        width: 100%; }
      article section.sec8 .content .block .planwrap .item .textwrap {
        flex-grow: 2;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 15px 10px;
        box-sizing: border-box; }
        article section.sec8 .content .block .planwrap .item .textwrap .ttl {
          font-weight: bold;
          margin-bottom: 8px; }
        article section.sec8 .content .block .planwrap .item .textwrap .comment {
          margin-bottom: 8px;
          flex-grow: 2;
          text-align: left; }
          @media only screen and (max-width: 480px) {
            article section.sec8 .content .block .planwrap .item .textwrap .comment {
              font-size: 12px; } }
        article section.sec8 .content .block .planwrap .item .textwrap .date {
          font-size: 12px; }
          @media only screen and (max-width: 480px) {
            article section.sec8 .content .block .planwrap .item .textwrap .date {
              font-size: 10px; } }
        article section.sec8 .content .block .planwrap .item .textwrap .price {
          font-size: 17px;
          color: #FF0000;
          font-weight: bold; }
          @media only screen and (max-width: 480px) {
            article section.sec8 .content .block .planwrap .item .textwrap .price {
              font-size: 15px; } }
  article section .content .block .linkswrap {
	display: flex;
    flex-direction: row-reverse;
    padding: 20px 0; }
	@media only screen and (max-width: 480px) {
		article section .content .block .linkswrap {
			display: block;
		}
	}
    article section .content .block .linkswrap a {
      background-color: #186686;
		padding: 5px 10px 5px 25px;
		margin-left: 10px;
		color: #fff;
		display: inline-block;
		text-decoration: none; }
		@media only screen and (max-width: 480px) {
			article section .content .block .linkswrap a {
				display:block;
				margin-top: 5px;
				margin-left: 0px;
				text-align: center;
			}
		}
      article section .content .block .linkswrap a.arrow {
        color: #186686; }
        article section .content .block .linkswrap a.arrow span {
          position: relative;
          color: #fff; }
          article section .content .block .linkswrap a.arrow span::before {
            content: "";
            border-top: 6px solid transparent;
            border-left: 6px solid #fff;
            border-right: 6px solid transparent;
            border-bottom: 6px solid transparent;
            position: absolute;
            top: 50%;
            left: -15px;
            transform: translateY(-50%);
            display: block; }
article section.sec9 .content h2 {
  display: inline-block;
  position: relative;
  
  color: #1c8ca9;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    article section.sec9 .content h2 {
      font-size: 18px; } }
article section.sec9 .content .recommendwrap {
  justify-content: space-between;
  flex-wrap: wrap; }
  article section.sec9 .content .recommendwrap .item {
    width: 23.5%;
	border: 4px solid #1c8ca9;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
    article section.sec9 .content .recommendwrap .item:nth-child(n+5) {
      margin-top: 20px; }
    @media only screen and (max-width: 480px) {
      article section.sec9 .content .recommendwrap .item {
        width: 46%;
        flex-direction: column; }
        article section.sec9 .content .recommendwrap .item:nth-child(n+3) {
          margin-top: 20px; } }
    article section.sec9 .content .recommendwrap .item .imgwrap {
      width: 40%; }
      article section.sec9 .content .recommendwrap .item .imgwrap img {
        width: 100%; }
      @media only screen and (max-width: 480px) {
        article section.sec9 .content .recommendwrap .item .imgwrap {
          width: 100%; } }
    article section.sec9 .content .recommendwrap .item .textwrap {
      width: 60%;
      background-color: #1c8ca9;
	  text-align: center;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 8px;
      box-sizing: border-box;
      position: relative; }
      @media only screen and (max-width: 480px) {
        article section.sec9 .content .recommendwrap .item .textwrap {
          width: 100%;
          padding: 8px; } }
      article section.sec9 .content .recommendwrap .item .textwrap em {
        color: #FFF;
        font-weight: bold;
		text-align: center;
        text-align: left;
        font-style: none; }
      article section.sec9 .content .recommendwrap .item .textwrap::after {
        content: "";
        display: block;
        border-top: 10px solid #FFF;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        right: -5px;
        bottom: -5px;
        transform: rotate(-45deg); }

/*article section.sec9 .content  h2::before {
      content: url(/img/ke/ico-prm.svg);
      position: absolute;
      top: 50%;
      left: -10px;
      transform: translateY(-50%); }
      @media only screen and (max-width: 480px) {
        article section.sec9 .content  h2::before {
           } }*/

/*# sourceMappingURL=style.css.map */
/* whats-new ---------------------------------------------------------------------------------------------*/
/* 2017.04.06 add start */
.whats-new{
    padding: 50px 0;
}
.whats-new h2::before{
    color: #3da75b;
}

.whats-new .whats-new-list-wrap2 {
	float: none;
	margin: 0 auto;
	width: 1000px;
/*	overflow: hidden;*/
}
.whats-new .whats-new-list-wrap2 ul {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 280px;
}
/* お知らせ欄のグラデーションデザイン
.whats-new .whats-new-list-wrap2 ul::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    content: "";
} */

.whats-new .whats-new-list-wrap2 li {
	clear:both;
	padding: 20px 0 14px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.whats-new .whats-new-list-wrap2 li .head {
	font-size: 85.71429%;
	margin-bottom: 8px;
}
.whats-new .whats-new-list-wrap2 li .head .date {
	display: inline-block;
	background-color: #d6d6d6;
	padding: 0 10px;
	margin-right: 10px;
	height: 26px;
	line-height: 26px;
}
.whats-new .whats-new-list-wrap2 li .head .type {
	display: inline-block;
	border: 1px solid #d6d6d6;
	padding: 0 9px;
	height: 26px;
	line-height: 26px;
	box-sizing: border-box;
}
.whats-new .whats-new-list-wrap2 li .detail {
	padding-top: 4px;
}
.whats-new .whats-new-list-wrap2 li .detail a {
	text-decoration: underline;
}
.whats-new .whats-new-list-wrap2 li .detail a:hover {
	text-decoration: none;
}
.whats-new .whats-new-list-wrap2 li:first-child {
	padding-top: 0;
}
.whats-new .whats-new-list-wrap2 li span { display:block; }
.whats-new .whats-new-list-wrap2 li span.i { float:left; margin-right:10px; }
.whats-new .whats-new-list-wrap2 li span.t { overflow:hidden; }
.whats-new .whats-new-list-wrap2 li span.p { overflow:hidden; }
.whats-new .whats-new-list-wrap2 li span.t a { font-weight: bold; }
.whats-new .whats-new-list-wrap2 li span.d {}
.whats-new .whats-new-list-wrap2 li.odd { background-color: #EEEADB; }

/*
.whats-new li{
    padding: 0 0 15px 115px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    font-weight: bold;
    margin-bottom: 15px;
}
.whats-new li span{
    margin-left: -115px;
    display: inline-block;
    width: 100px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    margin-right: 15px;
}
.whats-new li .category1{
    background-color: #5fc44e;
}
.whats-new li .category2{
    background-color: #f64b89;
}
.whats-new li .category3{
    background-color: #5dc3c3;
}
.whats-new li .category4{
    background-color: #504eff;
}
*/
.whats-new button{
    width: 320px;
    padding: 10px 0;
    border-radius: 5px;
    background-color: #3da75b;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.whats-new button:hover{
    opacity: 0.7;
}
/* 2017.04.06 add end */
@media screen and (max-width:599px) {
	.whats-new {
		padding-top: 0;
		margin-top: 0;
	}
	.whats-new .whats-new-list-wrap2 {
		width: 100%;
	}
	.whats-new .whats-new-list-wrap2 li {
		padding: 14px 10px 14px;
	}
	.whats-new .whats-new-list-wrap2 li span.i {
		float:none;
		margin-bottom: 5px;
	}
}
/* 2019.08.22 追加 */
.sub-info{
	position: absolute;
	top: 0;
	left:0; 
	padding: 5px 10px;
	color: #fff;
	background-color: #1c8ca9;
}
.item-center{
	text-align: center;
	margin: 0 auto;
}
.img-pc{
	display: block;
}
	@media screen and (max-width:599px) {
		.img-pc{
			display: none;
		}
	}
.img-sp{
	display: none;
}
	@media screen and (max-width:599px) {
		.img-sp{
			display: block;
		}
	}
.area-index .whats-new .whats-new-list-wrap {
    width: 100%;
    height: 220px;
}
.whats-new{
		padding: 10px;
}
.small-disc{
	text-align: center;
	margin: 20px 0 10px 0;
}
.btn-link{
	margin-top: 20px;
	background-color: #1c8ca9;
	padding: 30px;
	color: #fff;
	border-radius: 6px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.br-pc{
	display: block;
}
@media screen and (max-width:599px) {
	.br-pc{
		display: none;
	}
}
article section.sec8 .content .block .planwrap .item .imgwrap-ofi img{
	width: 224px;
    height: 158px;;
    object-fit: cover;
}
@media screen and (max-width:599px) {
	article section.sec8 .content .block .planwrap .item .imgwrap-ofi img{
		width: 100%;
		height: auto;
		object-fit: cover;
	}
}
.ofi {
    object-fit: cover;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */;
}
.item-flight{
	margin-bottom: 10px;
}
.item-stitle{
	background-color: #186686;
	color: #fff;
	padding: 5px 15px 5px 15px;
	margin: 10px 10px 5px 10px;
	display: inline-block;
	vertical-align: top;
}
.item-ulstart{
	margin-left: 30px;
	margin: 10px 10px 5px 10px;
	display: inline-block;
}
.item-ulstart dt {
	font-weight: bold;
}
/* Q＆A ---------------------------------------------------------------------------------------------*/
.qa:first-child {
	margin-top: 30px;
}
.qa {
	margin-top: 50px;
	background: #FFFFFF;
	padding: 20px 30px 15px 0;
}
.qa_q {
	font-size: 115%
}
.qa_q,
.qa_a {
	position: relative;
	padding-left: 80px;
	margin-bottom: 20px;
}
.qa_q::before {
	content: "Q";
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 200%;
	color: #10475d;
}
.qa_a::before {
	content: "A";
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 200%;
	color: #1C8CA9;
}
@media screen and (max-width: 599px) {
	.qa_q,.qa_a {
		padding-left: 50px;
	}
	.qa_q::before {
		left: 15px;
	}
	.qa_a::before {
		left: 15px;
	}
}
.scroll-table{
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.table-nomal{
	width: 100%;
	border: 1px solid #666;
	padding: 5px;
	background:#fff;
	height:22.5pt;
	text-align:center;
	color:black;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	font-size:10pt;
	vertical-align:middle;
	white-space:nowrap
}
.table-nomal th{
	background:rgb(221,235,247);
	padding: 5px;
	border: 1px solid #666;
	text-align:center;
}
.table-nomal tr{
	border: 1px solid #666;
}
.table-nomal td{
	border: 1px solid #666;
	padding: 5px;
}
.table-nomal .td-yellow{
	background-color: yellow;
}
.sheat-box{
	margin-top: 20px;
}
.flexwrap{
	justify-content: space-between;
}
.fitem{
	width: 32%;
}
@media screen and (max-width:599px) {
	#service .flexwrap{
		flex-direction: column;
	}
	.fitem{
		width: 100%;
		margin-bottom: 30px;
	}
}
.fitem img{
	width: 100%;
}
.it-box{
	width: 45%;
}
@media screen and (max-width:599px) {
	.sec9 .flexwrap{
			flex-direction: row;
	}
}
@media screen and (max-width:599px) {
	.it-box{
		width: 100%;
	}
}
.it-box img{
	width:100%;
}
.ol-attention{
	line-height: 1.5;
	background-color: #e2f6fb;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 25px;
}
.ol-attention li{
	display: flex;
}
.txt-attention{
	font-size: 20px;
	margin-left: 20px;
	
}
.mb-10{
	margin-bottom: 10px;
}
.txt-blue{
	font-size: 20px;
	border-bottom: solid 4px #e2f6fb;
	text-align: center;
	display: inline-block;
}
.ico-attention{
	font-size: 12px;
	border-radius: 4px;
	background-color: #f7578d;
	padding: 2px 7px;
	margin-right: 10px;
	color: #fff;
}
.txt-discription{
	margin-top: 5px;
}
#bn-area img{
	width: 100%;
}
.rec-sp {
	display: none;
}
@media screen and (max-width:599px) {
	.rec-pc {
		display: none;
	}
	.rec-sp {
		display: block;
	}
}
.ttl{
	font-size: 18px;
	font-weight: bold;
}