/*othp_read*/
.othp_read {
    margin-bottom: 60px;
}
.othp_read h1 {
    padding: 0;
    margin: 0 0 50px;
}
.othp_read h1 img {
    display: block;
}
.othp_readTxt {
    position: relative;
    padding: 0 2.5em;
}
.othp_readTxt p {
    line-height: calc(46 / 26);
    font-size: calc(13 / 375 * 100vw);
}
.othp_readTxt p + p {
    margin-top: 1.2em;
}
.othp_readTxt p strong {
    color: #78276b;
    background: #fff0f5;
    font-weight: bold;
}
.othp_readTxt img {
    position: absolute;
}
.othp_readImg_nui {
    width: 35px;
    left: 10px;
    top: -40px;
}
.othp_readImg_pl {
    width: 35px;
    right: 20px;
    bottom: 0;
}

/*othp_contents*/
.othp_contents {
    margin-bottom: 50px;
}
.othp_contents h2 {
    width: 95%;
    margin: 0 auto 20px;
    position: relative;
}
.othp_contents_h2Ico {
    position: absolute;
}
.othp_contentsTxt {
    margin-bottom: 50px;
}
.othp_contentsTxt_img01 {
    width: 85%;
    margin: 0 auto 35px;;
}
.othp_contentsTxt_txt p {
    width: 90%;
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(46 / 26);
    box-sizing: border-box;
    background: #e2e7ed;
    margin: 0 auto;
    position: relative;
    padding: 1.5em 2.5em;
    display: flex;
    justify-content: center;
}
.othp_contentsTxt_txt p::before ,
.othp_contentsTxt_txt p::after {
    position: absolute;
    content:'';
    background: #78256b;
}
.othp_contentsTxt_txt p::before {
    width: 1px;
    height: 90%;
}
.othp_contentsTxt_txt p::after {
    width: 95%;
    height: 1px;
}
.othp_contentsTxt_txt img {
    display: block;
    width: 85%;
    margin: -20px auto;
    position: relative;
}
.othp_contentsImg {
    width: 85%;
    margin: 0 auto 30px;
}
.othp_slide .bx-wrapper {
    width: 100% !important;
    margin-bottom: 0 !important;
    position: relative;
}
.othp_slide .bx-prev ,
.othp_slide .bx-next {
	position: absolute;
	display: block;
	top: 50%;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}
.othp_slide .bx-prev {
	background: url(/img/event/freespace/jewelnarose/otahapi/sp_arrow_l.png)no-repeat left top;
    background-size: 100% auto;
    left: 0;
}
.othp_slide .bx-next {
	background: url(/img/event/freespace/jewelnarose/otahapi/sp_arrow_r.png)no-repeat left top;
    background-size: 100% auto;
    right: 0;
}
.othp_slide dl {
    width: 90%;
    margin: 0 auto;
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents_bg_middle.png) repeat-y top left;
    background-size: 100% auto;
}
.othp_slide dt {
    padding: 24% 0 0;
}
.othp_slide dt img {
    display: block;
    width: 75%;
    margin: 0 auto;
    border: 3px solid #fff;
    box-sizing: border-box;
}
.othp_slide dd {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents_bg_under.png) no-repeat bottom left;
    background-size: 100% auto;
    padding: 1em 1em 1em;
    box-sizing: border-box;
    min-height: 8em;
}
.othp_slide dd p {
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(46 / 26);
    text-align: center;
}

/*contents01*/
.contents01 .othp_contents_h2Ico {
    width: 40px;
    left: 0;
    bottom: 15px;
}
.contents01 .othp_contentsTxt_txt p::before {
    left: 15px;
    top: -10px;
}
.contents01 .othp_contentsTxt_txt p::after {
    right: -5px;
    top: -15px;
}
.contents01 .othp_slide01 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents01_point01.png) no-repeat top left;
    background-size: 100% auto;
}
.contents01 .othp_slide02 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents01_point02.png) no-repeat top left;
    background-size: 100% auto;
}
.contents01 .othp_slide03 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents01_point03.png) no-repeat top left;
    background-size: 100% auto;
}
.contents01 .othp_slide04 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents01_point04.png) no-repeat top left;
    background-size: 100% auto;
}

/*contents02*/
.contents02 .othp_contents_h2Ico {
    width: 30px;
    right: 0;
    bottom: -10px;
}
.contents02 .othp_contentsTxt_txt p::before {
    right: 15px;
    top: -10px;;
}
.contents02 .othp_contentsTxt_txt p::after {
    left: -5px;
    top: -15px;
}
.contents02 .othp_slide01 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents02_point01.png) no-repeat top left;
    background-size: 100% auto;
}
.contents02 .othp_slide02 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents02_point02.png) no-repeat top left;
    background-size: 100% auto;
}
.contents02 .othp_slide03 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents02_point03.png) no-repeat top left;
    background-size: 100% auto;
}
.contents02 .othp_slide04 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents02_point04.png) no-repeat top left;
    background-size: 100% auto;
}

/*contents03*/
.contents03 .othp_contents_h2Ico {
    width: 40px;
    left: 40px;
    bottom: 20px;
}
.contents03 .othp_contentsTxt_txt p::before {
    left: 15px;
    top: -10px;;
}
.contents03 .othp_contentsTxt_txt p::after {
    right: -5px;
    top: -15px;
}
.contents03 .othp_slide01 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents03_point01.png) no-repeat top left;
    background-size: 100% auto;
}
.contents03 .othp_slide02 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents03_point02.png) no-repeat top left;
    background-size: 100% auto;
}
.contents03 .othp_slide03 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents03_point03.png) no-repeat top left;
    background-size: 100% auto;
}
.contents03 .othp_slide04 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents03_point04.png) no-repeat top left;
    background-size: 100% auto;
}

/*contents04*/
.contents04 .othp_contents_h2Ico {
    width: 30px;
    right: 0;
    bottom: -10px;
}
.contents04 .othp_contentsTxt_txt p::before {
    right: 15px;
    top: -10px;;
}
.contents04 .othp_contentsTxt_txt p::after {
    left: -5px;
    top: -15px;
}
.contents04 .othp_slide01 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents04_point01.png) no-repeat top left;
    background-size: 100% auto;
}
.contents04 .othp_slide02 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents04_point02.png) no-repeat top left;
    background-size: 100% auto;
}
.contents04 .othp_slide03 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents04_point03.png) no-repeat top left;
    background-size: 100% auto;
}
.contents04 .othp_slide04 {
    background: url(/img/event/freespace/jewelnarose/otahapi/sp_contents04_point04.png) no-repeat top left;
    background-size: 100% auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
	background: url(/img/event/freespace/jewelnarose/otahapi/sp_arrow_l.png)no-repeat left top;
    background-size: 100% auto;
    left: 0 !important;
    right: auto !important;
    text-indent: -9999px;
	width: 40px !important;
	height: 40px !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
	background: url(/img/event/freespace/jewelnarose/otahapi/sp_arrow_r.png)no-repeat left top;
    background-size: 100% auto;
    right: 0 !important;
    left: auto !important;
    text-indent: -9999px;
	width: 40px !important;
	height: 40px !important;
}