@charset "utf-8";  

/* Intro */
#m41_intro .intro { text-align:center ; word-break:keep-all }
#m41_intro { padding-bottom:6rem }
#m41_trip  { display:block ; width:100% ; font-size:0 ; text-align:center ; margin-top:4rem }
.m41__trip__item { 
    display:inline-block ; width:15rem ; margin:0 0.5rem 3rem ;
    position:relative
}
.m41__trip__img , .m41__trip__img > span { display:block ; border-radius:100% ; overflow:hidden }
.m41__trip__img { width:100% ; height:15rem ; padding:0.5rem ; background-color:rgba(0,0,0,0.07); }
.m41__trip__img > span { 
    border:solid 1px rgba(0,0,0,0.1) ;
    width:100% ; height:100% ;
    background:no-repeat center ; background-size:cover ;
}
.trip__item1 .m41__trip__img > span { background-image:url(../img_sub/m41_img2.jpg) }
.trip__item2 .m41__trip__img > span { background-image:url(../img_sub/m41_img15.jpg) }
.trip__item3 .m41__trip__img > span { background-image:url(../img_sub/m41_img8.jpg) }
.trip__item4 .m41__trip__img > span { background-image:url(../img_sub/m41_img11.jpg) }

.m41__trip__icon {
    display:block ; overflow:hidden ; width:4rem ; height:4rem ; border-radius:100% ;
    background:url(../img_sub/m41_icons.png) no-repeat left top #f58220 ; background-size:auto 4rem ; 
    position:absolute ; left:50% ; top:14.5rem ; transform:translate(-50%,-50%) ;
}

.m41__trip__txt {
    display:block ; padding-top:2rem ;
    font-size:1.8rem ; line-height:2.4rem ; text-align:center ; word-break:keep-all  ;
}



/* Title */
.m41__title { position:relative ; padding-top:0.2rem } 
.m41__title::before {
    display:block ; content:"" ; width:2.4rem ; height:0.3rem ;
    background-color:#eeeeee;
}
.m41__infor { background-color:rgba(0,0,0,0.07) }

#m41_sec1 .m41__title::before , #m41_sec1 .m41__infor { background-color:#005983 }
#m41_sec2 .m41__title::before , #m41_sec2 .m41__infor { background-color:#e9c46d }
#m41_sec3 .m41__title::before , #m41_sec3 .m41__infor { background-color:#f48c52 }



/* Image */
#m41__img1 , #m41__img2 , #m41__img3 , #m41__img4 ,
#m41__img5 , #m41__img6 , #m41__img7 , #m41__img8 ,
#m41__img9 , #m41__img10 , #m41__img11 , #m41__img12 { max-width:49.5rem }
#m41_img13 , #m41_img14 , #m41_img15 { max-width:30rem }



/* Information */
.m41__infor { border-radius:0.6rem ; padding:0.5rem ; margin:auto }
.m41__infor__container {
    background-color:#ffffff ; border-radius:0.2rem ;
    border:solid 1px rgba(0,0,0,0.07) ;
    padding:1.5rem 2rem ;
} 
.m41__infor__item { 
    display:block ; padding:0.5rem 0 0.5rem 4.5rem ; position:relative ; margin-bottom:1rem ;
    font-size:1.8rem ; line-height:3rem ; font-weight:300 ;
}
.m41__infor__item > b { font-weight:400 ; color:#111111 }
.m41__infor__item:last-child { margin-bottom:0 }
.m41__infor__icon {
    display:block ; overflow:hidden ; width:4rem ; height:4rem ; border-radius:100% ;
    background:url(../img_sub/m41_icons.png) no-repeat #222222 ; background-size:auto 4rem ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:0
}
.loction .m41__infor__icon { background-position:-4rem 0 }
.tel .m41__infor__icon     { background-position:-8rem 0 }



/* COLS */
.m41__cols { padding-top:1rem }
.m41__col { width:100% ; margin:0 auto 6rem }
.m41__col:last-child { margin-bottom:0 } 
.m41__photos { font-size:0 ; text-align:center ; margin-bottom:2rem }
.m41__photo , .m41__photo img { width:100% }
.m41__photo { max-width:63rem ; margin:0.5rem ; display:inline-block }
.m41__photo img { border-radius:0.6rem }
  
.m41__infor__title { 
    font-size:2rem ; line-height:2.8rem ; font-weight:600 ; color:#111111 ; word-break:keep-all ;
    border-bottom:dashed 1px rgba(0,0,0,0.15) ; padding-bottom:1rem ; margin-bottom:1rem ;
}



/* TIP */
#m41_sec_tip { background-color:#ebeef3 ; width:100% }
.m41__sec__container { 
    width:90% ; max-width:128rem ; padding:6rem 0 ;
    margin:auto
}
#m41_sec_tip .sec__sub {
    border-bottom:dashed 0.2rem #ffffff ; 
    padding-bottom:4rem ; margin-bottom:4rem ;
}
#m41_sec_tip .sec__sub:last-child { margin-bottom:0 ; padding-bottom:0 ; border-bottom:none }



@media screen and (min-width:1024px){ 

    /* Intro */
    #m41_trip { margin-top:5rem ; position:relative }
    #m41_trip::before {
        width:50% ; height:1px ; display:block ; content:"" ;
        position:absolute ; left:50% ; transform:translateX(-50%) ;
        background-color:rgba(0,0,0,0.1) ; top:11.5rem ; z-index:-1 ;
    }
    .m41__trip__item { width:23rem ; margin:0 2.3437% 3rem }
    .m41__trip__item:first-child { margin-left:0 }
    .m41__trip__item:last-child  { margin-right:0 }
    .m41__trip__img { padding:1rem ; height:23rem }
    .m41__trip__icon { top:22.5rem}

    

    /* Image */ 
    .gallery__group , .m41__infor { max-width:100rem } 



    /* Information */
    .m41__infor__container { padding-left:4rem ; padding-right:4rem }
    .m41__infor__list { font-size:0 }
    .m41__infor__item { display:inline-block ; margin:0 } 
    .m41__infor__item:first-child { margin-right:7% }


    
    /* COLS */
    .m41__cols::after { display:block ; content:"" ; clear:both }
    .m41__col { margin:0 ; width:49.21875% }
    .m41__col.left  { float:left }
    .m41__col.right { float:right } 
    .m41__photo { display:block ; margin:0 0 0.5rem }
    .m41__photo:last-of-type    { margin-bottom:0 }
    .m41__col .gallery__caption { float:none }
    .m41__cols .m41__infor__item { display:block }
    .m41__cols .m41__infor__item:first-child { margin:0 0 1rem 0 }



    /* TIP */
    #m41_sec_tip { max-width:none }
    #m41_sec_tip .sec__sub::after { display:block ; content:"" ; clear:both }
    

}

@media print { }