@charset "utf-8";

/*----------------------------------------------------------------------------------------------
	base
----------------------------------------------------------------------------------------------*/
html { -webkit-text-size-adjust: none;}
body {
	font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:100%;
	font-size:16px;
	line-height:1.6;
	color:#231815;
}
a {
    -webkit-transition: .3s;
       -moz-transition: .3s;
        -ms-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}
a:link, a:visited	{ color:#D61518; text-decoration: none;}
a:hover, a:active	{ color:#D61518; text-decoration: none;}


/*PCで表示させないセレクタ*/
#sp_header {display:none;}
.pc_hidden{display:none;}

.menu-btn {display:none;}
.sp-menu {display:none;}

.fixed-nav-bar {
  position: fixed;
  bottom: 48px;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 72px;
  background-color: #fff;
}
.gnavi {
}
.gnavi:after {
	content: "";
	display: block;
	clear: both;
}
.menu {
    width: 1000px;
    margin: 10px auto 0;
}
.site_id {
    float: left;
    margin-right: 40px;
}
.menu-items {
    float: left;
}
.menu-items :after {
        content: "";
        display: block;
        clear: both;
    }
.menu-items > li {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    height: 52px;
    border-left: 1px solid #888;
    font-size: 14px;
}
.menu-items > li.i02 {
  width: 130px;
}
.menu-items > li.i03 {
  width: 120px;
}
.menu-items > li.i05 {
  width: 140px;
}
.menu-items li a,
.menu-items li span {
            display: table;
            width: 100%;
            line-height: 52px;
             text-align: center;
            -webkit-transition: .3s;
               -moz-transition: .3s;
                -ms-transition: .3s;
                 -o-transition: .3s;
                    transition: .3s;
        }
        .menu-items li.i01 a {
            line-height: 24px;
        }
        .menu-items li a {
            color: #231815;
        }
        .menu-items li a:hover,
        .menu-items li.on a {
            color: #E50012;
        }
        .menu-items li.soon span {
            filter: alpha(opacity=30);
            -moz-opacity:0.3;
            opacity:0.3;
        }
        .menu-items > li:last-child {
          border-right: 1px solid #888;
        }
.sns_set {
  float: right;
  padding-top: 5px;
}
.sns_fb {
  display: inline-block;
}
.sns_tw {
  display: inline-block;
}
.sns_set a:hover {
  filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*----------------------------------------------------------------------------------------------
	top
----------------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------
	footer area
----------------------------------------------------------------------------------------------*/
#footer {
  width: 100%;
  padding: 10px 0 15px;
  background: #595757;
  text-align: right;
}
#footer > div{
	float:right;
}
.privacy{
  font-size: 12px;
	float:left;
	width:140px;
  padding-top: 4px;
  margin-right: 25px;
}
.privacy a{
	color:#ffffff;
}
.copyright {
  font-size: 10px;
  color: #fff;
  padding-top: 5px;
  margin-right: 25px;
  width:380px;
	float:right;
}
/*----------------------------------------------------------------------------------------------
	page area
----------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
  #footer {
    text-align: center;
    height: 98px;
  }
  #footer > div{
    width:100%;
    float:none;
  }
  .privacy{
    float:none;
    width:100%;
    padding-top: 20px;
    margin-right: 0px;
  }
  .copyright {
    font-size: 10px;
    color: #fff;
    padding-top: 15px;
    margin-right: 0;
    width:100%;
    float:none;
  }
}

@media print{
  .fixed-nav-bar,
  #footer{
      display: none;
  }
}

/*----------------------------------------------------------------------------------------------
	COMMON
----------------------------------------------------------------------------------------------*/
.row:after,
.col:after {
	content: "";
	display: block;
	clear: both;
}
.col {
	display: block;
	float: left;
}
.fl { float: left !important;}
.fr { float: right !important;}

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}

.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml55{ margin-left:55px;}
.ml60{ margin-left:60px;}
.ml65{ margin-left:65px;}
.ml70{ margin-left:70px;}
.ml75{ margin-left:75px;}
.ml80{ margin-left:80px;}
.ml85{ margin-left:85px;}

.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}
.mr55{ margin-right:55px;}
.mr60{ margin-right:60px;}
.mr65{ margin-right:65px;}
.mr70{ margin-right:70px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr85{ margin-right:85px;}

.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt70{ margin-top:70px;}
.mt75{ margin-top:75px;}
.mt80{ margin-top:80px;}
.mt85{ margin-top:85px;}

.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}
.pt80{ padding-top:80px;}
.pt85{ padding-top:85px;}

.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb55{ padding-bottom:55px;}
.pb60{ padding-bottom:60px;}
.pb65{ padding-bottom:65px;}
.pb70{ padding-bottom:70px;}
.pb75{ padding-bottom:75px;}
.pb80{ padding-bottom:80px;}
.pb85{ padding-bottom:85px;}


.ctb {
    text-align: center;
}
a.hover img {
    -webkit-transition: .4s;
       -moz-transition: .4s;
        -ms-transition: .4s;
         -o-transition: .4s;
            transition: .4s;
}
a.hover:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.soon_bana {
    background: #333;
}
.soon_bana img {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#nav-dock {
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 235px;
	right: 20px;
}
#nav-dock a {
	width: 40px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/btn_pagetop.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav-dock a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}