@charset "UTF-8";

/* ==================================================================
CSS information
style info :共通（汎用クラス）
================================================================== */

html,body { height:100%; -webkit-text-size-adjust: none; }

html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; background: #fff; }

div, h1, h2, h3, h4, h5, p, ul, li, dl, dt, dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { /* 768px以下の記述 */
}

@media screen and (min-width: 769px) and (max-width: 960px) { /* 769px以上の記述 960px以下の記述*/
}

@media screen and (min-width: 961px) { /* 961px以上の記述 */
}

@media screen and (min-width: 1280px) { /* 1280px以上の記述 */
}


/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper {
text-align:left;
/*min-height:100%;
height: auto !important;
height: 100%;*/
width: 100%;
position:relative;
overflow:hidden;
}



/* --------------------------------------------------------
#header_wrap
-------------------------------------------------------- */
#top #header_wrap { height: 0;}


/* #header
-------------------------------------------------------- */
#header { width: 100%; min-width: 960px; max-width: 1600px; margin: 0 auto; position: relative; z-index: 101; }



/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container { position:relative; overflow:hidden; }
.nojs { display: none;}

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents:after { content: ""; display: block; clear: both; }
#contents { zoom:1; }

#contents { width: 100%; margin:0 auto; position:relative; }


/* --------------------------------------------------------
#footer_wrap
-------------------------------------------------------- */
#footer_wrap { background: url(../img/footer_bg.png) top center repeat-x; width: 100%; margin: 0 auto; position: relative; margin-top: -3px; }
#top #footer_wrap { background: url(../img/footer_top_bg.png) top center repeat-x; width: 100%; }




/* #footer
-------------------------------------------------------- */
#footer {position: relative;width: 960px;margin: 0 auto;padding: 12px 0 0;}
#footer:after { content: ""; display: block; clear: both;}
#footer {zoom:1;}


/* #footer #menu
-------------------------------------------------------- */
#footer #fmenu {text-align: center;clear: both;padding-left: 15px;padding-bottom: 10px;}
#footer #fmenu:after { content: ""; display: block; clear: both;}
#footer #fmenu { zoom: 1;}
#footer #fmenu li {display: inline-block;}
#footer #fmenu li:first-child { padding-right: 5px; border-right: 1px solid #f7547c;}
#footer #fmenu li:last-child { padding-left: 5px; }

@media screen and (max-width: 768px) {
  #footer {
    width: 100%;
  }
  #footer #fmenu {
    padding-left: 0;
  }
  #footer #fmenu li {
    padding: 0!important;
    border: 0!important;
    width: 50%;
    float: left;
  }
  #footer #fmenu li a {
    display: block;
  }
  #footer #fmenu li a img {
    width: 100%;
    height: auto;
  }
}


/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
/*Link Style (Base)
----------------------------------------------------*/
a:link { text-decoration:none; color:#c5c5c5; }
a:visited { text-decoration:none; color:#c5c5c5; }
a:hover { text-decoration:underline; color:#c5c5c5; }
a:active { text-decoration:none; color:#c5c5c5; }


/*clearfix
----------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom:1; }

.cr { clear:both; }