﻿@charset "utf-8";

/*------------------------------------------
【common】
--------------------------------------------*/
fieldset,img { border:0;}
a img { border-style:none;}
ul,ol,li { list-style:none; padding:0; margin:0;}

.clearfix:before,
.clearfix:after { content:" "; display:table;}
.clearfix:after { clear:both;}

hr {display: none;}


/*------------------------------------------
【全体】
--------------------------------------------*/
#AIW_cp { background:url(20180426_aiw_bg.jpg) no-repeat center #000005 fixed; font-family:"メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif" !important; margin:0; padding:0; min-width:1200px; color:#FFFFFF; }



/*------------------------------------------
【メインビジュアル】
--------------------------------------------*/
#AIW_cp .main_v {background:url(20180426_aiw_main.png) no-repeat center;
				 margin:0 auto; padding:0; text-align:center; height:946px }

 /*--
.main_v_wrap .main_text{ margin:512px auto 0 -960px; }
--*/

.main_v_anim01{ margin:229px 3px 0 0;
				animation: main_v_anim01 2s ease 2s infinite alternate;
				-webkit-animation: main_v_anim01 2s ease 2s infinite alternate;
		}

@keyframes main_v_anim01 { 0%{ opacity: 1;} 100%{ opacity: 0;}}
@-webkit-keyframes main_v_anim01 { 0%{ opacity: 1;} 100%{ opacity: 0;}}


/*------------------------------------------
【アイテム】
--------------------------------------------*/
/*共通*/
.item_wrap {width:1000px;margin:-50px auto 160px; }
.item_con{ width:1000px; margin:140px auto; position:relative;}
.item_con .item_tit{ margin-bottom:0;}
.item_con .item-name{ margin:14px 0 20px; padding-bottom:20px;}
.item_con .item-name .logo{ float:left; margin:10px 20px 0 0;}
.item_con .item-name .name{ float:left; line-height:0.3em; margin-top:18px; }
.item_con .item-name .name .l{ font-weight:600; font-size:26px;}
.item_con .item-name .name .s{font-size:13px; margin-top:22px; }
.item_con .item-dit{ border-left: solid 5px; padding-left:10px; width:500px; float:left; margin-top:2px;
					 font-size:17px;}
.item_con .item-btn{ width:400px; float:right;  margin-top:16px; text-align:right; font-size:17px;}
.item_con .item-btn a{ border:solid 2px #D3C07B; text-decoration:none;color:#D3C07B; padding:10px 20px;}
.item_con .item-btn a:hover{ box-shadow: 0 0 16px #9F893A inset; color:#E1CD81;border:solid 2px #E1CD81;}

/* 点滅 */
.blinking{
	font-size:30px; margin-bottom:10px; color:#F1CC41;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes blink{0% {opacity:0;}100% {opacity:1;}}
@keyframes blink{ 0% {opacity:0;}100% {opacity:1;}}


/*ウォーマシン*/
.war_machine .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.war_machine .item-name:before{border-bottom:2px solid #7e8b96; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.war_machine .item-v{ position: absolute; right: 55px; top:30px; z-index:20;}
.war_machine .item-dit span{font-size:13px;}

/*アイアンマン マーク50*/
.ironman50 .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.ironman50 .item-name:before{border-bottom:2px solid #bc1c15; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.ironman50 .item-v{ position: absolute;right: 15px; top:48px; z-index:20;}
.ironman50 .item-dit span{font-size:13px;}

/*ソー*/
.thor .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.thor .item-name:before{border-bottom:2px solid #7e8b96; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.thor .item-v{ position: absolute;right: 15px; top:-6px; z-index:20;}
.thor .item-dit span{font-size:13px;}

/*ファルコン*/
.falcon .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.falcon .item-name:before{border-bottom:2px solid #CC393B; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.falcon .item-v{ position: absolute;right: 50px; top:-6px; z-index:20;}
.falcon .item-dit span{font-size:13px;}

/*ハルクバスター マーク2*/
.hulkbuster2 .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.hulkbuster2 .item-name:before{border-bottom:2px solid #bc1c15; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.hulkbuster2 .item-v{ position: absolute;right: 0; top: -6px; z-index:20;}
.hulkbuster2 .item-dit span{font-size:13px;}

/*ロケット*/
.rocket .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.rocket .item-name:before{border-bottom:2px solid #0b4899; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.rocket .item-v{ position: absolute;right: 0; top: 15px; z-index:20;}
.rocket .item-dit span{font-size:13px;}

/*バッキー*/
.bucky .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.bucky .item-name:before{border-bottom:2px solid #7e8b96; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.bucky .item-v{ position: absolute;right: 50px; top:-6px; z-index:20;}

/*パンサー*/
.b_panther .item-name{border-bottom:2px solid #d3c07b;position: relative;}
.b_panther .item-name:before{border-bottom:2px solid #8602c4; content:"";display:block;width:20%;position:absolute;bottom:0;margin-bottom:-2px;}
.b_panther .item-v{ position: absolute;right: 50px; top:-30px; z-index:20;}


 /* ====== スライドショー ====== */






 /*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 800px;
  height     : 410px;
  }

 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 15s ease infinite;
  -webkit-animation  : slideAnime 15s ease infinite;
}

 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s; -webkit-animation-delay: 0s;}
.slide img:nth-of-type(2) { animation-delay: 5s; -webkit-animation-delay: 5s;}
.slide img:nth-of-type(3) { animation-delay: 10s; -webkit-animation-delay: 10s;}

 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   6% { opacity: 1 }
  30% { opacity: 1 }
  36% { opacity: 0 }
 100% { opacity: 0 }
}
@-webkit-keyframes slideAnime{
   0% { opacity: 0 }
   6% { opacity: 1 }
  30% { opacity: 1 }
  36% { opacity: 0 }
 100% { opacity: 0 }
}



/*------------------------------------------
【キャンペーン】
--------------------------------------------*/
.cp_wrap{ width:1002px; margin:0 auto 120px;}
.cp_wrap .bnr01,.cp_wrap .bnr02 { border:solid 1px #57544c;}
.cp_wrap .bnr_text{ text-align:center; margin-top:35px}
.cp_wrap .bnr02{ margin-top:80px;}
.rank_wrap{ margin-top:30px;}
.cp_wrap .ctm_text{ text-align: center; font-size:23px;letter-spacing:0.1em; margin-top:15px;}
.cp_wrap .ctm_text a{ text-decoration:none; color:#FFFFFF;}


/*------------------------------------------
【関連リンク】
--------------------------------------------*/
.link_wrap{ width:1000px; margin:0 auto 80px;}
.link_wrap .link_01{ float:left}
.link_wrap .link_02{ float:right}
.link_wrap .link_tit{ font-size:21px; font-weight:600; letter-spacing:0.06em; text-align:center; margin-bottom:6px;}
.link_wrap .link_tit span{ font-size:17px;}
.link_wrap .link_02 .link_tit{font-size:19px;}
.link_wrap .link_02 .link_tit span{font-size:15px;}
.link_wrap img{ border:solid 1px #57544c;}
.link_wrap .link_text{ font-size:16px; color:#d3c07b; text-align:center; margin-top:20px;}
.link_wrap a{ text-decoration:none;}


/*------------------------------------------
【フッター】
--------------------------------------------*/
.footer_wrap{ width:1000px; margin:0 auto;}
.footer_wrap .notes_box{ font-size:13px; border:solid 1px #57544c; margin:0 auto 70px;padding:20px 30px; width:700px;letter-spacing:0.08em; }
.footer_wrap .notes_box .t_color{ color:#D3C07B; }
.footer_wrap .notes_box a{ color:#D3C07B; text-decoration:underline; }
.footer_wrap .copy{ font-size:13px; text-align:center; margin-bottom:70px;}
.footer_wrap .footer_logo{ width:300px; margin:0 auto; padding-bottom:60px;}
.footer_wrap .footer_logo .footer_logo01{ float:left;}
.footer_wrap .footer_logo .footer_logo02{ float:right;}



/*------------------------------------------
【追従ボタン】
--------------------------------------------*/
.cp-btn {
    position: fixed;
    bottom: 30px;
    right: 40px;
    display: block;
	z-index:50; }
