@charset "utf-8";

@import "reset.css";
@import "header.css";
@import "megamenu.css";
@import "contents.css";
@import "slick.css";
@import "slick-theme.css";
@import "footer.css";

/* 下層ページCSSインポート */
/* @import "page-XXXXXX.css"; */
@import "layout.css";
@import "page-area.css?220408_02";
@import "page-freeticket_pass.css";
@import "page-freeticket.css";
@import "page-company.css";
@import "page-contact.css";
@import "page-pinkribbon.css";
@import "page-shomotan.css";
@import "page-japanese.css";
@import "page-vehicle.css";
@import "page-goods.css";
@import "page-link.css";
@import "page-policy.css";
@import "page-privacy.css";
@import "page-recruit.css";
@import "page-news.css";
@import "page-ticket.css";
@import "page-station.css";
@import "page-sitemap.css";
@import "page-news_waysideStation.css";
@import "page-news_waysidePurpose.css";
@import "page-news_enoshima.css";
@import "page-news_alliance.css";
@import "page-subpage.css";
@import "page-station_st.css";
@import "page-event.css";
@import "page-soradebran.css";
@import "page-shonanBowl.css";
@import "page-ojico.css";
@import "page-monorailnotabi.css";
@import "page-viewcamera.css";
@import "page-viewcamera_new.css";
@import "page-bestshot.css";
@import "page-emg.css";
@import "page-commuter_pass.css";

/* ---------------------    
PC Style
---------------------- */

/* link
---------------------------*/
a:link, a:active, a:visited  { text-decoration: none; color: #3071b7; }
main a:link  { text-decoration: underline; }
a:hover { text-decoration: underline; color: #26c4df; }
a:hover img { opacity: 0.6; }


/* webフォント読み込みスピード対策
---------------------------*/
/*html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}*/


/* text style
---------------------------*/
.txt10  { font-size:77%;}
.txt11  { font-size:85%;}
.txt12  { font-size:93%;}
.txt14  { font-size:108%;}
.txt16  { font-size:123.1%;}
.txt18  { font-size:138.5%;}
.txt22  { font-size:167%;}
.txt24  { font-size:182%;}
.txt26  { font-size:197%;}


/* font style
---------------------------*/
.txtSans    {  }
.txtSerif   {  }


/* margin style
---------------------------*/
.mrgn-t10	{margin-top: 10px;}
.mrgn-t20	{margin-top: 20px;}
.mrgn-t30	{margin-top: 30px;}
.mrgn-t40	{margin-top: 40px;}
.mrgn-t50	{margin-top: 50px;}
.mrgn-b10	{margin-bottom: 10px;}
.mrgn-b20	{margin-bottom: 20px;}
.mrgn-b30	{margin-bottom: 30px;}
.mrgn-b40	{margin-bottom: 40px;}
.mrgn-b50	{margin-bottom: 50px;}
.mrgn-r10	{margin-right: 10px;}
.mrgn-r20	{margin-right: 20px;}
.mrgn-r30	{margin-right: 30px;}
.mrgn-r40	{margin-right: 40px;}
.mrgn-r50	{margin-right: 50px;}
.mrgn-l10	{margin-left: 10px;}
.mrgn-l20	{margin-left: 20px;}
.mrgn-l30	{margin-left: 30px;}
.mrgn-l40	{margin-left: 40px;}
.mrgn-l50	{margin-left: 50px;}


/* padding style
---------------------------*/
.pad-t10	{padding-top: 10px;}
.pad-t20	{padding-top: 20px;}
.pad-t30	{padding-top: 30px;}
.pad-t40	{padding-top: 40px;}
.pad-t50	{padding-top: 50px;}
.pad-b10	{padding-bottom: 10px;}
.pad-b20	{padding-bottom: 20px;}
.pad-b30	{padding-bottom: 30px;}
.pad-b40	{padding-bottom: 40px;}
.pad-b50	{padding-bottom: 50px;}
.pad-l10	{padding-left: 10px;}
.pad-l20	{padding-left: 20px;}
.pad-l30	{padding-left: 30px;}
.pad-l40	{padding-left: 40px;}
.pad-l50	{padding-left: 50px;}
.pad-r10	{padding-right: 10px;}
.pad-r20	{padding-right: 20px;}
.pad-r30	{padding-right: 30px;}
.pad-r40	{padding-right: 40px;}
.pad-r50	{padding-right: 50px;}


/* text style
---------------------------*/
.indent { text-indent: -9999px; }
.tNormal { font-weight: normal; }
.tBold  { font-weight: bold; }


/* float box
---------------------------*/
.fLeft    { float: left; }
.fRight    { float: right; }


/* text position
---------------------------*/
.tCenter    { text-align: center; }
.tLeft    { text-align: left; }
.tRight    { text-align: right; }


/* ---------------------------
display style
---------------------------*/
.dispSP  {
    display: none!important;
}
.dispPC {
    display: inline-block;
}


/* form style
---------------------------*/
form	{ margin: 0px; }
input , textarea	{ border: 1px solid #cccccc; background-color: #ffffff; }

/* clearfix style
---------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
    display: inherit;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
/*文字色青*/
.blueTxt {
	color: #3071b7;
}


/* ---------------------    
SP Style
---------------------- */
@media all and (max-width: 768px) {
    /* ---------------------    
    global：mobile
    ---------------------- */
    img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　
    }
    .breakSP    {
    display: block;
    }
    .breakPC    {
    display: none!important;
    }
    
    /* ---------------------------
    display style
    ---------------------------*/
    .dispSP  {
        display: block!important;
    }
    .dispPC {
        display: none;
    }

    /* float box
    ---------------------------*/
    .fLeft , .fRight    { float: none; }
    
    /* padding style
    ---------------------------*/
    .pad-t10	{ padding-top: 5%; }
    .pad-t20	{ padding-top: 10%; }
    .pad-t30	{ padding-top: 15%; }
    .pad-t40	{ padding-top: 20%; }
    .pad-t50	{ padding-top: 25%; }
    
}