@charset "utf-8";
.topicbox a {padding:13px 25px 10px 12px}
.topicbox dl > dt+dd {width: 78px}
#infomation_tour{padding:0 0 4%}
#infomation_tour a:hover{opacity: 0.8}
.changeprice:before{
	position: absolute;
    content: "";
    bottom:12px;
    right:-14px;
    width: 25%;
    z-index: 999;
    background-image: url(../../img/new_iit/common/type_change.gif);
    height: 25%;
    background-size: contain;
    background-repeat: no-repeat;
}
.fixprice:before{
	position: absolute;
    content: "";
    bottom:12px;
    right:-14px;
    width: 25%;
    z-index: 999;
    background-image: url(../../img/new_iit/common/type_fix.gif);
    height: 25%;
    background-size: contain;
    background-repeat: no-repeat;
}
.doubleprice:before{
	position: absolute;
    content: "";
    bottom:34px;
    right:-15px;
    width:23%;
    z-index:999;
    background-image: url(../../img/new_iit/common/type_fix.gif);
    height:23%;
    background-size: contain;
    background-repeat: no-repeat;
}
.doubleprice:after{
	position:absolute;
    content: "";
    bottom:9px;
    right:19px;
    width:23%;
    z-index:998;
    background-image: url(../../img/new_iit/common/type_change.gif);
    height:23%;
    background-size:contain;
    background-repeat:no-repeat;
}
.tour_type {
	margin-bottom:4%;
    display:inline-block;
    letter-spacing:2px;
    width:44px;
    position:relative;
}
.rankin_div .price_type {
    position: absolute;
    left: 12px;
    bottom: 10%;
    width: 44px;
  	background-color: #fff;
  	display: block
}
.type_change {
    border: 1px solid #277612;
    color: #277612;
    padding:1px 3px 5px 27px;
}
.type_change:before {
    content: "";
    width:74px;
    border-bottom: 2px solid #277612;
    position: absolute;
    top:19px;
    left:0;
}
.type_change:after {
    background-image:url(../../img/new_iit/top/type_change2.gif);
    background-repeat:no-repeat;
    content: "";
    display:inline-block;
    background-size:contain;
    width:19px;
    height:19px;
    position:absolute;
    left:4px;
    top:1px;
}
.type_fix {
    border: 1px solid #E91E63;
    color: #E91E63;
	padding:1px 3px 5px 27px;
}
.type_fix:before {
    content: "";
    width:74px;
    border-bottom: 2px solid #E91E63;
    position: absolute;
    top:19px;
    left:0;
}
.type_fix:after {
    background-image: url(../../img/new_iit/top/type_fix2.gif);
    background-repeat: no-repeat;
    content: "";
    display:inline-block;
    background-size:contain;
    width:19px;
    height:19px;
    position:absolute;
    left:4px;
    top:1px;
}
.rankin_div{
    margin: 0;
    padding: 12px;
    border-bottom: 1px solid #B5B5B5;
    position: relative;
}
.rankin_div a{
display: block;
color: rgba(45,45,45,1.00);
text-decoration: none;
font-size: 12px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rankin_div:nth-of-type(1):before {
    content: "1";
    position:absolute;
    width:36px;
    height:36px;
    top:3px;
    left:2px;
    line-height:37px;
    background-color:#e6b422;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    border:1px solid #ffffff;
}
.rankin_div:nth-of-type(2):before {
    content: "2";
    display:block;
    position:absolute;
    width:36px;
    height:36px;
    top:8px;
    left:5px;
    line-height:37px;
    background-color:#C0C0C0;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    border:1px solid #ffffff;
}
.rankin_div:nth-of-type(3):before {
    content: "3";
    display:block;
    position:absolute;
    width:36px;
    height:36px;
    top:8px;
    left:5px;
    line-height:37px;
    background-color:#C47222;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    border:1px solid #ffffff;
}
.rankin_div:nth-of-type(4):before {
    content: "4";
    display:block;
    position:absolute;
    width:36px;
    height:36px;
    top:8px;
    left:5px;
    line-height:37px;
    background-color:#555;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    border:1px solid #ffffff;
}
.rankin_div:nth-of-type(5):before {
    content: "5";
    display:block;
    position:absolute;
    width:36px;
    height:36px;
    top:8px;
    left:5px;
    line-height:37px;
    background-color:#555;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    border:1px solid #ffffff;
}
.rankin_div img{width:36.58%;display:inline-block;vertical-align:top}
.rankin_div ul{display:inline-block;width:60%;margin-left:2%}
.rankin_div ul li.rankin_title{margin-bottom:4px;padding:0;font-size:13px;font-weight:bold}
.rankin_div ul li.rankin_area{color: rgba(112,112,112,1.00);margin-bottom:3px;font-size:10px}
.rankin_div ul li.rankin_date{margin-bottom:4px;padding-top:2px;display:inline-block;width:76px}
.rankin_div ul li.rankin_price {color: rgba(224,14,18,1.00);display:inline-block;margin-left:-9px}
.rankin_div ul li.rankin_price span {font-size:15px;padding-left:8px}



/* For headline */
#container{padding-top:78px}
.headline_newiit {
    background-color: #283593;
    margin: 0 0 20px 0;
    padding:13px 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    color:#fff
}
.headline_inner_newiit {
    margin:0 auto;
    padding:0;
    width:94%;
    font-size:14px;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    align-items:center;
}
.headline_title {
    margin: 0;
    padding: 0 2% 0 3%;
    line-height:32px;
    position: relative;
    background-color: #fff;
    color:#000
}
.headline_title::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border:16px solid transparent;
    border-left-color: #fff;
    top: 0;
    right:-32px;
    margin-left: 0;
}
.headline_info_newiit {
    margin:0;
    padding:0 0 0 26px;
    line-height:22px;
    text-align:left;
    text-decoration:underline;
}
.headline_newiit a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}
@media screen and (max-width: 479px){
    #logo img {width:121px;}
    #btn_pc img {width:50px}
}
#dnavi[selected="true"] {padding-top:70px}
/* For headline_end */

/* For plan */
p.static_plan a , p.dynamic_plan a {text-decoration:underline;color:#fff}
p.dynamic_plan {
    background: #00BCD4;
    text-align: center;
    line-height: 30px;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}
p.static_plan {
color: #fff;
background: #03A9F4;
text-align: center;
line-height: 30px;
padding: 5px 0;
position: fixed;
width: 100%;
z-index: 99;
}
#new_container {top:40px}
#new_container a {text-decoration: none}
.empty__selecter{display:block}
.empty__selecter dl {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    background-color: #E3F2FD;
    padding: 10px 0;
}
.empty__selecter dl:before {
    content: "1.";
    font-size: 20px;
    color: #1d7caf;
    outline-style: none;
    padding-left: 3%;
}
.empty__selecter dl dt {
    display: inline-block;
    font-weight: bold;
    padding: 0;
    font-size: 16px;
}
.empty__selecter dd {display:inline-block;margin-left:5%}
.deperture_ul {list-style:none}
.ui-datepicker select.ui-datepicker-year,.ui-datepicker select.ui-datepicker-month {
    background-color: transparent;
    color: inherit;
    font-weight: bold;
    border: none;
    width:64px;
}
.empty__cal_desc {
    border-top: #eee solid 1px;
    border-bottom: #eee solid 1px;
    padding: 8px 12px;
}
.empty__cal_desc li {
    display: inline-block;
    font-size: 0.75rem;
    color: #666;
}
.empty__cal_desc li:nth-of-type(1) {
    margin-right: 16px;
}
.empty__cal_desc li:nth-of-type(2) {
    margin-right: 8px;
    width: 50px;
}
.empty__cal_desc li:nth-of-type(3) {
    margin-right: 46px;
}
.inner {
    padding: 12px;
    font-size: 14px
}
.empty__cal_item .item_day {
    color: #666;
    display: inline-block;
    width: 40px;
    text-align: left;
}
.empty__cal_item:after {
    content: '';
    width:10px;
    height:10px;
    border:0px;
    border-top:solid 2px #1E88E5;
    border-right:solid 2px #1E88E5;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    top:50%;
    right:5px;

}
.empty__cal_item .item_price {
    font-size: 1.1rem;
    min-width: 100px;
    text-align: left;
}
.empty__cal_item .item_price span {
  font-size: 0.9rem;
  margin-left: 2px;
}

.empty__cal_item .item_child {
    font-size: 1.2rem;
    width: auto;
    text-align: left;
}
ol, ul {
    list-style: none;
}
#step1 {
    padding-top:0;
}
input.inputform_item01 {
    padding: 3% 0 2% 24%;
    background-image: url(../../img/common/icon_g_date.png);
    width: 92%;
}
.empty__cal_item .item_day {
    color: #666;
    display: inline-block;
    width: 40px;
    text-align: left;
}
.empty__cal_item .item_day span {
    font-size: 60%;
    margin-left: 2px;
}
.empty__cal_item .item_status {
    width: 50px;
    padding: 6px 0px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    margin-right: 12px;
}
.empty__cal_item.-available .item_status {
    background: #1E88E5;
}
.empty__cal_item .item_child {
    font-size: 0.8rem;
    width: auto;
    text-align: left;
}
.empty__cal_item .item_child th {padding: 2px 8px 2px 0;font-weight: normal}
.empty__cal_item.-available::after, .empty__cal_item.-available .item_price {color: #1E88E5}
button, [type="button"], [type="reset"], [type="submit"], [role="button"] {cursor: pointer;}
button {width: 100%;-webkit-appearance: none}
button, input,/*  select, */ textarea {background-color: transparent;border-style: none;color: inherit}
.empty__cal_list {margin-bottom:5%}
.empty__cal_item {
  position: relative;
  height: 65px
}

.empty__cal_item:not(:last-child) {
  border-bottom: #eee solid 1px;
  height: 65px
}
.empty__cal_item > a,
.empty__cal_item > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  padding: 16px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.empty__cal_item .item_day {
  color: #666;
  display: inline-block;
  width: 40px;
  text-align: left;
}
.empty__cal_item .item_day span {
  font-size: 60%;
  margin-left: 2px;
}
.empty__cal_item .item_status {
  width: 50px;
  padding: 6px 0px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  margin-right: 12px;
}
@media (max-width: 320px) {
  .empty__cal_item .item_status {font-size: 1.2rem;padding: 4px;margin-right: 8px}
}
@media (min-width: 768px) {
  .empty__cal_item .item_status {
    width: 80px;
    margin-right: 24px;
  }
}
@media (max-width: 320px) {
  .empty__cal_item .item_price {min-width:auto;margin-right:8px;font-size:1.4rem}
}
.empty__cal_item .item_child th {padding: 2px 8px 2px 0}
.empty__cal_item.-available::after,
.empty__cal_item.-ask::after,
.empty__cal_item.-ask .item_price {color:#004EA2}
.empty__cal_item.-ask .item_status {background:#004ea2}
.empty__cal_item.-notAvailable {pointer-events:none}
.empty__cal_item.-notAvailable::after {content:none}
.empty__cal_item.-notAvailable .item_status {background:#999}
.empty__cal_item.-notAvailable .item_price {color:#999}
/* For plan_end */

/* menu For old sp */
.hdr__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
button {
    width: 100%;
    -webkit-appearance: none;
}
.hdr__btn {
    color: #004ea2;
    font-size: 1rem;
    margin-left: 15px;
}
.hdr__btn_hbg {
    width: 18px;
    height: 15px;
    margin: 0 auto 5px;
    position: relative;
    display: block;
}
.hdr__btn_hbg span {
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 100px;
    background: #004ea2;
    position: absolute;
}
.hdr__btn_hbg span:nth-of-type(1) {
    top: 0;
}
.hdr__btn_hbg span:nth-of-type(2) {
    top: 50%;
    margin-top: -2px;
}
.hdr__btn_hbg span:nth-of-type(3) {
    bottom: 0;
}

/* menu For old sp end*/