@charset "UTF-8";

.bgWt {
    position: relative;
    z-index: 1;
    background: #fff;
}
#headerArea {
    z-index: 1;
    background: #fff;
}
#footerArea {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.contents {
    margin-bottom: 0;
}
.pageTop {
    z-index: 2;
}
.socialBlock {
    padding: 30px 10px 20px;
}
article.contents .hdTitle {
    position: relative;
    z-index: 1;
}
article.contents .hdTitle .hdMap {
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 2;
    width: 100%;
}

article.contents .hdTitle .data {
    background: #f5e462;
    padding: 10px 10px 7px;
}
article.contents .hdTitle .data .txred {
    font-size: 12px;
    color: #c90000;
    font-weight: bold;
    width: 90px;
    text-align: right;
    margin-right: 5px;
    margin-top: 1px;
}
article.contents .hdTitle .data .txsmall {
    font-size: 14px;
    margin-top: -2px;
    display: block;
}
article.contents .hdTitle .data b {
    font-size: 16px;
}
.dataFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.anchorArea {
    background: #fff;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.anchorArea a {
	display: block;
	margin: 0 auto;
    max-width: 335px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.anchorArea .searchTitle {
    font-size: 24px;
		font-weight: bold;
		text-align: center;
}
.anchorArea .txtMid {
    color: #db0000;
    font-size: 16px;
		font-weight: bold;
}


article.contents .acodBlock {
    margin-top: 10px;
    -webkit-box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 30%);
            box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 30%);
    position: relative;
    z-index: 1;
}
article.contents .acodBlock:first-of-type {
    margin-top: 0;
}

article.contents .acodBlock > .heading {
    min-height: auto;
    padding: 10px 30px 10px 10px;
    /*
    border-top: 1px solid #664c00;
    border-bottom: 1px solid #664c00;
    */
    border:1px solid #9b8a59;

    background: url("../images/parts_grain_tl.png") no-repeat left top 2px / 10%, url("../images/parts_grain_br.png") no-repeat right bottom 2px / 9%;
    background-color: #f9f6ed;
}

article.contents .acodBlock > .heading > .inr {
    padding-left: 15px;
    border-left: none;
    line-height: 1.3;
    text-align: center;
    color: #ff7f00;
    font-size: 125%;
}

article.contents [class^="tglSld_icon"]:after,
[class*=" tglSld_icon"]:after {
    background: url("../images/icon_arrow01.png") no-repeat 0 0;
    background-size: 100%;
    right: 20px;
}

article.contents .tglSld_iconWT.close:after {
    background-position: 0;
}

article.contents .tglSld_iconWT.open:after {
    background-position: 0;
    -webkit-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
            transform: scale(1, -1);
    top: 40%;
}
[class^="tglSld_icon"]:after, [class*=" tglSld_icon"]:after {
    width: 9px;
    height: 6px;
}
article.contents .hotelArea{
    padding: 20px 20px 40px;
}
article.contents .hotelArea::before {
    position:fixed;
    top:0;
    left:0;
    z-index:0;
    width:100vw;
    height:100vh;
    background: url("../images/hotel_bg01.png") no-repeat top center;
    background-size:cover;
    content:"";
 }
article.contents .acodBlock > .content {
    padding: 20px;
    margin: 0 0 40px;
    background: #fff;
}

article.contents .hotelBox01 {
    position: relative;
    border: solid 1px #95825b;
    margin-bottom: 20px;
}

article.contents .hotelBox01::before,
article.contents .hotelBox01::after,
article.contents .hotelBox01 .triangle::before,
article.contents .hotelBox01 .triangle::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid #95825b;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

article.contents .hotelBox01::before{
    top: -2px;
    left: -5px;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}
article.contents .hotelBox01::after {
    top: -2px;
    right: -5px;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
}
article.contents .hotelBox01 .triangle::before {
    bottom: -2px;
    left: -5px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
article.contents .hotelBox01 .triangle::after {
    bottom: -2px;
    right: -5px;
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
}

article.contents .hotelBox01 .recoTxt01 {
    display: inline-block;
    position: absolute;
    top: -19px;
    left: -20px;
    background: url("../images/hotel_recommend.png") no-repeat center center;
    background-size: cover;
    width: 75px;
    height: 47px;
}

article.contents .hotelBox01 .name {
    font-weight: bold;
    padding: 20px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #ff7f00;
}
span.icon01 {
    position: absolute;
    right: 20px;
    top: 13px;
    width: 47px;
}

article.contents .acodBlock:nth-of-type(even) > .heading {
background-color: #f9f3d4;
}

article.contents .hotelBox01 .inner {
    padding: 0 20px 20px;
}
article.contents .hotelBox01 .inner.option {
    padding: 0 20px;
}

article.contents .hotelBox01 .point {
    border: 1px solid #db0000;
    position: relative;
    padding: 10px 10px 10px 20px;
    font-size: 88%;
    margin-top: 10px;
}

article.contents .hotelBox01 .point:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../images/icon_point01.png) no-repeat 0 0 / 100%;
    z-index: 0;
}

/* hotelOption */
article.contents .acodBlock .hotelOption,
#option .couponOption{
	background: url("../images/option_bg01.png") no-repeat center center;
	background-size: cover;
  margin: 10px -20px 0;
	padding-bottom: 1px;
}
article.contents .acodBlock .optionTitleWrap,
#option .couponOption .couponTitleWrap{
	text-align: center;
    padding: 13px 20px 10px;
}
article.contents .acodBlock .hotelOption.second .optionTitleWrap {
	padding: 0 20px 10px;
}
article.contents .acodBlock .optionTitle,
#option .couponOption .optionTitle{
	background: #001aff;
	color: #fff;
	border-radius: 50px;
	padding: 5px 10px;
    font-size: 14px;
}
article.contents .acodBlock .optionTitle.small {
    font-size: 10px;
}
article.contents .acodBlock .optionBox,
#option .couponOption .optionBox{
	background: #fbf7eb;
	padding: 15px 0;
    margin: 0 10px 15px;
}
article.contents .acodBlock .optionBox.top {
    margin: 0 9px 13px;
}
article.contents .acodBlock .optionFlex,
#option .couponOption .optionFlex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    margin-top: 10px;
}
article.contents .acodBlock .optionName01,
#option .couponOption .optionName01{
    font-size: 18px;
    color: #2f9a27;
	font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin: -5px 0 15px;
}
article.contents .acodBlock .optionImg,
#option .couponOption .optionImg{
    margin: 0 0 0 10px;
    width: 110px;
}
article.contents .acodBlock .optionImg img,
#option .couponOption .optionImg img{
	width: 100%;
	height: auto;
}
article.contents .acodBlock .optionText,
#option .couponOption .optionText{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    margin: 0 10px ;
}
article.contents .acodBlock .optionPriceBox,
#option .couponOption .acodBlock .optionPriceBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  /*justify-content: flex-end;*/
}
article.contents .acodBlock .hotelBox01 .optionPriceBox,
#option .couponOption .optionPriceBox{
	margin-top: -5px;
}
article.contents .acodBlock .optionPrice01,
#option .couponOption .optionPrice01{
	font-size: 12px;
  color: #bd0000;
}
article.contents .acodBlock .optionPrice01.children,
article.contents .acodBlock .optionPrice01.children02,
#option .couponOption .optionPrice01.children{
	position: relative;
	margin-top: -15px;
}
article.contents .acodBlock .optionPrice01.children span,
#option .couponOption .optionPrice01.children span{
	position: absolute;
    bottom: -16px;
    right: -14px;
    width: 70px;
}
article.contents .acodBlock .optionPrice01.children02 span{
	position: absolute;
    bottom: -16px;
    right: -22px;
    width: 70px;
}
article.contents .acodBlock .optionPrice02,
#option .couponOption .optionPrice02{
    font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-weight: bold;
	font-size: 22px;
	color: #bd0000;
}
article.contents .acodBlock .optionPrice02 .en,
#option .couponOption .optionPrice02 .en{
	font-size: 12px;
}
article.contents .acodBlock .btnWT.iconOther,
#option .couponOption .btnWT.iconOther{
    padding: 5px;
    width: 150px;
    margin: 12px 0 0 auto;
    min-height: unset;
    font-weight: normal;
}
article.contents .acodBlock .btnWT.iconOther span,
#option .couponOption .btnWT.iconOther span{
    color: #bd0000;
    font-size: 14px;
    padding-left: 18px;
}
article.contents .acodBlock .btnWT.iconOther .altIcon,
#option .couponOption .btnWT.iconOther .altIcon{
    width: 10px;
    height: 8px;
    top: 53%;
    left: 7px;
}
article.contents .acodBlock .hotelOption.nisekoOption {
    margin: 10px 0 20px;
}
article.contents .acodBlock .hotelOption.nisekoOption .optionPrice01 {
    width: 48px;
}
article.contents .acodBlock .hotelOption.nisekoOption .optionTitleWrap {
    padding: 6px 20px 10px;
}
.btnRD.iconDown {
    width: 100%;
    min-height: unset;
    padding: 10px 0 8px;
}

.btnRD.iconDown::after {
    width: 12px;
    height: 12px;
    background-position: -17px -51px;
    right: 14px;
    top: 55%;
    background-size: 240px 240px;
    background-image: url("/commonY15/img/sprite/icons_utility.png?v=161020");
}

article.contents #searchArea .selected_hotel {
    color: #db0000;
    font-size: 20px;
}

/* optionArea */
.optionArea {
	background: url("../images/option_bg02.png") repeat center center;
	background-size: cover;
    /* padding: 37px 0 0; */
    padding: 37px 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.optionArea > .optionTitle {
	margin: 0 auto 30px;
    padding: 0 60px;
}
.optionTitle img {
	width: 100%;
	height: auto;
}

.optionArea .optionBox {
	background: #fbf7eb;
	border: solid 1px #95825b;
	text-align: center;
	margin: 0 auto;
	padding: 20px;
    max-width: 335px;
    height: auto !important;
    width: 100%;
}
.optionArea .optionBox .optionAreaNameWrap {
	/* padding: 20px 0 5px; */
	padding: 0 0 5px;
}
.optionArea .optionBox .optionAreaName {
    background: #001aff;
    color: #fff;
    border-radius: 50px;
    padding: 5px 11px 3px;
    display: inline-block;
    font-size: 14px;
}
.optionArea .optionBox .optionName {
	color: #2f9a27;
	font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}
.optionArea .optionBox .optionName.long {
	font-size: 14px;
	line-height: 1.1;
}
.optionArea .optionBox .imgWrap {
	width: 256px;
    margin: 0 auto 20px;
}
.optionArea .textFlex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    padding: 0 28px;
}
.optionArea .textFlex,
.optionArea .optionBox .optionPrice03,
.optionArea .optionBox .optionName.long {
    width: calc(100% + 40px);
    margin-left: -20px;
}
.optionArea .optionBox .priceBox {
	font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-weight: bold;
}
.optionArea .optionBox .optionPrice01 {
	font-size: 14px;
	color: #bd0000;
}
.optionArea .optionBox .optionPrice01 span {
	font-size: 12px;
}
.optionArea .optionBox .optionPrice02 {
	font-size: 28px;
	color: #bd0000;
	line-height: 1.4;
}
.optionArea .optionBox .optionPrice02 .en {
	font-size: 18px;
}
.optionArea .optionBox .optionPrice03 {
	font-size: 12px;
    line-height: 1.2;
    margin-top: 5px;
		font-weight: bold;
}
.optionArea .btnWrap {
    padding: 15px 20px 0;
}
.optionArea .btnRD.iconOther {
    width: 100%;
    padding: 10px 0;
    min-height: unset;
}
/* .slick-dotted.slick-slider
{
    height: 509px;
} */
.optionArea .optionSlide {
    margin-top: 20px;
}
.optionArea .optionSlide .optionBox {
    margin: 0 7px;
}
.optionArea .slick-dotted.slick-slider,
.optionArea .slick-list.draggable {
    width: 309px;
}
.optionArea .slick-prev {
    left: -32px;
}
.optionArea .slick-next {
    right: -32px;
}
.optionArea .slick-dots {
    /* bottom: 30px; */
    bottom: -20px;
}
.optionArea .optionSlide .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

/*coupon*/

.optionalplan{
    background: #001aff;
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
}
#option .couponOption .optionName01 {
	margin: 0 0 15px;
}

#option .optionalplan{
	background: #001aff;
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
}
#option .optionFlex{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: 0 0 20px;
    border: solid 1px #95825b;
}
#option .couponTitleWrap{
	padding: 0 0 10px;
}
.couponPickup {
    display: inline-block;
    padding: 2px 60px;
    background: #26A53C;
    color: #fff;
    font-weight: bold;
	font-size: 1.4em;
	border-radius: 50px;
}
.couponAreaName{
	display: inline-block;
    padding: 2px 6px;
    background: #F13997;
    color: #fff;
	margin-right: 10px;
}
#option .couponAreaNameWrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	padding-bottom: 10px;
}
.ndcoupon{
	display: inline-block;
    padding: 2px 6px;
    background: #26A53C;
    color: #fff;
    font-weight: bold;
}
#option .optionArea{
	padding: 0 0 80px;
	background: none;
}
#option .optionArea .optionBox .imgWrap img {
    width: 100%;
    height: 170px;
}

#option .nameBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
#option .nameBlock .rgtSide {
    margin-top: 15px;
}
#option .nameBlock .rgtSide .txt {
    font-size: 16px;
    color: #bd0000;
		font-weight: bold;
}
#option .nameBlock .nameBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#option .nameBlock .nameBox > p {
	line-height: 1.2;
}
#option .nameBox .optionName01 {
	margin-top: 5px;
    color: #2f9a27;
    font-family: "ヒラギノ角ゴ ProN W6","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-weight: bold;
    font-size: 24px;
}
#option .nameBlock .nameBox + .txt {
	margin-top: 10px;
    text-align: left;
}
#option .nameBlock .optionPriceBox .optionPrice02 {
	font-weight: bold;
}

#option .exampleBlock {
	margin-top: 15px;
}
#option .exampleBlock .block_ttlBox {
	display: block;
	padding: 5px;
	text-align: center;
	background-color: #ff7f00;
}
#option .exampleBlock .block_ttlBox .block_ttl {
	color: #fff;
	font-weight: bold;
}
#option .exampleBlock .block_cont {
	padding: 20px;
	background-color: #fff;
}
#option .exampleBlock .block_cont img{
	width: 70%;
}
#option .exampleBlock .block_cont .exampleList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	row-gap: 20px;
	-webkit-column-gap: 20px;
	   -moz-column-gap: 20px;
	        column-gap: 20px;
}
#option .exampleBlock .block_cont .exampleList > li {
	width: 100%;
}
#option .exampleBlock .optionAreaNameWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
}
#option .exampleBlock .optionAreaNameWrap .optionAreaName {
	background: #001aff;
    color: #fff;
    border-radius: 50px;
    padding: 5px 11px 3px;
    display: inline-block;
    font-size: 14px;
}
#option .exampleBlock .optionAreaNameWrap .optionAreaName + * {
	margin-left: 5px;
}
#option .exampleBlock .optionName {
	font-size: 18px;
	font-weight: bold;
	color: #2f9a27;
	margin: 5px 0;
}
#option .exampleBlock .txt_coupon {
	font-weight: bold;
	color: #ff7f00;
}
#option .exampleBlock .txt_coupon .coupon_num {
	font-size: 18px;
}
#option .exampleBlock .exampleList .txt {
	font-weight: bold;
	font-size: 12px;
    margin-top: 5px;
}

#option .dtlBlock {
	position: relative;
}
#option .dtlBlock .period_txt {
	font-weight: bold;
	text-align: center;
    margin-top: 10px;
}
#option .dtlBlock .period_txt .period {
	font-size: 18px;
}
#option .dtlBlock .noteList {
	margin-top: 10px;
    text-align: left;
    font-size: 12px;
}
#option .dtlBlock .btnWT.iconOther {
	margin-top: 20px;
}

#option .exampleList .imgWrap {
    width: 100%;
    margin: 0 auto 10px;
}

.closetxt{
font-size:18px;
font-weight: bold;
color:#CC0000;
border:2px solid #CC0000;
padding:10px;
margin:5px;
text-align: center;
}