@charset "utf-8";

@import "reset.css";
@import "header.css";
@import "contents.css";
@import "spacesfont.css";
@import "footer.css";

/* google web font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP&display=swap');


/* ---------------------    
PC Style
---------------------- */
body    {
    font-family: 'Noto Sans Japanese' , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
   }
/* main area base color */
main {
}


/* link
---------------------------*/
a:link, a:active, a:visited  { text-decoration: none; color: #444444; }
main a:link  { text-decoration: underline; }
a:hover { text-decoration: underline; color: #773311; }
a:hover img { opacity: 0.6; }


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

img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}

/* font style
---------------------------*/
.txtSans    { font-family: 'Noto Sans Japanese' , "游ゴシック体", YuGothic , "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; }
.txtSerif   { font-family: 'Noto Serif JP', "游明朝", YuMincho , "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


/* 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;
}
.dispPC {
    display: 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;
}


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

    /* float box
    ---------------------------*/
    .fLeft , .fRight    { float: none; }
        
}