@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&family=Open+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Round');


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■共通
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
html{
	font-size: 62.5%;
}
#usj{
  color: #000;
  font-size: 1.5rem;
  line-height: 1.73;
}
@media only screen and (max-width: 767px) {
	#usj{
		font-size: 1.4rem;
		line-height: 1.57;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■キャラクタールーム全体
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#obeya * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#obeya {
    overflow: hidden;
}

#obeya #info_sec {
    padding-top: 20px;
}
@media only screen and (max-width: 767px) {
    #obeya #info_sec {
        padding-top: 23px;
    }
}

#obeya #info_sec .stay {
    max-width: 710px;
    margin: 18px auto 30px;
}
@media only screen and (max-width: 767px) {
    #obeya #info_sec .stay {
        width: 100%;
        margin: 10px auto;
    }
}

#obeya #info_sec .stay a {
    color: #fff;
    font-size: 1.7rem;
    background: url(../images/ico_arrow01.png) no-repeat right 14px center #FF519B;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    padding: 20px 30px;
    display: block;
    line-height: 1.2;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    #obeya #info_sec .stay a {
        display: block;
        line-height: 1.2;
        padding: 15px 25px;
        font-size: 1.5rem;
        -webkit-background-size: 6px auto;
        background-size: 6px auto;
        font-weight: 700;
    }
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■obeya_main_vs
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#obeya_main_vs {
    text-align: center;
    padding: 30px 0 25px;
    min-height: 280px;
    background: #fdc4b6;
    position: relative;
    z-index: 0;
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs {
        padding: 31px 0 10px;
        min-height: 290px;
    }
}

#obeya_main_vs:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/main_bg.png) no-repeat center bottom;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs:after {
        background-image: url(../images/sp/main_bg.png);
        -webkit-background-size: cover;
        background-size: cover;
    }
}

#obeya_main_vs .hd {
    display: flex;
    justify-content: center;
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs .hd {

    }
}
@media only screen and (max-width: 370px) {
    #obeya_main_vs .hd {

    }
}


#obeya_main_vs h1 {
    text-align: center;
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs h1 {
        margin-bottom: 13px;
        padding: 0 15px;
    }
}

#obeya_main_vs h1 img.pcCont {
    display: inline-block;
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs h1 img.pcCont {
        display: none;
    }
}

/* SP用の画像表示設定 */
@media only screen and (max-width: 767px) {
    #obeya_main_vs h1 img.spCont {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }
}

#obeya_main_vs .txt {
    color: #1259BA;
    font-size: 1.6rem;
    margin-top: -2px;
    line-height: calc(24/16);
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs .txt {
        font-size: 1.5rem;
        line-height: calc(21 / 15);
    }
}

#obeya_main_vs .stay {
    max-width: 710px;
    margin: 22px auto 0;
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs .stay {
        width: 100%;
        margin: 10px auto 0;
        padding: 0 30px;
    }
}

#obeya_main_vs .stay a {
    color: #fff;
    font-size: 1.7rem;
    background: url(../images/ico_arrow01.png) no-repeat right 14px center #FF519B;
    background-size: 7px auto;
    padding: 20px 30px;
    display: block;
    line-height: 1.2;
    font-weight: 700;
}
@media only screen and (max-width: 767px) {
    #obeya_main_vs .stay a {
        display: block;
        background: url(../images/ico_arrow01.png) no-repeat right 8px center #FF519B;
        line-height: 1.2;
        padding: 12px 19px 12px 6px;
        font-size: 1.5rem;
        line-height: calc(21 / 15);
        -webkit-background-size: 8px auto;
        background-size: 8px auto;
        font-weight: 700;
    }
}
@media only screen and (max-width: 389px) {
    #obeya_main_vs .stay a {
        padding: 15px 10px;
    }
}

.stay .stay_txt{
    font-size: 1.4rem;
    display: block;
    text-align: center;
    margin-top: 7px;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
   .stay .stay_txt{
        margin-top: 5px;
    } 
}





/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■character_hotel_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#obeya_area .hotel_hd_area {
    background: #FFB45A;
    border-bottom: 5px solid #E57506;
    font-weight: 700;
    padding: 18px 0;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area {
        padding: 17px 0 18px;
    }
}

#obeya_area .hotel_hd_area .innerWrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

#obeya_area .hotel_hd_area .logo {
    width: 93px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .logo {
        width: 60px;
    }
}
@media only screen and (max-width: 370px) {
    #obeya_area .hotel_hd_area .logo {
        width: 55px;
    }
}

#obeya_area .hotel_hd_area .logo img {
    width: 100%;
    height: auto;
}

#obeya_area .hotel_hd_area .txt_area {
    padding: 7px 0 0 26px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .txt_area {
        width: calc(100% - 60px);
        padding: 0 0 0 15px;
    }
}
@media only screen and (max-width: 370px) {
    #obeya_area .hotel_hd_area .txt_area {
        width: calc(100% - 55px);
        padding-left: 11px;
    }
}

#obeya_area .hotel_hd_area .sub {
    line-height: 1.2;
    color: #676767;
    font-size: 1.4rem;
    margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .sub {
        font-size: 1rem;
        margin-bottom: 7px;
    }
}
@media only screen and (max-width: 370px) {
    #obeya_area .hotel_hd_area .sub {
        font-size: 0.9rem;
    }
}

#obeya_area .hotel_hd_area .in {
    display: inline-block;
    background: rgba(255,255,255,0.9);
    padding: 5px 17px;
    border-radius: 50px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .in {
        padding: 7px 6px;
        text-align: center;
    }
    #obeya_area .hotel_hd_area .in br.spCont {
        display: inline-block;
    }
}

#obeya_area .hotel_hd_area .hotel_name {
    line-height: 1.41;
    font-size: 2.6rem;
    font-weight: 700;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .hotel_name {
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 389px) {
    #obeya_area .hotel_hd_area .hotel_name {
        font-size: 1.6rem;
    }
}

#obeya_area .hotel_hd_area .hotel_name .small {
    font-size: 1.5rem;
    margin-right: 9px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .hotel_name .small {
        font-size: 1.4rem;
        display: block;
        margin-right: 0;
    }
}

#obeya_area .hotel_hd_area .ico {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .ico {
        right: 15px;
        top: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    #obeya_area .hotel_hd_area .ico img {
        width: 70px;
        height: auto;
    }
}

/* ホテル近鉄 個別設定 */
@media only screen and (max-width: 767px) {
    #obeya_area #hotel_kintetsu .hotel_hd_area {
        padding-top: 15px;
    }
    #obeya_area #hotel_kintetsu .hotel_hd_area .in {
        padding: 4px 12px;
    }
}
@media only screen and (max-width: 350px) {
    #obeya_area #hotel_kintetsu .hotel_hd_area .in {
        padding-left: 5px;
        padding-right: 5px;
    }
    #obeya_area #hotel_kintetsu .hotel_hd_area .ico {
        right: 5px;
    }
    #obeya_area #hotel_kintetsu .hotel_hd_area .ico img {
        width: 62px;
    }
}

/* BTN */
#obeya_area .hotel_btn_area{
    margin-top: 14px;
	width: 920px;
	margin-left: 108px;
}
@media only screen and (max-width: 767px) {
	#obeya_area .hotel_btn_area{
		margin-top: 12px;
		margin-left: 0;
	}
}
#obeya_area .hotel_btn_area ul{
    display: flex;
	flex-wrap: wrap;
    margin: auto;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
	#obeya_area .hotel_btn_area ul{
		flex-direction: column;
        width: 100%;
	}
}

#obeya_area .hotel_btn_area ul li{
	min-height: 52px;
	width: calc(33.333% - 5px);
}
@media only screen and (max-width: 767px) {
	#obeya_area .hotel_btn_area ul li{
		min-height: auto;
		width: 100%;
	}
}

#obeya_area .hotel_btn_area ul li.stay{
}
@media only screen and (max-width: 767px) {
	#obeya_area .hotel_btn_area ul li.stay{
	}
}

#obeya_area .hotel_btn_area ul li.jr{
}
@media only screen and (max-width: 767px) {
	#obeya_area .hotel_btn_area ul li.jr{
		margin: 10px 0;
	}
}




/*-------------------------
block
-------------------------*/
#obeya_area .block {
    background: url(../images/block_bg.png) repeat-x left top #ffedd8;
    background-size: 190px auto;
    position: relative;
    z-index: 0;
    padding: 64px 0 60px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block {
        padding: 40px 0 46px;
    }
}



/*ラッキーフロア*/
#obeya_area #lucky_block {
    padding-top: 87px;
}
@media only screen and (max-width: 767px) {
    #obeya_area #lucky_block {
        padding-top: 60px;
    }
}

/*hd_area*/
#obeya_area .block .hd_area {
    background: rgba(255,255,255,0.9);
    z-index: 0;
    text-align: center;
    padding: 0 20px 18px;
    margin-bottom: 40px;
    position: relative;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area {
        padding: 0 15px 15px;
        margin-bottom: 32px;
    }
}

#obeya_area .block .hd_area:before,
#obeya_area .block .hd_area:after {
    content: "";
    width: 24px;
    height: 100%;
    border: 2px solid #000;
    position: absolute;
    top: -1px;
    z-index: -1;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area:before,
    #obeya_area .block .hd_area:after {
        width: 21px;
    }
}

#obeya_area .block .hd_area:before {
    border-right: none;
    left: -1px;
}

#obeya_area .block .hd_area:after {
    border-left: none;
    right: -1px;
}

#obeya_area .block .hd_area .num {
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    color: #EB3900;
    font-weight: 700;
    font-size: 3.2rem;
    letter-spacing: 0.1em;
    position: relative;
    top: -19px;
    margin-bottom: -5px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area .num {
        font-size: 2.4rem;
        top: -9px;
        margin-bottom: 3px;
    }
}

#obeya_area .block .hd_area .en {
    line-height: 1;
    margin-bottom: 3px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area .en {
        margin-bottom: 9px;
    }
}

@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area .en img {
        width: auto;
        height: 17px;
        max-width: 100%;
        max-height: auto;
    }
}

#obeya_area .block .hd_area .ttl {
    font-size: 2.2rem;
    line-height: 1.44;
    font-weight: 700;
    letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area .ttl {
        font-size: 1.8rem;
    }
}

#obeya_area .block .hd_area .img {
    position: absolute;
    top: -30px;
    right: 0;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area .img {
        top: -62px;
        right: -16px;
    }
}

@media only screen and (max-width: 767px) {
    #obeya_area .block .hd_area .img img {
        width: 118px;
        height: auto;
    }
}

#obeya_area .block .read_txt {
    text-align: center;
    margin-bottom: 37px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .block .read_txt {
        text-align: left;
        font-size: 1.5rem;
        margin-bottom: 40px;
    }
}

/*ラッキーフロア 個別設定*/
#obeya_area #lucky_block .hd_area .img {
    top: -52px;
    right: auto;
    left: 10px;
}
@media only screen and (max-width: 767px) {
    #obeya_area #lucky_block .hd_area .img {
        top: -67px;
        left: 2px;
    }
    #obeya_area #lucky_block .hd_area .img img {
        width: 110px;
    }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■hotel_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#obeya_area .hotel_list {
    max-width: 1080px;
    margin: 0 auto;
}

#obeya_area .hotel_list > li {
    margin-bottom: 30px;
    background: #fff;
    padding: 30px 30px 18px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.16);
    box-shadow: 0 0 6px rgba(0,0,0,0.16);
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list > li {
        margin-bottom: 20px;
        padding: 15px 13px;
        border-radius: 6px;
        display: block;
    }
}

#obeya_area .hotel_list > li:last-of-type {
    margin-bottom: 0;
}

#obeya_area .hotel_list .img_area {
    width: 490px;
    line-height: 1.2;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .img_area {
        width: 100%;
        margin-bottom: 10px;
    }
}

#obeya_area .hotel_list .img_area .img {
    margin-bottom: 5px;
    text-align: center;
    background: #F4F4F4;
}

#obeya_area .hotel_list .img_area img {
    width: 100%;
    height: auto;
}

#obeya_area .hotel_list .img_area .box img {
    max-width: 343px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .img_area .box img {
        max-width: inherit;
    }
}

#obeya_area .hotel_list .img_area .box + .box {
    margin-top: 10px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .img_area .box + .box {
        margin-top: 15px;
    }
}

#obeya_area .hotel_list .caption {
    font-size: 1.2rem;
    font-weight: 400;
    position: relative;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .caption {
        font-size: 1rem;
    }
}

#obeya_area .hotel_list .caption .ico {
    position: absolute;
    top: -2px;
    right: 0;
}

#obeya_area .hotel_list .caption .ico img {
    width: auto;
    height: 29px;
}

#obeya_area .hotel_list .txt_area {
    width: 500px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .txt_area {
        width: 100%;
        padding: 0 5px;
    }
}

#obeya_area .hotel_list .name {
    font-size: 2rem;
    color: #EB3900;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .name {
        font-size: 1.7rem;
        margin-bottom: 10px;
    }
}

#obeya_area .hotel_list .name .label {
    font-size: 1.6rem;
    border: 1px solid #EB3900;
    border-radius: 4px;
    padding: 2px 10px 4px;
    margin-right: 12px;
    line-height: 1.2;
    display: inline-block;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .name .label {
        margin-right: 10px;
    }
}

#obeya_area .hotel_list .room_information {
    margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .room_information {
        margin-bottom: 6px;
    }
}

#obeya_area .hotel_list .room_information .port .room_name {
    font-size: 1.8rem;
    margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_list .room_information .port .room_name {
        font-size: 1.6rem;
    }
}

#obeya_area .hotel_list .room_information .port .description {
    margin-bottom: 4px;
}

#obeya_area .hotel_list .room_information .port .description span {
    margin-right: 4px;
    display: inline-block;
}

#obeya_area .hotel_list .kome {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 10px;
}

/* ボタンエリア */
#obeya_area .hotel_btn_area ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
    border: 2px solid #0368D9;
    border-radius: 50px;
    background-color: #fff;
    padding: 4px 15px 4px;
    position: relative;
    text-decoration: none;
    transition-duration: .5s;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_btn_area ul li a {
        padding: 12px 15px 12px;
    }
}

#obeya_area .hotel_btn_area ul li a:hover {
    opacity: 1!important;
}

#obeya_area .hotel_btn_area ul li a.ro:hover span,
#obeya_area .hotel_btn_area ul li a.ro:hover::before {
    opacity: .8;
}

#obeya_area .hotel_btn_area ul li a::before {
    width: 26px;
    height: 28px;
    left: 13px;
    top: 46%;
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    transition-duration: .5s;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_btn_area ul li a::before {
        width: 24px;
        height: 26px;
        left: 12px;
        top: 44%;
    }
}

#obeya_area .hotel_btn_area ul li.stay a::before {
    background: url(../images/hotel_icon1.png) no-repeat center;
    background-size: cover;
}
#obeya_area .hotel_btn_area ul li.jr a::before {
    background: url(../images/hotel_icon2.png) no-repeat center;
    background-size: cover;
}
#obeya_area .hotel_btn_area ul li.air a::before {
    background: url(../images/hotel_icon3.png) no-repeat center;
    background-size: cover;
}

#obeya_area .hotel_btn_area ul li a::after {
    width: 7px;
    height: 12px;
    background: url(../images/icon_arrow_right.png) no-repeat center;
    background-size: cover;
    right: 11px;
    top: 52%;
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
}

#obeya_area .hotel_btn_area ul li a span {
    font-size: 1.5rem;
    color: #0368D9;
    font-weight: 600;
    display: block;
    text-align: center;
    line-height: 1.4;
    margin-left: 14px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .hotel_btn_area ul li a span {
        font-size: 1.6rem;
        margin-left: 10px;
    }
}
@media only screen and (max-width: 389px) {
    #obeya_area .hotel_btn_area ul li a span {
        font-size: 1.4rem;
    }
}

/*アイテム*/
#obeya_area .item_block {
    margin: 40px auto 20px;
    max-width: 840px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block {
        margin: 30px auto 0;
    }
}

#obeya_area .item_block .item_box {
    background: #fff;
    border: 3px solid #96A7D6;
    border-radius: 6px;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block .item_box {
        padding: 15px 13px 25px;
    }
}

#obeya_area .item_block .ttl {
    width: 100%;
    text-align: center;
    background: #5773BF;
    border-radius: 4px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    padding: 7px 15px;
    line-height: 1.5;
    margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block .ttl {
        text-align: left;
        font-size: 1.6rem;
        padding: 9px 13px;
        order: 1;
    }
}

#obeya_area .item_block .txt_area {
    width: calc(100% - 400px);
    padding-right: 40px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block .txt_area {
        width: 100%;
        padding-right: 0;
        order: 3;
    }
}

/* 画像を非表示にした為、幅を100%に */
#obeya_area #hotel_port .item_block .txt_area {
    width: 100%;
} 
#obeya_area #hotel_port_vita .item_block .txt_area {
    width: 100%;
} 

#obeya_area .item_block .kome {
    margin-top: 13px;
    font-size: 1.2rem;
    line-height: 1.5;
}

#obeya_area .item_block .img_area {
    width: 400px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block .img_area {
        width: 100%;
        margin-bottom: 17px;
        order: 2;
        text-align: center;
    }
}

#obeya_area .item_block .img_area img {
    max-width: 100%;
    height: auto;
}

#obeya_area #hotel_kintetsu .item_block .img_area .img {
    border: 1px solid #C2C2C2;
    padding: 20px;
}
@media only screen and (max-width: 767px) {
    #obeya_area #hotel_kintetsu .item_block .img_area .img {
        padding: 10px 20px;
    }
}

#obeya_area .item_block.type2 {
    max-width: 1080px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block.type2 {
        display: block;
    }
}

#obeya_area .item_block.type2 .item_box {
    width: 530px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block.type2 .item_box {
        width: 100%;
    }
    #obeya_area .item_block.type2 .item_box + .item_box {
        margin-top: 20px;
    }
}

#obeya_area .item_block.type2 .txt_area {
    width: calc(100% - 224px);
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block.type2 .txt_area {
        width: 100%;
    }
}

#obeya_area .item_block.type2 .img_area {
    width: 224px;
}
@media only screen and (max-width: 767px) {
    #obeya_area .item_block.type2 .img_area {
        width: 67%;
        margin-left: auto;
        margin-right: auto;
    }
}


/*-------------------------
ホテル ユニバーサル ポート
-------------------------*/
#obeya_area #hotel_port .hotel_hd_area{
    background: #FEF39B;
    border-color: #D8BD1B;
}
#obeya_area #hotel_port .block{
	background-color: #ffffbb;
	
}


/*-------------------------
ホテル ユニバーサル ポートヴィータ
-------------------------*/
#obeya_area #hotel_port_vita .hotel_hd_area{
    background: #79ceff;
    border-color: #0690E5;
}
@media only screen and (max-width: 767px) {
    #obeya_area #hotel_port_vita .hotel_hd_area .txt_area{
        padding: 0 0 0 10px;
    }
}
@media only screen and (max-width: 767px) {
    #obeya_area #hotel_port_vita .hotel_hd_area .txt_area .hotel_name{
        letter-spacing: -0.03em;  
    }
}

#obeya_area #hotel_port_vita .block{
	background-color: #D8F2FF;
}


/*-------------------------
ザ パーク フロント ホテル アット ユニバーサル・スタジオ・ジャパン
-------------------------*/
#obeya_area #hotel_the_park_front .hotel_hd_area{
    background: #bd94f8;
    border-color: #6f51ae;
}
@media only screen and (max-width: 767px) {
    #obeya_area #hotel_the_park_front .hotel_hd_area .txt_area{
        padding: 0 0 0 10px;
    }
}

#obeya_area #hotel_the_park_front .hotel_hd_area .txt_area .hotel_name{
    margin-top: -5px;  
}
@media only screen and (max-width: 767px) {
    #obeya_area #hotel_the_park_front .hotel_hd_area .txt_area .hotel_name{
        letter-spacing: -0.03em; 
        margin-top: 0;
    }
}

#obeya_area #hotel_the_park_front .hotel_hd_area .txt_area .hotel_name .small {
    font-size: 1.8rem;
    margin-right: 0px;
    margin-top: -2px;
    display: block;
}
@media only screen and (max-width: 767px) {
    #obeya_area #hotel_the_park_front .hotel_hd_area .txt_area .hotel_name .small {
        font-size: 1.4rem;
        display: block;
        margin-right: 0;
    }
}
@media only screen and (max-width: 380px) {
    #obeya_area #hotel_the_park_front .hotel_hd_area .txt_area .hotel_name .small {
        font-size: 1.3rem;
    }
}


#obeya_area #hotel_the_park_front .block{
	background-color: #F3EBFB;
}



/*-------------------------
ツアーボタン
-------------------------*/
#obeya .hotel_btn_area.outer{
    width: 1050px;
    margin: 60px auto 0;
}

@media only screen and (max-width: 767px) {
    #obeya .hotel_btn_area.outer{
        width: 100%;
        margin: 30px auto 0;
        padding: 0 30px;
    }
}

#obeya .hotel_btn_area.outer ul li{
	min-height: 52px;
	width: calc(33.333% - 10px);
}
@media only screen and (max-width: 767px) {
	#obeya .hotel_btn_area.outer ul li{
		min-height: auto;
		width: 100%;
	}
}


/*----------------------------------------------
タブエリア
----------------------------------------------*/
.tab_area{
	padding: 25px 20px 20px;
}
@media only screen and (max-width: 767px) {
	.tab_area{
		padding: 16px 10px 9px;
	}
}
.tab_area .tx_txt{
	text-align: center;
}
.tab_area .tx_txt span{
	font-size: 2rem;
	font-weight: 700;
	color: #1C3385;
	text-align: center;
	position: relative;
	padding: 0 20px;
}
@media only screen and (max-width: 767px) {
	.tab_area .tx_txt span{
		padding: 0 15px;
	}
}
.tab_area .tx_txt span::before,.tab_area .tx_txt span::after{
	content: "";
	display: block;
    width: 1px;
    height: 26px;
	background: #1C3385;
	position: absolute;
	top: 50%;
    translate: 0 -50%;
}
@media only screen and (max-width: 767px) {
	.tab_area .tx_txt span::before,.tab_area .tx_txt span::after{
		height: 35px;
		background: #1C3385;
		top: auto;
		bottom: 0;
    	translate: 0 0%;
	}
}
.tab_area .tx_txt span::before{
	left: 0;
	transform: rotate(-30deg);
}
.tab_area .tx_txt span::after{
	right: 0;
	transform: rotate(30deg);
}
@media only screen and (max-width: 767px) {
	.tab_area .tx_txt span{
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.4;
		display: inline-block;
	}
}

.tab_area .tab_list{
	display: flex;
	justify-content: center;
	margin: 16px auto 0;
    max-width: 1120px;
}
@media only screen and (max-width: 767px) {
	.tab_area .tab_list{
		margin: 9px auto 0;
	}
}

.tab_area .tab_list li{
	width: 250px;
}
@media only screen and (max-width: 767px) {
	.tab_area .tab_list li{
		width: calc(33% - 2.5px);
	}
}

.tab_area .tab_list li.concept{
	margin: 0 35px;
}
@media only screen and (max-width: 767px) {
	.tab_area .tab_list li.concept{
		margin: 0 5px;
	}
}

.tab_area .tab_list li a{
	display: block;
	width: 100%;
}

.tab_area .tab_list li img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.tab_area .tab_list li img{
		width: 100%;
		height: auto;
	}
}