@charset "utf-8";

/* ===================================================================
style info :リセットスタイル
=================================================================== */
/*--- reset */
html { overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; vertical-align: top; }
object, embed { vertical-align: top; }
legend { display: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img, abbr, acronym, fieldset { border: 0; }
img {max-width: 100%;}
ul li { list-style-type: none; list-style-position: outside; }
ol li { list-style-position: outside; margin-left: 20px; }
table{	width:100%;}
*, *:before, *:after { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html,body{height:100%;}
i { vertical-align: middle;}
.w100{ width: 100%;}

/* ===================================================================
style info :レイアウト
=================================================================== */

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    background: #f5f4f0;
}

a:link,
a:visited {
    color: #0068b7;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #66a4d4;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

i {
    padding-right: 5px;
}

footer a.telno{
    cursor: default;
    color: #000;
}

.ajtours + .ajtours {
    margin-top:20px;
}

/* ===================================================================
style info : header
=================================================================== */

header {
    background: #a3016f;
    color: #FFF;
}

header section {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    color: #FFF;
}

header h1 {
    height: 68px;
    padding-top: 20px;
}

header h1 svg {
    fill: #FFFFFF;
}

#nav_sp{
display: none;}

header h1 + ul {
    font-size: 12px;
    letter-spacing: 1px;
    position: absolute;
    top: 27px;
    right: 0;
}

header h1 + ul li {
    display: inline-block;
}

header h1 + ul li {
    zoom: 1;
    display: inline\9
}

header h1 + ul a:link,
header h1 + ul a:visited {
    padding: 3px 10px;
    color: #FFF;
    border-radius: 9px;
}

header h1 + ul a:hover {
    background: #FFF;
    color: #a3016f;
}

header h1 + ul i {
    padding-right: 5px;
}


nav ul {
    width: 1000px;
    height: 50px;
    margin: 0 auto;
    -js-display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

nav ul li {
    text-align: center;
    border-right: #555555 solid 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

nav ul li:first-child {
    border-left: #555555 solid 1px;
}

@font-face {
    font-family: "YuGothic M";
    src: local(Yu Gothic Medium)
}

nav ul li {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
}

nav ul li a:link,
nav ul li a:visited {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #FFF;
}

nav ul li a:hover {
    color: #FFF;
    background: #444444;
    border-bottom: #a3016f solid 4px;
}


/* ===================================================================
style info : low head
=================================================================== */

#visual {
    background: url('../img/visual01.jpg') center;
    height: 280px;
    padding: 30px 0 0 0;
    background-size: cover;
}

#visual-half {
    background: url('../img/visual01.jpg') center;
    padding: 30px 0 30px 0;
    background-size: cover;
}

#subPage {
    background: url('../img/subpage01.jpg') center;
    height: 140px;
    padding: 30px 0 0 0;
    background-size: cover;
}

#visual div:first-child,
#visual-half div:first-child,
#subPage div:first-child {
    width: 1000px;
    margin: 0 auto 20px;
    background: rgba(0, 0, 0, 0.65);
    padding: 18px 40px;
    font-size: 15px;
    color: #FFFFFF;
}

#visual-half div:first-child {
    margin: 0 auto 0;
}

#visual h2,
#visual-half h2 {
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: normal;
}

#subPage h2 {
    font-size: 28px;
    font-weight: normal;
}

#visual div a:link,
#visual div a:visited {
    color: #FFF;
}

#visual ul {
    width: 1000px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.85);
    height: 40px;
    -js-display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#visual ul li a:link,
#visual ul li a:visited {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    padding: 0 10px 0;
    border-radius: 15px;
}

#visual ul li a:hover {
    background: #FFF;
}

#visual ul li i {
    padding-right: 5px;
    color: #a3016f;
}

#container {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 0;
    -js-display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#visual ul.pankuzu{
background: none;
height: auto;
display: block;

    margin:-18px 0 20px -40px;
    background: rgba(0, 0, 0, 0.5);
    padding-left: 40px;
}

#visual ul.pankuzu li{
    display: inline-block;
    font-size: 11px;
    margin-left: -3px;

}

#visual ul.pankuzu li::before{
    content: '>';
    padding: 0 7px 0 3px;
}

#visual ul.pankuzu li:first-child::before{
    content:none;
}

#visual ul.pankuzu li a:link,#visual ul.pankuzu li a:visited{
    display: inline;
    padding: 0;
    color: #FFF;
    font-size: 11px;
    height: auto;
    border-radius: 0;
    padding:0 3px;}

#visual ul.pankuzu li a:hover {
    color: #333;

}

/* ===================================================================
style info : low aside
=================================================================== */

aside {
    width: 230px;
    margin-right: 40px;
    padding-bottom: 60px;
    display: block;
}

aside h3 {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background: #fad4e6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

aside h3 i {
    color: #a3016f;
    padding: 0 20px 0 15px;
}

aside ul i {
    color: #a3016f;
    padding-right: 10px;
}

aside h3 + ul {
    background: #FFF;
    padding: 0 10px;
    margin-bottom: 20px;
    border-bottom: #fad4e6 solid 6px;
}

aside h3 + ul li a:link,
aside h3 + ul li a:visited {
    display: block;
    color: #333333;
    border-bottom: #f0f0f0 solid 1px;
    font-size: 12px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

aside h3 + ul li a:hover {
    background: #fff6d7;
}

aside h3 a:link,
aside h3 a:visited {
    display: block;
    color: #333;
}

aside h3 +h3 {
    margin-top: 5px;
}

aside h3 a:hover,
aside h3 a:hover i {
    -webkit-transition: all .1s;
    transition: all .1s;
    background: #a3016f;
    color: #FFF;
}

#right-side h5{
    margin-top: 40px;
    background: #a3016f;
    color: #FFF;
    padding: 8px 15px 5px;
    margin-bottom: 10px;
    font-size: 16px;
    height: auto;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: normal;}

#right-side > ul li a {
    display: inline-block;
    width: 230px;
    min-height: 70px;
    background: #fad4e6;
    font-weight: bold;
    color: #333;
    padding: 15px 10px 10px 60px;
    position: relative;
    margin-bottom: 10px;
}

#right-side > ul li.line a {
    padding: 25px 10px 10px 60px;
    min-height: 70px;
}

#right-side > ul li.yellow a {
    background: #fff6d7;
}

#right-side > ul li.blue a {
    background: #d1ecf3;
}

#right-side > ul li a i {
    color: #a3016f;
    display:block;
    position: absolute;
    top: 13px;
    left: 8px;
    font-size: 25px;
    text-align: center;
    width: 42px;
    height: 42px;
    background: #FFF;
    border-radius: 21px;
    padding: 8px 0 0 2px;
    opacity: .7;
}

#right-side > ul li a:hover,
#right-side > ul li.yellow a:hover,
#right-side > ul li.blue a:hover {
    background: #a3016f;
    color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
}

/* ===================================================================
style info : sub pages
=================================================================== */

.links {
    padding: 10px 20px;
    background: #FFF;
}

.links li a {
    display: block;
    border-bottom: #0068b7 dashed 1px;
    padding: 5px 5px 3px;
}

.links li a:hover {
    background: #0068b7;
    color: #FFF;
}

.qa {
    background: #FFF;
    padding: 20px;
}

.qa dt {
    background: #fce4ea;
    padding: 5px 10px 3px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 15px;
}

.qa dd:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.qa dt:before {
    content: "Q";
    padding-right: 10px;
    font-size: 16px;
    display: inline-block;
    color: #a3016f;
}

.qa dd {
    padding: 10px;
    margin-bottom: 20px;
}

.info-list h5 {
    background: #d1ecf3;
}

.date {
    font-size: 12px;
    color: #999;
    padding-bottom: 0;
    text-align: right;
}

p.link a {
    border-bottom: #0068b7 dashed 1px;
    padding: 4px;
}


/* ===================================================================
style info : low Parts
=================================================================== */

main {
    width: 730px;
    padding-bottom: 60px;
    display: block;
}

main article,
main section {
    overflow: hidden;
    display: block;
}

#topics {
    height: 144px;
    overflow-y: scroll;
    background: #FFF;
}

#topics dd {
    width: 80px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    height: 20px;
    margin: 9px;
    line-height: 20px;
    float: left;
    z-index: 99;
}

#topics dd.red {
    background: #fad4e6;
    color: #e9536b;
}

#topics dd.yellow {
    background: #ffe1b2;
    color: #f15a24;
}

#topics dd.blue {
    background: #d1ecf3;
    color: #0068b7;
}

#topics dt {
    font-size: 13px;
    font-weight: bold;
    min-height: 38px;
    position: relative;
}

#topics span {
    position: absolute;
    top: 10px;
    left: 100px;
}

#topics dt a {
    padding: 9px 0 0 170px;
    min-height: 38px;
    display: block;
    color: #333333;
}
#topic dt a {
    padding: 9px 0 0 150px;
    min-height: 38px;
    display: block;
    color: #333333;
}


#topics dt a:hover {
    color: #999999;
    background: #fff6d7;
}

#topic dt a:hover {
    color: #999999;
    background: #fff6d7;
}

#topics dt span {
    font-size: 10px;
    font-weight: normal;
    padding-right: 10px;
}

#topic dt span {
    font-size: 10px;
    font-weight: normal;
    padding-right: 10px;
}

main h3 {
    margin-top: 40px;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    background: #a3016f;
    color: #FFF;
    padding: 0 10px 0 20px;
    position: relative;
    letter-spacing: 1px;
}

main h3:before {
    content: url('../img/h3.png');
    display: block;
    position: absolute;
    z-index: 10;
    right: 0;
    top: -25px;
}

main.hok h3:before {
    content: url('../../gentei/aeonjal/img/h3.png');
    display: block;
    position: absolute;
    z-index: 10;
    right: -18px;
    top: -16px;
}

main.hok section {
  overflow: inherit;
}

main h3+p {
    font-size: 14px;
    margin: 15px 0 0;
    font-weight: bold;
}

#recommend > div {
    width: 350px;
    height: 215px;
    margin: 15px 0 0 30px;
    padding: 20px 15px;
    float: left;
    background: #FFF;
    position: relative;
}

#recommend > div:nth-of-type(2n+1) {
    margin-left: 0;
}

#recommend > div a img {
    position: absolute;
    top: 20px;
    left: 15px;
}

.campaign-mark:after {
    display: block;
    content: "キャンペーン中";
    position: absolute;
    z-index: 99;
    font-size: 10px;
    background: red;
    color: #FFF;
    padding: 3px 3px 0;
    height: 20px;
    width: 90px;
    text-align: center;
    top: 127px;
    left: 15px;
}

#list .campaign-mark:after {
    top: 107px;
    left: 0px;
}

#recommend > div h4 + a:hover {
    opacity: .8;
}

#recommend > div h4,
#recommend > div h6 {
    margin-left: 105px;
    font-size: 12px;
}

#recommend > div h6 {
    font-size: 13px;
    line-height: 1.3;
}

#recommend > div h4 {
    font-weight: normal;
}

#recommend > div h6+p {
    margin-left: 105px;
    font-size: 11px;
    margin-top: 10px;
}

.btn-apply a,
.btn-sub a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    width: 175px;
    height: 34px;
    line-height: 30px;
    border-radius: 17px;
    text-align: center;
}

.btn-apply a i,
.btn-sub a i {
    padding-right: 5px;
}

#recommend .btn-apply a,
#recommend .btn-sub a {
    position: absolute;
    width: 155px;
}
#recommend .btn-subb a {
    position:
    width:
}
.btn-apply a {
    color: #a3016f;
    background: #fad4e6;
    border: #fad4e6 solid 2px;
}

#recommend .btn-apply a {
    bottom: 15px;
    right: 15px;
}

.btn-apply a:hover {
    color: #FFF;
    background: #a3016f;
}

.btn-sub a {
    color: #fff;
    background: #0068b7;
    border: #0068b7 solid 2px;
}
.btn-subb a {
    color: #fff;
    background: #0068b7;
    border: #0068b7 solid 2px;
}
#recommend .btn-sub a {
    bottom: 15px;
    left: 15px;
}
#recommend .btn-subb a {
    bottom: 15px;
    left: 15px;
}
.btn-sub a:hover {
    line-height: 30px;
    color: #0068b7;
    background: #FFF;
}
.btn-subb a:hover {
    line-height: 30px;
    color: #0068b7;
    background: #FFF;
}

main h5 {
    background: #dcdcdc;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    margin-top: 15px;
}

main h6 {
    background: #fad4e6;
    padding: 0 10px;
    line-height: 32px;
    font-size: 14px;
    margin-top: 15px;
}

main #search h5 i {
    font-size: 14px;
    padding-right: 20px;
}

main #search h5 {
    margin-top: 30px;
}

main #search h3 + h5 {
    margin-top: 10px;
}

#search ul {
    overflow: hidden;
    margin-bottom: 0;
}

#search li {
    float: left;
    margin: 8px 5px 0 0;
}

#search li a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    width: 140px;
    height: 34px;
    line-height: 32px;
    border-radius: 17px;
    text-align: center;
    color: #fff;
    background: #0068b7;
    border: #0068b7 solid 2px;
}

#search li a:hover {
    line-height: 30px;
    border: #0068b7 solid 2px;
    color: #0068b7;
    background: #FFF;
}

#cardInfo > div,
#discount > div {
    background: #FFF;
    padding: 20px;
    position: relative;
    margin-top: 15px;
}

#cardInfo > div h6,
#discount > div h6 {
    font-size: 18px;
    height: 40px;
}

p.info-logo {
    width: 160px;
    height: 80px;
    padding-top: 10px;
    border: #e6e6e6 solid 5px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

#discount p.info-logo {
    top: 20px;
}

#discount .tbl-gray,
#discount .tbl-pink,
#cardInfo .tbl-gray,
#cardInfo .tbl-pink {
    width: 510px;
    margin-left: 180px;
    font-size: 13px;
}

.tbl-gray,
.tbl-pink {
    font-size: 12px;
    margin-bottom: 15px;
}


.tbl-gray th,
.tbl-pink th {
    width: 110px;
    padding: 8px 10px 5px;
    background: #e6e6e6;
    border-bottom: #FFF solid 1px;
}

.tbl-pink th {
    background: #fce4ea;
    padding: 8px 8px 5px;
    font-size: 12px;
    font-weight: normal;
}

.tbl-pink td {
    font-size: 12px;
}

.tbl-gray td,
.tbl-pink td {
    background: #f8f7f4;
    padding: 8px 10px 5px;
    border-bottom: #FFF solid 1px;
}

.tbl-pink td {
    padding: 8px 8px 5px;
}

.tbl-outline th {
    padding: 10px 10px 8px;
    width: 25%;
    background: #fce4ea;
    border: #FFF solid 1px;
    text-align: right;
    color: #a3016f;
}

.tbl-outline td {
    padding: 10px 10px 8px;
    background: #f8f7f4;
    border: #FFF solid 1px;
}

.tbl-common {
    font-size: 13px;
    margin: 10px 0 0;
}

.tbl-common th,
.tbl-common td {
    padding: 10px;
    border: #999 solid 1px;
}

.tbl-common th {
    text-align: center;
    vertical-align: middle;
    background: #e6e6e6;
}

.tbl-common tr th:first-child {
    width: 75%;
}

.btnL,
.btnLL,
.btnLpink {
    text-align: center;
}

.btnL a,
.btnLL a,
.btnLpink a {
    display: inline-block;
    background: #0068b7;
    color: #FFF;
    padding: 6px 15px 0;
    height: 36px;
    border-radius: 18px;
    font-size: 14px;
    border: #0068b7 solid 2px;
}

.btnL i,
.btnLL i,
.btnLpink i {
    padding-right: 6px;
}

.btnL a:hover {
    color: #0068b7;
    background: #FFF;
    border: #0068b7 solid 2px;
}

.btnLL a {
    height: 42px;
    border-radius: 20px;
    min-width: 320px;
    font-size: 16px;
    padding: 8px 20px 0;
    background: #a3016f;
    border: #a3016f solid 2px;
}

.btnLL a:hover {
    color: #a3016f;
    background: #FFF;
    border: #a3016f solid 2px;
}

.btnLpink a {
    background: #a3016f;
    border: #a3016f solid 2px;
}

.btnLpink a:hover {
    color: #a3016f;
    background: #FFF;
    border: #a3016f solid 2px;
}

.btns li {
    display: inline-block;
}

.btns li a {
    display: inline-block;
    border: #0068b7 solid 1px;
    border-radius: 20px;
    padding: 3px 15px 1px;
    background: #FFF;
}

.btns li a:hover {
    background: #d1ecf3;
}

hr {
    clear: both;
    height: 1px;
    background: #e6e6e6;
    border: none;
    margin: 20px 0;
}

dl.infoBox {
    -js-display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.infoBox dt {
    width: 120px;
    font-weight: bold;
    text-align: center;
    background: #fce4ea;
    color: #a3016f;
    padding: 20px;
}

.infoBox dt img {
    display: block;
}

.infoBox dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f5f4f0;
    font-size: 14px;
    padding: 15px;
    font-weight: normal;
}

.step dt {
    border-bottom: #a3016f dashed 1px;
    color: #a3016f;
    background: #f5f4f0;
    padding: 5px 10px 3px;
    font-size: 16px;
}

.step dd {
    padding: 10px 0 20px;
}

.step dd:last-child {
    padding-bottom: 0;
}

ul.step {
    padding: 10px 20px 20px;
    background: #fce4ea;
}

.step li {
    font-weight: bold;
    font-size: 15px;
    border-bottom: #ccc dashed 1px;
    margin-top: 10px;
}

.three-columns {
    -js-display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.three-columns > div {
    width: 230px;
    margin: 10px 0 0 20px;
    padding: 10px;
    background: #FFF;
}

.three-columns > div:nth-of-type(3n+1) {
    margin-left: 0;
}

.three-columns a {
    display: block;
    padding-bottom: 4px;
    border-bottom: #e6e6e6 solid 1px;
    margin-bottom: 8px;
}

.three-columns img {
    display: block;
    margin-bottom: 10px;
}

.three-columns .price {
    padding-top: 5px;
}

.three-columns span {
    font-weight: bold;
    padding-right: 15px;
}

.three-columns p {
    font-size: 12px;
}

.tours {
    overflow: hidden;
    margin-bottom: 15px;
    line-height: 1.5;
}

.tours > div {
    float: left;
    width: 355px;
    padding: 10px 10px 10px 100px;
    margin: 10px 0 0 20px;
    position: relative;
    background: #FFF;
    height: 110px;
}

.tours > div:nth-of-type(2n+1) {
    margin-left: 0;
}

.tours img {
    position: absolute;
    top: 10px;
    left: 10px;
}

.tours a{
    line-height:1;}

.inlinks li {
    display: inline-block;
}

.inlinks li:after {
    content: " ｜"
}

#brand h5 + ul li {
    display: inline-block;
    font-size: 13px;
    margin: 10px 0 10px 0;
}

#brand h5 + ul li em {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

#brand h5 + ul li em:hover {
    color: #a3016f;
    -webkit-transition: all .4s;
    transition: all .4s;
}

#brand h5 + ul li.on em {
    background: #fce4ea;
    color: #a3016f;
}

#brand h5 + ul li:after {
    content: "｜";
}

#brand > div > div {
    overflow: hidden;
}

#brand > div >div >div {
    width: 95px;
    margin-right: 9px;
    float: left;
}

#brand > div >div >div p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background: #FFF;
    width: 90px;
    height: 40px;
    overflow: hidden;
    border: #e6e6e6 solid 3px;
}

#brand > div >div >div h4 {
    font-weight: normal;
    font-size: 10px;
    line-height: 1.2;
    padding-top: 4px;
    height: 46px;
}

#apply > div {
    background: #FFF;
    padding: 20px;
    font-size: 14px;
    font-weight: bold;
}

#apply > div > div {
    overflow: hidden;
    position: relative;
}

.left {
    float: left;
    margin-right: 20px;
}

.left img {
    border: #e6e6e6 solid 5px;
}

#apply .btnL {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 245px;
}

.flex {
    -js-display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.t-c {
    text-align: center;
    margin-bottom: 10px;
}

main strong {
    color: #a3016f;
    font-weight: bold;
}

.f-s {
    font-size: 12px;
    font-weight: normal;
}

.f-m {
    font-size: 13px;
    font-weight: normal;
}

.f-l {
    font-size: 18px;
}

.f-l i {
    padding-right: 6px;
}

.price {
    color: crimson;
    font-size: 12px;
    font-weight: bold;
}

.others {
    background: #fce4ea;
    padding: 20px;
}

.flex span {
    display: block;
}

dl.flexbox {
    -js-display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 15px;
}

.flexbox dt {
    padding: 20px 15px 20px;
    width: 300px;
    background: #FFF;
}

.flexbox dd {
    width: 430px;
    padding: 20px 15px 20px 5px;
    background: #FFF;
    font-size: 14px;
}

.flexbox dd h4 {
    font-size: 18px;
}

.flexbox dd .f-s {
    color: #666;
    margin-bottom: 10px;
}

.flexbox dd .btnL {
    margin-top: 10px;
}

#apply p.f-s {
    margin-top: 10px;
}

#list h3 + ul li {
    display: inline-block;
    font-size: 13px;
    margin: 10px 0 10px 0;
}

#list h3 + ul li em {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

#list h3 + ul li em:hover {
    color: #a3016f;
    -webkit-transition: all .4s;
    transition: all .4s;
}

#list h3 + ul li.on em {
    background: #fce4ea;
    color: #a3016f;
}

#list h3 + ul li:after {
    content: "｜";
}

#list > div {
    background: #FFF;
    padding: 20px 20px;
}

#list > div > div {
    position: relative;
}

#list > div > div img {
    position: absolute;
}

#list h4 {
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 0 110px;
}

#list h5 {
    background: none;
    line-height: 1.5;
    height: auto;
    padding: 0;
    margin: 0 0 0 110px;
}

#list i {
    padding-right: 5px;
}

#list .tbl-gray {
    width: 580px;
    margin: 10px 0 0 110px;
    font-size: 11px;
}

#list .tbl-gray th {
    width: 130px;
}

#list a img:hover {
    opacity: 0.8;
    -webkit-transition: all .4s;
    transition: all .4s;
}


/* ===================================================================
style info : modal
=================================================================== */

#overlay {
    width: 100%;
    height: 120%;
    position: fixed;
    z-index: 999;
    background: #333333;
    opacity: 0.7;
    display: none;
}

#modal-blank {
    display: none;
    background: #FFF;
    width: 700px;
    position: fixed;
    top: 120px;
    z-index: 9999;
    left: calc(50% - 300px);
    border-radius: 20px;
}

#modal-blank h5 {
    background: #a3016f;
    color: #FFF;
    font-size: 17px;
    padding: 15px 20px;
    position: relative;
}

#modal-blank h5 i {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 24px;
    cursor: pointer;
}

#modal-blank .btn-sub a {
    width: 260px;
    font-size: 15px;
    height: 40px;
    line-height: 36px;
    border-radius: 20px;
}

#modal-blank p {
    margin: 15px 20px 0;
}

#modal-blank .flex p {
    margin: 0 20px;
}

#modal-blank p.f-s {
    font-size: 12px;
    padding-bottom: 20px;
}

#modal-blank strong {
    color: #a3016f;
}

/* ===================================================================
style info : footer
=================================================================== */

footer {
    background: #fce4ea;
}

footer .innner {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}

footer .fb {
    float: left;
}

footer .right {
    width: 560px;
    margin-left: 440px;
    min-height: 270px;
}

footer .right h1 {
    padding-bottom: 4px;
    border-bottom: #a3016f solid 1px;
}

footer .innner ul {
    padding: 15px 0;
    border-bottom: #a3016f solid 1px;
}

footer .innner li {
    display: inline-block;
}

footer .innner li a {
    display: inline-block;
    padding: 3px 15px 0 5px;
}

footer li a:link,
footer li a:visited {
    color: #333;
}

footer li a:hover {
    color: #a3016f;
}

footer li a i {
    color: #a3016f;
}

footer .gnav li {
    font-weight: bold;
    font-size: 15px;
}

footer .sub li {
    font-size: 12px;
}

footer .flex {
    padding-top: 20px;
}

footer .flex p.btnL,
footer .flex p.btnL a {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 220px;
    font-size: 13px;
    margin-right: 20px;
}

footer .flex p.btnL a {
    background: #a3016f;
    border: #a3016f solid 2px;
}

footer .flex p.btnL a:hover {
    border: #a3016f solid 2px;
    color: #a3016f;
    background: #FFF;
}

footer .flex .f-s {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 320px;
}

#logos {
    padding: 20px 0 0;
    text-align: center;
    background: #FFF;
}

#logos ul.flex{
    width: 1000px;
    margin: 0 auto;
}

#logos ul.flex li{

}

/* ===================================================================
style info : オプション
=================================================================== */

.op-img dl {
    background: #FFF;
    margin-top: 10px;
}

.op-img dt {
    margin-top: 10px;
    width: 220px;
    background: #FFF;
    padding: 10px;
    min-height: 200px;
    line-height: 0;
    float: left;
}

.op-img dd {}

.op-img dd {
    min-height: 200px;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
    width: 510px;
    background: #FFF;
}

.op-img h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.tbl-info {}

.tbl-info th {
    width: 28%;
    padding: 10px;
    border-bottom: #ccc solid 1px;
}

.tbl-info td {
    padding: 10px;
    border-bottom: #ccc solid 1px;
}

#info500 > div,
#info2000 > div {
    background: #FFF;
    padding: 20px;
}

#op2000 li {
    background: #FFF;
    margin-top: 10px;
    padding: 20px;
}
/*â˜…è¿½åŠ ã“ã“ã‹ã‚‰*/
.fa:before { font-family: 'FontAwesome' ;}

#kndpbox{
    width:100%;
    margin-top:20px;
}
#kndpbox i{
    vertical-align: baseline;
}
#kndpbox .kndpbox_inner:first-child{
    width:400px;
    float:left;
}
#kndpbox .kndpbox_inner:last-child{
    width:300px;
    float:right;
}
#air #kndpbox iframe {
    height: 760px;
}
#kndpbox .kndpbox_inner iframe{
    display:block;
}
#kndpbox .kndpbox_title_timedesign{
    background-color:#149329;
    padding:10px;
    color:#fff;
    text-align:center;
    font-size:1.2em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top:10px;
    vertical-align: middle;

}
#kndpbox .kndpbox_inner_timedesign{
    border-left:2px #149329 solid;
    border-right:2px #149329 solid;
    border-bottom:2px #149329 solid;
    padding:15px 10px 20px 10px;
    background-color:#fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#kndpbox .u_boxTimeDesign dl{
    margin-bottom:10px;
}
#kndpbox .u_boxTimeDesign dt {
    clear: left;
    display: block;
    float: left;
    margin-right: 8px;
    width: 4.2em;
    font-size:0.9em;
    font-weight: bold;
}
#kndpbox .u_boxTimeDesign dd{
    font-size:0.9em;
}
#kndpbox .u_boxTimeDesign select::-ms-expand {
    display: none;
}
#kndpbox .u_boxTimeDesign select {
    font-size:1em;
    border:1px #ccc solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    background: #fff;
    padding:2px 2px 2px 5px;
}
#kndpbox .u_boxTimeDesign label {
    position: relative;
}

#kndpbox .u_boxTimeDesign label:after {
    display: block;
    font-family: 'FontAwesome' ; 
    content: "\f107";
    position: absolute;
    top: 40%;
    right: 0px;
    width: 20px;
    height: 20px;
    margin-top: -8px;
    pointer-events: none;
}
#kndpbox .u_boxTimeDesign .arr_arrivalAirport_text_td{
    font-size:1em;
}
#kndpbox .u_boxTimeDesign dd.is_hotelArea{
    margin-bottom:10px;
}
#kndpbox .u_boxTimeDesign dd.days select#l_month1,#kndpbox .u_boxTimeDesign dd.days select#l_month2{
    width:8em;
}
#kndpbox .u_boxTimeDesign dd.days select#l_day1,#kndpbox .u_boxTimeDesign dd.days select#l_day2{
    width:4em;
}
#kndpbox .u_boxTimeDesign dd.days select.sel_wide{
    width:5em;
}
#kndpbox .u_boxTimeDesign dd.air select{
    width:14em;
}
#kndpbox .u_boxTimeDesign dd.is_hotelSubArea{
    margin-left:4.85em;
}
#kndpbox .u_boxTimeDesign h4{
    background-color:#ededed;
    padding:3px 10px;
    margin-bottom:10px;
}
#kndpbox .kndpbox_inner_timedesign .notes h4.td-btn{
    border: 1px solid #a9a9a9;
    padding:5px;
    cursor: pointer;
    margin: 10px 0 0 0;
    position:relative;
}
#kndpbox .kndpbox_inner_timedesign .notes h4.td-btn:after, 
#kndpbox .kndpbox_inner_timedesign .notes h4.td-btn.active:after {
    font-size: 1.2em;
    margin-left: 20px;
    position:absolute;
    top:5px;
    right:10px;
}
#kndpbox .kndpbox_inner_timedesign .notes h4.td-btn.active::after {
    content: '\f0d8';
    font-family: 'FontAwesome' ; 
}
#kndpbox .kndpbox_inner_timedesign .notes h4.td-btn::after {
    content: '\f0d7';
    font-family: 'FontAwesome' ; 
}
#kndpbox .timedesign p.is_powerBy {
    margin-top: 10px;
    text-align: right;
}
#kndpbox .timedesign .is_powerBy span {
    font-weight: bold;
    font-size: 11px;
}
#kndpbox .timedesign p.is_powerBy img{
    vertical-align: middle;
}
#kndpbox .timedesign .notes {
    background: #f4f4f4;
    font-size: 0.9em;
    line-height: 1.7em;
    margin-top:10px;
}
#kndpbox .timedesign .notes .info{
    padding:10px;
}
#kndpbox .timedesign .notes .info dt{
 font-weight:bold;
}
#kndpbox .timedesign .notes .info dd{
 margin-bottom:10px;
}
#kndpbox .timedesign div.btn_dp_search p {
    font-size: 0.9em;
    color: #666666;
    line-height:1.2;
    margin-bottom:10px;
}
#kndpbox .timedesign .u_commonButtonBlue {
    width: 50%;
    margin: 20px auto;
    display: block;
    padding: 5px 0 5px 0;
    background: #149329;
    border: none;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 1px 0.5px 0 #ddd;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
}
#kndpbox .timedesign .u_commonButtonBlue:hover{
    opacity: 0.7;
    text-decoration: none;
}

#ttcontainer{
    width:100%;
  display: inline-flex;
   flex-wrap: wrap;
  justify-content: space-around;
  align-content:flex-end; 
}

/*â˜…è¿½åŠ ã“ã“ã¾ã§*/