@charset 'UTF-8';

.pagetop_pc{
    display: block;
}
.pagetop_sp{
    display: none;
}


/* mv */
.mv {
    background-image:url(../images/mv_bg_pc.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}
.container{
    width: 960px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    box-sizing: border-box;
}
.title_pc {
    padding: 50px 0 20px;
}
.mv_video {
    max-width: 80%;
    margin: 0 auto;
    position: relative;
}
.mv_video.pc video {
    width: 100%;
}
.youtube-area{
    padding-top: 56.25%;
}
/* .pad_top{
    padding-top: 56.25%;
} */
.mv_video iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
p.logo {
    text-align: right;
    padding: 10px 97px 0 0;
}
.btn_tour_anchor.pc {
    top: 300px;
    right: 10px;
    position: fixed;
    z-index: 9999;
    display: none;
}
.btn_tour_anchor.sp {
    display: none;
}
p.btn_tour_anchor a{
    display: block;
}
p.mv_description {
    padding: 30px 0;
    line-height: 2em;
    font-size: 16px;
}
p.mv_description span:nth-of-type(1) {
    color: #f9306a;
}
.slider{
    background-color: #ffe825;
}
.slider button{
    display: none!important;
}
.slider li{
    padding: 5px 2.5px;
}
.slider li img{
    width: 100%;
}
.slick-dots{
    display: none!important;
}

/* busanboys */
.busanboys {
    background-image: url(../images/boys_bg.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-bottom: 6px solid #f6f6f6;
    padding-bottom: 45px;
}
.boys_image_box {
    display: flex;
    justify-content: space-between;
}
.boys_image{
    position: relative;
    font-size: 13px;
    line-height: 1;
 }
 .boys01_prof_btn:before,
 .boys02_prof_btn:before,
 .boys03_prof_btn:before,
 .boys04_prof_btn:before {
    content: "";
    position: absolute;
    background-image: url(../images/icon_movie.png);
    background-repeat: no-repeat;
    background-size: 25px 19px;
    width: 39px;
    height: 33px;
    bottom: -5px;
    left: 29px;
}
.boys_image:nth-of-type(3) {
    padding-top: 30px;
}
.boys01_prof{
    position: absolute;
    width: 240px;
    height: 320px;
    background-image: url(../images/boys01_prof_bg.png);
    background-repeat: no-repeat;
    left: -5px;
    bottom: 24px;
}
.boys02_prof{
    position: absolute;
    width: 240px;
    height: 320px;
    background-image: url(../images/boys02_prof_bg.png);
    background-repeat: no-repeat;
    left: -15px;
    bottom: 51px;
}
.boys03_prof{
    position: absolute;
    width: 240px;
    height: 320px;
    background-image: url(../images/boys03_prof_bg.png);
    background-repeat: no-repeat;
    left: 2px;
    bottom: 38px;
}
.boys04_prof{
    position: absolute;
    width: 240px;
    height: 320px;
    background-image: url(../images/boys04_prof_bg.png);
    background-repeat: no-repeat;
    bottom: 57px;
}
p.prof_name {
    padding: 52px 35px 0 0;
    text-align: right;
}
/* .boys02_prof p.prof_name {
    padding-right: 50px;
} */
p.prof01 {
    text-align: left;
    color: #fff;
    padding: 11px 0 0 37px;
    font-weight: bold;
}
.boys02_prof p.prof01 {
    padding-left: 33px;
}
.boys03_prof p.prof01,
.boys04_prof p.prof01 {
    padding-left: 39px;
}
p.prof02 {
    text-align: left;
    color: #fff;
    padding: 9px 0 0 29px;
    font-weight: bold;
}
.boys02_prof p.prof02 {
    padding-left: 26px;
}
.boys03_prof p.prof02,
.boys04_prof p.prof02 {
    padding-left: 32px;
}
p.prof03 {
    text-align: left;
    color: #fff;
    padding: 9px 0 0 35px;
    font-weight: bold;
}
.boys02_prof p.prof03 {
    padding-left: 32px;
}
.boys03_prof p.prof03,
.boys04_prof p.prof03 {
    padding-left: 38px;
}
p.prof04 {
    width: 197px;
    padding: 15px 0 10px 22px;
    text-align: left;
    line-height: 1.4em;
}
.boys02_prof p.prof04 {
    padding-bottom: 10px;
}
.boys04_prof p.prof04 {
    padding-bottom: 26px;
}
p.prof01 span{
    color: #000;
    padding-left: 37px;
    font-weight: normal;
}
p.prof02 span{
    color: #000;
    padding-left: 32px;
    font-weight: normal;
}
p.prof03 span{
    color: #000;
    padding-left: 38px;
    font-weight: normal;
}
#sec02 .boys01_prof_btn,
#sec02 .boys02_prof_btn,
#sec02 .boys03_prof_btn,
#sec02 .boys04_prof_btn{
    position: relative;
    color: #fff;
    padding: 10px 30px 10px 60px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0, 0.2);
    font-weight: bold;
    width: 183px;
    margin: 0 auto;
    box-sizing: border-box;
}
.boys01_prof_btn{
    background-color: #5fc9cd;
}
.boys02_prof_btn{
    background-color: #a895ed;
}
.boys03_prof_btn{
    background-color: #0bc5f3;
}
.boys04_prof_btn{
    background-color: #ffc925;
}
/* .busanboys .video{
    width: 640px;
    margin: 0;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
} */
.video p img{
    width: 100%;
}
.video--type-modal::after{
    content: none;
}
.video--type-modal:focus, .video--type-modal:hover {
    opacity: initial;
}
.video{
    position: relative;
}
.video p::before,
.panel_area .panel_movie::before {
    content: "";
    background: url(../images/movie_start01.png);
    position: absolute;
    background-size: 70px;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.8;
}
.video p:hover::before,
.panel_area .panel_movie:hover::before {
    content: "";
    background: url(../images/movie_start01_hover.png);
    background-size: 70px;
    opacity: 1;
}
/* spot&gourment */
.spot_gourmet{
    background-image: url(../images/spot_bg.png);
    background-repeat: repeat-x;
    border-bottom: 6px solid #f6f6f6;
    padding-bottom: 30px;
}
#sec03 h2{
    margin-bottom: 40px;
}
.spot_images_area {
    display: flex;
    flex-wrap: wrap;
}
.spot_image_box {
    padding-bottom: 40px;
}
p.spot_image_description {
    padding-top: 10px;
    font-size: 14px;
}

/* map */
.map {
    background-image: url(../images/map_bg.png);
    background-size: cover;
    background-position: top center;
    padding: 50px 0 200px;
    border-bottom: 6px solid #f6f6f6;
}
.map_area {
    position: relative;
}
.maplists{
    position: absolute;
    top: 0;
}
.maplists li{
    position: absolute;
}
.maplists li.active{
    opacity: 0;
}

.maplists li img:nth-of-type(1) {
    width: 34px;
    height: 26px;
    margin-right: 10px;
}
.maplists li img:nth-of-type(2) {

}
.maplists li img:nth-of-type(3) {
    position: absolute;
    left: 104px;
    top: 2px;
}
.maplists li img:nth-of-type(4) {
    position: absolute;
    left: 104px;
    top: 1px;
    opacity: 0;
}
.maplists li.active img:nth-of-type(2),
.maplists li.active img:nth-of-type(4){
    opacity: 1!important;
}
.maplists li.active:hover{
    cursor: pointer;
    opacity: 1!important;
}
.maplists li:hover img:nth-of-type(2),
.maplists li:hover img:nth-of-type(4){
    opacity: 1;
}
li.maplist01 {
    top: 398px;
    left: 104px;
    width: 141px;
}
li.maplist02 {
    top: 327px;
    left: 50px;
    width: 204px;
}
li.maplist03 {
    top: 221px;
    left: 173px;
    width: 208px;
}
li.maplist04 {
    top: 149px;
    left: 516px;
    width: 159px;
}
li.maplist05 {
    top: 62px;
    left: 699px;
    width: 145px;
}
li.maplist06 {
    top: 294px;
    left: 690px;
    width: 160px;
}
li.maplist07 {
    top: 370px;
    left: 569px;
    width: 159px;
}
li.maplist08 {
    top: 359px;
    left: 329px;
    width: 128px;
}
li.maplist09 {
    top: 489px;
    left: 318px;
    width: 214px;
}
li.maplist10 {
    top: 576px;
    left: 322px;
    width: 114px;
}
li.maplist11 {
    top: 658px;
    left: 308px;
    width: 177px;
}
li.maplist12 {
    top: 756px;
    left: 265px;
    width: 161px;
}
.panel_area {
    position: absolute;
    width: 368px;
    height: 438px;
    top: 421px;
    right: -4px;
    background-color: #fff;
    padding: 26px 34px;
    text-align: left;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.4);
}
p.panel_movie {
    position: relative;
}
.bg_01{
    border: 4px solid #5fc9cd;
}
.bg_02{
    border: 4px solid #a895ed;
}
.bg_03{
    border: 4px solid #0bc5f3;
}
.bg_04{
    border: 4px solid #ffc925;
}
.panel_area img {
    width: 100%;
}
.panel_area iframe {
    width: 100%;
    height: 165px;
}
h3.panel_title {
    color: #fc326d;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
}
p.panel_txt {
    font-size: 14px;
    padding-top: 11px;
    line-height: 1.7em;
    color: #2e2e2e;
}

/* recommended */
.recommended {
    padding: 60px 0 0;
    background-image: url(../images/bg_recommended.png);
    background-size: contain;
    background-position: 0 90px;
    background-repeat: no-repeat;
}
.recommended a.btn{
    padding: 20px 100px;
}
.recommended a.btn,
.branch_infomation a.btn{
    position: relative;
    background-color: #ffe825;
    display: inline-block;
    border-radius: 7px;
    color: #505050;
    font-size: 24px;
    font-weight: bold;
}

.branch_infomation a.btn {
    padding: 10px 80px;
    font-size: 18px;
}
.recommended a.btn:after,
.branch_infomation a.btn:after {
    content: "";
    position: absolute;
    background-image: url(../images/icon_newwindow.png);
    background-size: 20px 24px;
    background-repeat: no-repeat;
    width: 28px;
    height: 32px;
    right: 10px;
}
.branch_infomation a.btn:after{
    background-size: 16px 20px;
}
ul.serch {
    padding: 60px 30px;
    display: flex;
    justify-content: space-between;
}
ul.serch.sp {
    display: none;
}
ul.serch li {
    text-align: left;
}
ul.serch li a {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    color: #000;
    text-decoration: none;
}
ul.serch li a img {
    width: 16px;
    margin-left: 20px;
}
#product .section__container {
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
}
.slick-list.draggable {
    margin-bottom: 20px;
}
#product .grid-col3 {
    padding: 8px 11px 8px 8px;
    margin: 0 5px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 399px;
}
.grid-col__link{
    position: relative;
}
.grid-col__body {
    text-align: left;
    color: #2e2e2e;
}
.grid-col__link:hover {
    opacity: .5;
    text-decoration: none;
}
p.itemTitle {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    line-height: 1.3em;
}
p.itemDescription {
    font-size: 14px;
}
.js-gridCarousel--col3 > div.grid-col3:nth-of-type(6) p.itemTitle {
    font-size: 15px;
}
.bg01 {
    background-image: url(../images/product_bg01.png);
}
.bg02 {
    background-image: url(../images/product_bg02.png);
    background-repeat: no-repeat;
}
p.price {
    color: #fd0002;
    position: absolute;
    bottom: 7px;
    right: 4px;
    font-weight: bold;
    font-size: 23px;
}
.gridCarousel__dots li.slick-active button {
    background: #2e2e2e;
}

/* support */
.support {
    background-image: url(../images/support_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 40px 0;
}
.branch_box {
    display: flex;
    justify-content: center;
    background: rgba(255,255,255,0.8);
    padding: 30px 0;
}
p.branch_img {
    max-width: 300px;
    margin-right: 30px;
}
p.branch_img img {
    width: 100%;
}
.branch_infomation {
    text-align: left;
}
.branch_infomation h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.branch_infomation p {
    font-size: 16px;
    margin-left: 11px;
    margin-bottom: 10px;
}
.branch_infomation p:nth-last-of-type(1) {
    margin-bottom: 33px;
}

/* その他 */
p#pageTop a img.pagetop_pc {
    width: 100%;
}
.sp{
    display: none;
}
.pc{
    display: block;
}

/* headfoot に関する修正 */
#wrapper {
    font-family: Arial, Helvetica, sans-serif;
}
:is(.header-new, .footer-new) a {
    text-decoration: none;
}

/* searchAppに関する修正 */
#searchApp {
    font-family: "Noto Sans JP", sans-serif;
}
#searchApp .rn-searchMod__buttonSearch,
#searchApp .rn-searchMod__formDomLink {
    color: #fff;
}
#searchApp a:link {
    text-decoration: none;
}
.main .rn-searchMod__navListButton {
    color: #333;
}
#searchApp .rn-searchMod__formTitle {
    text-align: inherit;
}
#searchApp .rn-searchMod__toggle {
    color: #333;
}
#searchApp {
    padding: 80px 0;
    background-image: url(../images/bg_recommended.png);
    background-size: 100%;
    background-position: 0 80px;
    background-repeat: no-repeat;
}

/* PC限定 */
@media screen and (min-width:959px) {
    .mfp-close:active {
        top: calc(50% - 242px);
    }
    button.mfp-close {
        top: calc(50% - 242px);
        left: calc(50% + 264px);
        background-image: url(../images/sp/icon_close.png);
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent;
        max-width: 40px;
        width: 10vw;
        position: relative;
    }
}