@charset "utf-8";

/* Gloval Reset*/
html { height: 100%; }
body { background:#fff;
font-size:13px;
line-height:1.8; 
height: 100%; 
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif; 
color:#404040;
 border-top:4px solid #000;
 overflow-x:hidden;}

/*-----------------------------------imgoverを指マークに*/
.imgover { cursor:pointer; }

/*-----------------------------------link*/
a{ outline : 0 ;}
a { text-decoration: none; color:#404040; }
a:hover { text-decoration: underline; }

/*-----------------------------------マウスオーバーで画像半透明*/
img.icon:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	cursor:pointer;
}

/*-----------------------------------マージン font*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marB0 {margin-bottom: 0!important;}
.marB5 { margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marB30 { margin-bottom: 30px; }
.marB40 { margin-bottom: 40px; }
.marB50 { margin-bottom: 50px; }
.marR5 { margin-right: 5px; }
.marR7 { margin-right: 7px; }
.marR10 { margin-right: 10px; }
.marR12 { margin-right: 12px; }
.marR20 { margin-right: 20px; }
.marR25 { margin-right: 25px; }
.marL10 { margin-left: 10px; }
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.claerB{clear:both;}
.fR{float:right;}
.fL{float:left;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.red{color:#FF0000;}
.ore{color:#ee9201;}
.green{color:#228C00;}
.pink{color:#E52D8A;}
.bold{font-weight:bold;}
.w650{width:650px;}
.w260{width:260px;}

.marCenter{margin: 0 auto;}

.hidari {
  float: left;
  margin-right: 40px;
  margin-bottom: 50px;
}

.migi {
  float: right;
  margin-left: 40px;
  margin-bottom: 50px;
}

.small {
	font-size: 10px;
}
/*-----------------------------------コンテナ*/
#container{width:1000px; margin:0 auto 0px auto; background:#FFF;}


/*-----------------------------------header設定*/
header{width:100%; height:182px; position:relative; margin-left:auto; margin-right:auto;}
header h1{position:absolute;left: 0px;top: 103px;}
header #info{position:absolute; right:0px; top:55px;}
header #animeBn{position:absolute; right:0px; top:0px;}


/*-----------------------------------nav設定*/
header #nav{width: 480px;position: absolute;left:260px;top: 113px;}
header #nav ul{width:480px; height:36px; margin:0; padding:0;}
header #nav li{height:36px; display:block; float:left; list-style-type:none;}

/* デフォルトの設定 */
header #nav li a{ text-indent: -9999px; text-decoration: none; display: block; height:36px;}
header #nav #nav1 a { background:url(../images/header_nv1.jpg) no-repeat; width:160px;}  
header #nav #nav2 a { background:url(../images/header_nv2.jpg) no-repeat; width:158px;}
header #nav #nav3 a { background:url(../images/header_nv3.jpg) no-repeat; width:162px;}

/* マウスオーバーの設定 */
header #nav li a:hover { text-decoration: none;}
header #nav #nav1 a:hover { background:url(../images/header_nv1_o.jpg) no-repeat; width:160px;}
header #nav #nav2 a:hover { background:url(../images/header_nv2_o.jpg) no-repeat; width:158px;}
header #nav #nav3 a:hover { background:url(../images/header_nv3_o.jpg) no-repeat; width:162px;}

/*-----------------------------------main設定*/
article{width:100%; margin-left:auto; margin-right:auto; clear:both;}
h2{text-align:center; clear:both;}
h3{text-align:center; clear:both;}
.pankuzu{margin-bottom:30px;}


/*-----------------------------------left設定*/
#mainLeft{float:left; width:225px; margin-bottom:50px; background:#FFF;}
#mainLeft #leftnav{border-top:4px solid #616365; border-bottom:4px solid #616365;}
#mainLeft #leftnav li{list-style:none;}
#mainLeft #leftnav li img{vertical-align:bottom;}

/*-----------------------------------左ナビゲーション*/
.lineupmenu{width:225px; border-top:4px solid #616365; border-bottom:4px solid #616365;}
.lineupmenu p /*21.06.16追加*/{
	font-size: 16px;
	font-weight: bold;
	color: #616365;
	padding: 16px 0 16px 5px;
}
.lineupmenu p>a /*21.06.16追加*/{
	text-decoration: none;
}
.lineupmenu a{
	display: block;
	text-decoration: none;
}
.lineupmenu dt /*21.06.16追加*/{
	font-size: 14px;
	padding: 16px 0 16px 5px;
	border-top: 1.5px solid #616365;
}
.lineupmenu dt:hover,.subMenu li:hover,.lineupmenu p:hover /*21.06.16追加*/{
	background-color: #E8E8E8;
}
.subMenu li{list-style:none;}
.subMenu li img{vertical-align:bottom;}
.subMenu li /*21.06.16追加*/{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 14px;
	padding:5px 0 5px 22px;
	border-top: dotted 1px #C7C7C7; 
	color: #616365;
}
.subMenu li:last-of-type /*21.06.16追加*/{
	padding-bottom: 10px;
}
.button {
	display: inline-block;
	width: 225px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	font-size:14px;
}
.button2 /*21.03.24追加*/{
	width: 330px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	background-color: #404040;
	color: #fff;
}
.button:hover {
	background-color: #927E43;
	text-decoration:none;
}

.button3 {
	height: 60px;
    line-height: 17px;
    padding: 15px 0 0;
}

/*-----------------------------------right設定*/
#mainRight{float:right; width:700px; margin-bottom:50px;}


/*-----------------------------------footer設定*/
footer{clear:both; width:100%; margin:0 auto 0px auto; font-size: 12px;}
#footermenu{background:#F9F9F9; padding:10px 2px; width:1000px; margin:0 auto 10px auto;}
#footermenu #footerBox { padding: 5px 10px; width: 150px; float: left; margin-bottom:20px;}
#footermenu #footerBox .footernav01 li { font-weight: bold; line-height: 1.5;padding: 0 0 3px 0; list-style:none; }

/*　旧フッターメニュースタイル
.navT{width:810px; float:right; font-size:11px;}
.navT td{padding-top:0px; padding-bottom:2px; width:50%;}*/

/*　21.04.26の変更前↓　旧フッターメニュースタイル
#footright{width:820px; float:right; font-size:11px; border-left: 1px dotted #404040;}
.footlistname{font-size: 12px; font-weight: bold; padding-left: 10px;}
.footlist{margin-bottom: 20px; padding-left: 10px;}
.footlist li{list-style: none; width: 50%; float: left;}
*/

/*　21.04.26　変更*/
#footright{width:820px; float:right; font-size:11px; border-left: 1px dotted #404040;}
.footlistname{font-size: 12px; font-weight: bold; padding-left: 10px;}
.footlist{margin-bottom: 20px; padding-left: 10px;}
.footlist li{list-style: none;}
.footerClum {width: 20%; float: left;}

#copy{ text-align:center; padding:10px; border-top:1px solid #404040; width:100%; clear:both;}


/*-----------------------------------pagetop設定*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
	font-size:90%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
	height:60px;
	line-height:60px;
    padding: 0;
    text-align: center;
    display: block;
    border-radius: 60px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/*-----------------------------------leftnav設定*/
.fixed {
    position: absolute;
}

/*-----------------------------------生産終了テキスト*/
.endText{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border: 2px solid #FF0000;
    margin: 0 0 20px;
}


/*-----------------------------------flex*/
.flex{
    display: flex;
	list-style: none;
	justify-content: center;
}

/*-----------------------------------取説注意書き*/
ul.manual_attention {
    list-style: none;
	line-height: 1.6;
	margin: 10px 0 30px;
}
ul.manual_attention li{
    font-size: 10px;
}