/* 
breakpoint
    1001px  : pc 
    1000px  : tb
    599px   : sp_std
    376px   : sp_sml  
*/

/*//////////////////////////////   
    width:1100px～ megamenufonts    
//////////////////////////////// */

@media screen and (max-width: 1100px) {
    .menu_mega_fontsize {
        font-size: 14px;
    }
}

/*//////////////////////////////   
    width:1000px    
//////////////////////////////// */

@media screen and (max-width: 1000px) {
    
    /*===============
        base.css 
    =================*/
    .nav {
        margin-top:24px!important;
    }
    
    body {
        padding-top:15px;          
    }
    #main {
        margin-top: 0px;        
        padding-top: 30px;
    }
    .main_subpage_pc {
        display: none;
    }
    .header-wrapper {
        position: static;        
    }
    .header-logo-pc {
        display: none;
    }   
    /* 社名ロゴと紹介文非表示、スマホ用社名ロゴ表示 */
    .foreword {
        display: none;    
    }
    .kampuferry-logo {
        display: none;
    }
    .header-wrapper-sp {
        width: 100%;
        display:flex;
        justify-content: space-between;
        padding: 10px 10px 0 10px;
        margin-top: 0px;
        top:0;
        background-color: #fcfcfc;
        position: fixed;
        z-index: 10;        
    }
    .kampuferry-logo-sp {
        display: block;   
        height: 27px;        
    }
    .header-middle {
        display: none;
    }        
    /*snsロゴ スマホタブレットでフッターの上に*/
    .sns-logo-pc {
        display: none;  
    }
    .sns-logo-sp {
        width: 100%;
        display: block;
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    .sns-logo-sp a img {
        width: 35px;
        margin: 0 15px;
    }

    .lang-logo img {
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .lang-logo-ham-menu {
        display:flex;       
    }
    .ham-menu {
        margin-right: 5px;  
    }
    /*トップ画面を切替*/
    .top-mainimg-pc {
        display: none;
    }
    .top-mainimg-sp {
        display: block;        
    }
    .megamenu {
        display: none;
    }
    .menu-sp {
        display: block;
    } 
    /*megamenu font size*/
    .menu > li a {
        font-size: 14px;
    }
    .menu_second-level li a {
        font-size: 12px;
    }
    .menu_second-img img{
        height: 140px;
        width: 200px;      
    }
    .menu_second-ferryimg img {
        height: 140px;
        width: 200px;      
    }
    
    /*===scroll charactor===*/
    #page-top1{
        right: 25px;
        width: 110px;
    }
    #page-top1 img{
        width: 110px;
    } 
    
    #page-top2:hover{ 
        transform: translateY(-10px);
    } 
    
    .top_scroll_left_pc {
        display: none;
    }
    .top_scroll_left_tbsp {
        display: block;
    }
    #page-top3{
        display: block;
        position: fixed;
        z-index: 9999;
        bottom: -85px;
        left: 35px;
        width: 120px;
        height: 35px;
        padding: 0;
        color: #222;
        text-align: center;
        text-decoration: none;
        transition: 1s;
            -webkit-transition: 1s;
    } 
    #page-top3 img {
        width: 120px;
    } 
    /*language logo popup_sp*/
    .lang-logo {
    display: block;
    }
    .popup {
        height: 30%;
    }    
    .popup-content{    
        margin: 2px auto 2px auto;
        width: 90%;
    }
    p.korean {
        padding: 3px 60px;
        margin: 10px 0 5px 0;
    }
    p.english {
        padding: 5px 56px;
        margin: 5px 0; 
    }
    p.japanese {
        padding: 3px 60px;
        margin: 5px 0;    
    }
    .popup-content p a {
        color: #115EB3;    
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }
    .btn-close{
        background: #115EB3;
        border-radius: 10px;
        color: #fff;
        padding: 5px;
        cursor: pointer;
        margin: 10px auto;
        width: 75%;
        text-align: center;
    }      

    /*===== Common page link anchor=====*/
    a.head-blank{
        display: block;
        margin-top:-30px;
        padding-top:30px;    
    }

    /*-------------------------------------
       passenger/ t_access/ index.html
    --------------------------------------*/
    .access-contents {
        margin-bottom: 40px;
        background-color: rgb(221, 244, 253);
        padding: 20px 0;
    }
    .access-intro{
        margin-bottom: 40px;
        padding: 0 15px;
    }
    .access-detail-wrapper {
        display: block; 
    }
    .access-img {
        text-align: center;
    }
    .access-img img {
        width:100%;
        max-width:600px;
        height: auto
    }
    .access-img-hv:hover {
        cursor: pointer;
        transform: none;
    }
    .access-detail h4 {
        font-size: 18px;
    }
    .access-detail-info {
        padding-left:15px;
    }   
    .access-link { 
        text-align: center;
    }
    .access-link a {
        width: 100%;
    }
    .access-link a:hover {
        background-color: orange;
    }
    .access-ganre-detail-flex {
        display: block;
    }
    .access-img {
        width: 100%;
        margin-top: 15px;
    }
    .access-about {
        width: 100%;
        padding-left: 0px;
        margin-top: 15px;
    }
    th.access-table-left {
        font-size: 13px;
    }
    th.access-table-right {
        font-size: 13px;
    }
    .access-linkbtn a:hover {
        background-color: orange;
    }

    /*---------------------------------------
        cargo/index.html  
    -----------------------------------------*/
    
    /*path*/
    .top-img-box-path {
        top: 70px;
    }
    /*海より速く空より安く*/
    p.top-img-box-title{
        margin-top: -165px;
        font-size: 35px;
    }    
    /*毎日運航の利便性と-*/
    p.top-img-box-text{
        margin-top: -135px;
        padding-top: 80px;
        font-size: 20px;
    }   
    .cargo-sub-sub-title h3 {
        font-size: 18px;   
    }
    .cargo-features-point-answer h3{
        font-size:20px;
    }
	.cargo-moviefile-wrapper {
		display: block;
	}
    .cargo-moviefile {    
        width:80%;
    }

}


/*//////////////////////////   
    width:599px    
////////////////////////////*/


@media screen and (max-width: 599px) {    
    /*==================
        base.css 
    ====================*/       
    /* Common page link menu select btn*/
    .mainselect-menus {
        display: flex;
        flex-wrap: wrap;    
        width: 100%
    }
    .mainselect-menu-wrapper {
        width: 50%;  
    }
    .mainselect-menu {
        height: 60px; 
        padding: 0 10px;         
        border-left: 8px solid rgb(221, 183, 58);
        background-color: rgb(253, 253, 168); 
        margin: 10px 10px;
    }  
    .mainselect-menu:hover {    
        border-left: 8px solid rgb(221, 183, 58);
        background-color: rgb(253, 253, 168); 
    }
    .mainselect-menu-icon img {
        width: 25px;
        height: 25px;
    }   
    .mainselect-menu-text p {
        color: rgb(150, 93, 14);
        font-size: 15px;       
    }
    
    .sub-title h3 {     
        line-height: 30px;
        font-size: 18px;
        padding-left: 15px;    
    }
    .subsub-title h3 {
        font-size: 18px;
        background: linear-gradient(transparent 50%, skyblue 60%);
    }


    /*===  scroll menu part2 ===*/
    #page-top1{
        right: 20px;
        width: 90px;
    }
    #page-top1 img{
        width: 80px;
    } 
    #page-top3{
        left: 10px;
        width: 115px;
    } 
    #page-top3 img {
        width: 80px;
    }

    /*---------------------
        index.html
    -----------------------*/ 

    /*=== btn_ciq_info ===*/
    .btn_ciq_info {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .btn_ciq_info_inner {
        margin-top:10px;
        width: 100%;
    }
    .btn_ciq_info a {    
        color: #333333;
        font-size: 13px;
        padding: 10px;
    }
    .btn_ciq_info a:hover {
        animation: light .8s infinite;
    }
    

    /*=== resume_info parts ===*/
    .resume_info_booking_wrapper {
        display: flex;
        flex-direction: column;
    }

    .resume_info_booking_img_telbooking img{
        width:100%;
        padding: 0 10px        
    }
    .resume_info_onlytop_wrapper {
        text-align: center;
    }
    .keta_vj_btn_wrapper_top {
        display: flex;
        justify-content: center; 
    } /*toppageのみ*/
    .kto_banner img {
        width: 35%;
    }
    .keta_vj_img img{
        width: 40%;
    }
  
    
    /*=== group info ===*/
    .shk-info-sp-wrapper {
        display: block;
    }
    .shk-group {
        display: none;
    }
    
        /*パッケージツアー商品バナー*/
        /*3枚1行並べたパターン*/
    /* .tour-banner-wrapper-pc {
        display: none;
    } */
        /*ボタンでスライド切替適用（javascript使用）のパターン*/
        /* .tour-slide-wrapper {
            display: none;
        } */
        
    /* .tour-banner-wrapper {
        display: block;
        margin-top: 0px;
    }
    .tour-banner {
        display: flex;
        justify-content: space-around;
        margin-bottom: 15px;
    }
    .tour-banner img{
        width: auto;
        height: 110px;
    }

    .under-menu-pc {
        display: none;
    }
    .under-menu-sp {
        display: block;
    } */
      
    /*----------------------------------
      reserve / index.html
    ------------------------------------*/
    .click-btn-telbooking {
        display:block;
        background-color: rgb(253, 161, 56);
        height: 40px;
        border-radius: 8px;
        text-align: center;
        margin-top: 15px;
    }
    .click-btn-telbooking a {
        text-decoration: none;
        display: inline-block;
        width: 80%;
        font-weight: bolder;
        color: white;
        line-height: 40px;
    }

    /*--------------------------------
       passenger / index.html 
    ----------------------------------*/
    .passenger-text-linkbtn {
        width: 50%;
    }
    .passenger-info-img {
        width: 50%;
    }
    .passenger-info-img img{
        width: 100%;
    }
    .passenger-info-linkbtn {
        padding-right: 15px;
    }
    .passenger-info-linkbtn a {
        width: 100%;
        background-color: orange;
    }
    .passenger-info-linkbtn a:hover {
        background-color: orange;
    }
  
    /*------------------------------------
       passenger / vessel / index.html  
    -------------------------------------*/ 
    .vessel-contents {
        margin-bottom: 40px;
        background-color: rgb(221, 244, 253);
        padding: 20px 0;
    }
    .vessel-intro {
        margin-bottom: 40px;
        padding: 0 15px;
    }
    .vessel-detail-wrapper {
        display: block;
    }
    .vessel-img {
        text-align: center;
    }
    .vessel-img img {
        width:100%;
        padding: 0 20px;        
    }
    .vessel-detail h4{
        font-size: 18px;
        padding-left: 15px;
    }
    .vessel-detail-info {
        padding-left:15px;
    }
    .vessel-link { 
        text-align: center;
    }
    .vessel-link a {
        width: 90%;
    }
    .vessel-link a:hover {
        background-color: orange;
    }

    /*------------------------------------
       passenger / vessel / hamayuu.html  
       passenger / vessel / seonghee.html  
    -------------------------------------*/
    .cabin-detail,.facility-detail {
        display: block;
        width: 100%;
        padding: 20px;
    }
    .cabin-detail-left,.facility-detail-left {
        width: 100%;
        padding-right:15px;
    }
    .cabin-detail-right,.facility-detail-right {
        width: 100%;    
    }
        
    /*---------------------------------------
      t_access/ shimonosekiport.html
      t_access/ busanport.html
    ----------------------------------------*/
    .google-map {
        display: none;
    }
    .google-map-tbsp {
        display: block;
        margin-top: 15px;
    }
    .access-img h4 {
        text-align: left;
    }
    .access-img-flex {
        display: block;
        text-align: left;
    }    
    .access-img-left {
        width: 100%;                
    }
    .access-img-right {
        width: 100%;
    }
    .access-video {
        margin: 35px 0;
    }
    .access-video-style {
        width: 100%;
    }
    .access-car-flex {
        display: block;
        width: 100%;
    }
    .access-car-left {
        width: 100%;
    }
    .access-car-left img{
        width: 100%;
    }
    .access-car-right {
        width: 100%;
		margin-top: 5%;
    }
	

    /*------------------------------------------
        ticket_tour/　index.html
    --------------------------------------------*/
    /* .ticket_tour-charactor-wrapper {
        display: block;
    }
    .ticket_tour-charactor-tichet {
        margin-bottom: 40px;
    }
    .ticket_tour-charactor-ticket-img img {
        width: auto;
    } */

    /*----------------------------------------
       fare /fare/ special/ index.html 
       fare /tour/index.html
    -----------------------------------------*/ 
    .discount-ticket-contents-flex,
    .discount-tour-contents-flex {
        display: block;
    }
    .discount-ticket-img {
        width: 100%;
        text-align: center;
    }
    .discount-ticket-img img {
        text-align: center;
        max-width: 400px; 
        /*max-width効果をなくすため。最大値は適当。*/    
    }
    .discount-tour-img {
        width: 100%;
        text-align: center;
    }
    .discount-tour-img img {
        text-align: center;
        max-width :400px;
    }
    .discount-ticket-detail,
    .discount-tour-detail {
        padding-left: 0px;
        width: 100%;
    }
    .discount-ticket-detail h3,
    .discount-tour-detail h3{
        margin-top: 20px;
        font-size: 18px;
    }
    .discount-ticket-detail h4,
    .discount-tour-detail h4 {
        margin-top: 15px;
        font-size: 16px;
    }
    .discount-tour-link-toright {
        text-align: center;
    }
    .discount-tour-link li:hover {
        background-color: rgb(253, 253, 168);
        border-left: 4px solid rgb(184, 120, 2);
    }

    /*------------------------------------------
       passenger / fare / special /jimoca.html
    --------------------------------------------*/
    .jimoca-intro-flex {
        display: block;
    }
    .jimoca-intro-text h3 {
        margin-top: 15px;
    }
    .jimoca-intro-img {
        width: 100%;
    }
    .jimoca-intro-text {
        width: 100%;
        padding-left:0;
    }

    /*--------------------------
        k_tourist_info
    ---------------------------*/
    /*k_tourist_info / index.html  */
    /* .headermenu{
        display: block;            
    }
    .headermenu_titlelogo {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .headermenu_menutitle {
        display: none;
    }
    .ferry_to_busan_goodpoint_listimg img {
        width: 25px;
        margin-right: 15px;
    }
    .ferry_to_busan_goodpoint_list h4 {
        font-size: 12px;
    }
    .how_to_enjoy h3 {
        font-size: 14px;
    }
    .menu_img_contents_flex {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        text-align: center;
    }
    .menu_img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        -webkit-transition: all .0s;
        transition: all .0s;
        margin: 10px 0 0 0;        
    }
    .menu_img:hover {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .menu_img img {
        width: 90%;
    }
    .kt_link {
        display: block;
        margin: 0 auto;
        margin-top: 60px;
        width: 50%;
    }
    .kt_link_left img {
        width: 100%;
        max-width: 300px;
        -webkit-transition: all .0s;
        transition: all .0s;
        margin: 10px 0 0 0;  
    }
    .kt_link_left img:hover {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }     */

    /*k_tourist_info / sightseeing・eat・shopping・activity / index.html  */
    /* .k_t_subpage_maincontents_message_areamap {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .k_t_subpage_maincontents_message { 
        width: 100%;

    }
    .k_t_subpage_maincontents_message h3 {    
        font-size: 15px;
    }
    .k_t_subpage_maincontents_message_middle_1st h2{
        font-size: 40px;
    }       
    .k_t_subpage_maincontents_areamap {
        width: 100%;
        margin: 0 auto;
    }
    .k_t_acbox label{   
        font-size: 14px;     
    }
    .k_t_acbox label:hover{
        background: #4b83be;
    }
    .k_t_acbox-under-flex {
        display: flex;
        flex-wrap: wrap; 
    }
    .k_t_acbox input:checked ~ div{
        padding: 0px; 
    }
    .k_t_acbox-under {
        width: 50%;
        padding: 10px;
    }
    .k_t_acbox-under h4 {
        font-size: 15px;    
    }
    .k_t_acbox-under p {
        font-size: 14px;    
    } */

    /*k_tourist_info / sightseeing・eat・shopping・activity / 各spot.html  */
    /* .k_t_subpage_spotname_selectbtn {
        display: block;
    }
    .k_t_subpage_spotname {
        width: 100%;
        margin-top: 15px;
    }
    .k_t_subpage_selectbtn {
        width: 100%;
    }
    .k_t_subpage_selectbtn img {
        width: 100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .0s;
        transition: all .0s;    
    }
    .k_t_subpage_selectbtn img:hover {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .k_t_subpage_spotimgs img {
        width: 100%;
        padding: 2.5%;
        margin-bottom: 3%;
        border: rgb(218, 217, 217) 1.5px solid;   
    }
    .k_t_subpage_spotinfo th {
        width: 30%;
    }
    .google-map-busan-wrap { 
        padding-bottom : 100%;
    } */
    
    /*---------------------------------------
        tour/howtopkg.html  ※ツアー商品の選び方
    -----------------------------------------*/

    /* img.howtopkg-contentsimg {
        display: none;
    }
    img.howtopkg-contentsimg-tbsp {
        display: block;
        width: 100%;
    }
    .howtopkg-fukidashi h3 {
        font-size: 16px;
    }
    .howtopkg-genre-title h3 {
        text-align: center;
    }    
    .howtopkg-genretextcontents h4 {
        margin: 0 auto;
        width: 70%;        
    }
    .howtopkg-genretextcontents h5 {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .howtopkg-genre-banner {
        display: block;
        text-align: center;        
    }
    .howtopkg-genre-banner-title {
        width: 100%;      
    }
    .howtopkg-genre-banner-img {
        width: 100%; 
    }
    .howtopkg-genre-banner-title h3 {
        padding-top: 10px;
    }
    .howtopkg-genre-banner-img img:hover {
        box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
        transform: translateY(0px);
        transition-duration: 0.5s;
    }
    .howtopkg-genre-banner-img img {
        width: 180px;
    } */


    /*-------------------------
        campany.html
    ---------------------------*/
    .select-menu {         
        display: flex; 
        width: 100%;
        height: 80px;
        background-color: rgb(175, 174, 174);
        padding: 10px 20px;        
    }
    .select-menu:hover {         
        display: flex; 
        width: 100%;
        height: 80px;
        background-color: rgb(175, 174, 174);
        padding: 10px 20px;        
    }
    .select-menu-icon img {
        width: 20px;
        height: 20px;              
    }   
    .select-menu-text {        
        font-size: 20px;
        text-align: center;                      
    }
   

    /*---------------------------------
        campany/shkline.html
    -----------------------------------*/
    .shkline-company-info{
        margin-bottom: 5px;
        padding: 8px;
        width: 50%;
    }

    /*---------------------------------------
        cargo/index.html  ※貨物について
    -----------------------------------------*/    
    /*path*/
    .top-img-box-path {
        top: 55px;
        font-size:13px;
    }
    /*海より速く空より安く*/
    p.top-img-box-title{
        margin-top: -200px;
        font-size: 28px;
    }    
    /*毎日運航の利便性と-*/
    p.top-img-box-text{
        margin-top: -185px;
        padding-top: 70px;
        font-size: 16px;
    }
    .cargo-sub-sub-title h3 {
        font-size: 17px;   
    }
    .cargo-features-point-answer h3{
        font-size:17px;
    } 
	.cargo
	
	
	
}


/*////////////////////////////////////////   
    width:481px（481〜320px）　
////////////////////////////////////////////*/

@media screen and (max-width: 481px){
    /*====================
        base.css 
    ======================*/    
    /*all font size*/
    body {
        font-size: 14px;
    }
    p {
        font-size: 14px;
    }
    h2 {
        font-size: 18px;
    }
    /* === Commn menu select btn _base.css ===*/
    .mainselect-menus {
        display: flex;
        flex-wrap: wrap;    
        width: 100%
    }
    .mainselect-menu-wrapper {
        width: 100%;  
    }
    .mainselect-menu {
        height: 45px; 
        padding: 0 10px;         
        border-left: 8px solid rgb(221, 183, 58);
        background-color: rgb(253, 253, 168); 
        margin: 5px 10px;
    }  
    .mainselect-menu:hover {    
        border-left: 8px solid rgb(221, 183, 58);
        background-color: rgb(253, 253, 168); 
    }
    .mainselect-menu-icon img {
        width: 25px;
        height: 25px;
    }   
    .mainselect-menu-text p {
        color: rgb(150, 93, 14);
        font-size: 15px;       
    }       

    /*--------------------
        index.html
    ----------------------*/
    /*SNS logo tb off*/
    .sns-logo-tb img{
        display: none; 
    }        
    /*=== パッケージツアー情報 ===*/
    /*=== Ferry Information ===*/
    /*=== Cargo Information ===*/
    /* .f-p-size,
    .t-p-size,
    .c-p-size {        
        text-align: left;
        margin-left: 10px;       
    } 
    .f-p-size p,
    .t-p-size p,
    .c-p-size p {
        font-size: 12px;         
    }  */

    /*パッケージツアー商品バナー*/
    /*3枚1行並べたパターン*/
    .tour-banner img{
        width: auto;
        height: 85px;
    }

    /*=== SHKグループ紹介 ===*/
    .shk-group h2{
        font-size: 18px;
    } 

    /*=== フッター ===*/
    .footer-copyright p {
        font-size: 10px;
    }


    /*---------------------------------------
        yoyaku/ index.html ※フェリーの予約
    ----------------------------------------*/    
    
    a.howtoyoyaku-tel-nocall {
        display: none;
    }
    a.howtoyoyaku-tel-call {
        display: block;
    }
    .howtoyoyaku-ganre-detail-flex {
        display :block;
    }
    .howtoyoyaku-ganre-detail-flex a {    
        width: 100%;         
    }
    .howtoyoyaku-ganre-detail-flex img{    
        width: 100%;
        margin-bottom: 15px;      
    }
    .howtoyoyaku-ganre-detail-text {
        width: 100%;
        padding-left: 0px;
    }
    img.howtoyoyaku-agency-icon {
        width: 100px;
        height: 100px;
        margin-bottom: 15px;           
    }    


    /*------------------------------------------
        passenger/index.html ※船舶・ダイヤ・運賃
    --------------------------------------------*/    

    .passenger-info-linkbtn {
        display: none;
    }
    .passenger-info-linkbtn-sp {
        display: block;
    }
    .passenger-info-linkbtn-sp {
        text-align: center;
    }
    .passenger-info-linkbtn-sp a {
        display: inline-block;
        line-height: 45px;
        width: 95%;
        background-color: orange;
        color: white;
        text-align: center;
        text-decoration: none;
        border-radius: 5px; 
    }


    /*---------------------------------------
        ticket_tour/tour/jimoca.html ※ジモカ
    ----------------------------------------*/    
 
    .jimoca-detail-contact-pctb {
        display: none;
    }
    .jimoca-detail-contact-sp {
        display: block;
        text-align: center;
    }
    .jimoca-detail-contact-sp-inner {
        display: flex;
        text-decoration: none;
        color: rgb(25, 23, 105);
        background-color: rgb(172, 249, 252);
        border-left: 4px solid rgb(25, 23, 105);
        width: 300px;
    }
    .jimoca-detail-contact-sp-inner img {
        height: 30px;
        margin: 5px; 
    }
    .jimoca-detail-contact-sp a {
        text-decoration: none;
        display: inline-block;
    }
    .jimoca-detail-contact-sp-text li {
        font-size: 12px;
    }
    .jimoca-detail-contact-sp-text h3 {
        margin: 0;
        font-size: 18px;
    }

    
    /*-----------------------------------------
        tour/ howtopkg.html ※ツアー商品の選び方
    ------------------------------------------*/    
    /* ========== */
    .howtopkg-fukidashi h3 {
        font-size: 14px;
    }

    
    /*---------------------------------------
        qa/ index.html ※よくあるご質問
    ----------------------------------------*/

    .qa-cabin-dlflex {
        font-size: 12px;
    }


    /*---------------------------------------
        campany/ index.html ※企業情報
    ----------------------------------------*/

    .select-menu {         
        display: block; 
        width: 100%;
        height: 80px;
        background-color: rgb(175, 174, 174);
        padding: 10px 20px;        
    }
    .select-menu:hover {         
        display: block; 
        width: 100%;
        height: 80px;
        background-color: rgb(175, 174, 174);
        padding: 10px 20px;        
    }
    .select-menu-icon img {
        width: 20px;
        height: 20px;              
    }   
    .select-menu-text {        
        font-size: 20px;
        text-align: center;                      
    }
    .select-menu-text p {        
        font-size: 14px;
        margin: 0 ;                 
    } 


    /*---------------------------------------
        campany/shkline.html ※SHKライン
    ----------------------------------------*/

    .shkline-company-info{
        margin-bottom: 5px;
        padding: 8px;
        width: 100%;
    }


    

}


/*////////////////////////////////////////////
   
    width:376px以下  スマホ小型想定（376〜320px）　
    
////////////////////////////////////////////// */


@media screen and (max-width: 376px){

    /*---------------------------------------
        index.html ※トップページ
    ----------------------------------------*/
        

    /*=== パッケージツアー情報/Ferry Information/Cargo Information ===*/
        /*画像内テキストを小さく*/
    .ferry-info-wrapper,
    .cargo-info-wrapper {
        margin-top: 70px; /*margin-topを100->70pxに変更*/ 
    }                    
    .tour-info-item,
    .ferry-info-item,
    .cargo-info-item {
        padding: 0 10px; /*item内のロゴとテキストの左右paddingを20->10pxに変更*/
    }                   
    .f-p-size,
    .t-p-size,
    .c-p-size {
        margin-left: 10px;            
    } 
    .f-p-size p,
    .t-p-size p,
    .c-p-size p {
        font-size: 11px;             
    }
    /*パッケージツアー商品バナー*/
    /*3枚1行並べたパターン*/

    .tour-banner img{
        width: auto;
        height: 75px;
    } 
}