@charset "utf-8";

/*-------------------------------------------------------------------------
    app_connect_end
/*-----------------------------------------------------------------------*/
#app_connect_end {}
#app_connect_end .txt_intro {
    margin: 0 0 30px 0;
    padding: 0 40px;
    line-height: 1.5;
    font-size: 20px;
}
#app_connect_end .red {color: #df0024;}
#app_connect_end .big {font-size: 26px;}
#app_connect_end .item_area {
    padding: 30px 40px 50px 40px;
    background: url('../img/index/app_connect_end/bg.png') no-repeat top;
    background-size: 100% 100%;
}
#app_connect_end h3 {text-align: center;}
#app_connect_end .flex {
    margin: 30px auto;
    display: flex;
    width: 420px;
}
#app_connect_end .full {width: 650px;}
#app_connect_end dl {
    width: 50%;
    text-align: center;
}
#app_connect_end dl + dl {margin: 0 0 0 20px;}
#app_connect_end .height {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 245px;
}
#app_connect_end dd {
    margin: 5px 0 0 0;
    line-height: 1.2;
    color: #000;
    text-shadow: 2px 0px 1px rgba(255,255,255,.3), -2px 0px 1px rgba(255,255,255,.3), 0px -2px 1px rgba(255,255,255,.3), 0px 2px 1px rgba(255,255,255,.3), 2px 2px 1px rgba(255,255,255,.3), -2px 2px 1px rgba(255,255,255,.3), 2px -2px 1px rgba(255,255,255,.3), -2px -2px 1px rgba(255,255,255,.3), 1px 2px 1px rgba(255,255,255,.3), -1px 2px 1px rgba(255,255,255,.3), 1px -2px 1px rgba(255,255,255,.3), -1px -2px 1px rgba(255,255,255,.3), 2px 1px 1px rgba(255,255,255,.3), -2px 1px 1px rgba(255,255,255,.3), 2px -1px 1px rgba(255,255,255,.3), -2px -1px 1px rgba(255,255,255,.3), 1px 1px 1px rgba(255,255,255,.3), -1px 1px 1px rgba(255,255,255,.3), 1px -1px 1px rgba(255,255,255,.3), -1px -1px 1px rgba(255,255,255,.3);

}
#app_connect_end .name {font-weight: bold;}
#app_connect_end .kome {
    font-size: 12px;
    text-indent: -1.5rem;
}
#app_connect_end .kome_bottom {
    margin: 30px 0 0 0;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-shadow: 2px 0px 1px rgba(255,255,255,.3), -2px 0px 1px rgba(255,255,255,.3), 0px -2px 1px rgba(255,255,255,.3), 0px 2px 1px rgba(255,255,255,.3), 2px 2px 1px rgba(255,255,255,.3), -2px 2px 1px rgba(255,255,255,.3), 2px -2px 1px rgba(255,255,255,.3), -2px -2px 1px rgba(255,255,255,.3), 1px 2px 1px rgba(255,255,255,.3), -1px 2px 1px rgba(255,255,255,.3), 1px -2px 1px rgba(255,255,255,.3), -1px -2px 1px rgba(255,255,255,.3), 2px 1px 1px rgba(255,255,255,.3), -2px 1px 1px rgba(255,255,255,.3), 2px -1px 1px rgba(255,255,255,.3), -2px -1px 1px rgba(255,255,255,.3), 1px 1px 1px rgba(255,255,255,.3), -1px 1px 1px rgba(255,255,255,.3), 1px -1px 1px rgba(255,255,255,.3), -1px -1px 1px rgba(255,255,255,.3);
    letter-spacing: -.08em;
}
#app_connect_end .note_area {
    margin: 10px 0 100px 0;
    padding: 40px;
    line-height: 1.4;
    color: #df0024;
    background: url('../img/index/app_connect_end/bg_note.png') no-repeat center;
    background-size: 100% 100%;
    font-weight: bold;
    font-size: 20px;
}


#app_connect_end_2 {}
#app_connect_end_2 .txt_intro {
    margin: 0 0 30px 0;
    padding: 0 40px;
    line-height: 1.5;
    font-size: 20px;
}
#app_connect_end_2 .red {color: #df0024;}
#app_connect_end_2 .big {font-size: 26px;}
#app_connect_end_2 .item_area {
    padding: 30px 40px 50px 40px;
    background: url('../img/index/app_connect_end_2/bg.png') no-repeat top;
    background-size: 100% 100%;
}
#app_connect_end_2 h3 {text-align: center;}
#app_connect_end_2 .flex {
    margin: 30px auto;
    display: flex;
    width: 420px;
}
#app_connect_end_2 .full {width: 650px;}
#app_connect_end_2 dl {
    width: 50%;
    text-align: center;
}
#app_connect_end_2 dl + dl {margin: 0 0 0 20px;}
#app_connect_end_2 .height {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 245px;
}
#app_connect_end_2 dd {
    margin: 5px 0 0 0;
    line-height: 1.2;
    color: #000;
    text-shadow: 2px 0px 1px rgba(255,255,255,.3), -2px 0px 1px rgba(255,255,255,.3), 0px -2px 1px rgba(255,255,255,.3), 0px 2px 1px rgba(255,255,255,.3), 2px 2px 1px rgba(255,255,255,.3), -2px 2px 1px rgba(255,255,255,.3), 2px -2px 1px rgba(255,255,255,.3), -2px -2px 1px rgba(255,255,255,.3), 1px 2px 1px rgba(255,255,255,.3), -1px 2px 1px rgba(255,255,255,.3), 1px -2px 1px rgba(255,255,255,.3), -1px -2px 1px rgba(255,255,255,.3), 2px 1px 1px rgba(255,255,255,.3), -2px 1px 1px rgba(255,255,255,.3), 2px -1px 1px rgba(255,255,255,.3), -2px -1px 1px rgba(255,255,255,.3), 1px 1px 1px rgba(255,255,255,.3), -1px 1px 1px rgba(255,255,255,.3), 1px -1px 1px rgba(255,255,255,.3), -1px -1px 1px rgba(255,255,255,.3);

}
#app_connect_end_2 .name {font-weight: bold;}
#app_connect_end_2 .kome {
    font-size: 12px;
    text-indent: -1.5rem;
}
#app_connect_end_2 .kome_bottom {
    margin: 30px 0 0 0;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-shadow: 2px 0px 1px rgba(255,255,255,.3), -2px 0px 1px rgba(255,255,255,.3), 0px -2px 1px rgba(255,255,255,.3), 0px 2px 1px rgba(255,255,255,.3), 2px 2px 1px rgba(255,255,255,.3), -2px 2px 1px rgba(255,255,255,.3), 2px -2px 1px rgba(255,255,255,.3), -2px -2px 1px rgba(255,255,255,.3), 1px 2px 1px rgba(255,255,255,.3), -1px 2px 1px rgba(255,255,255,.3), 1px -2px 1px rgba(255,255,255,.3), -1px -2px 1px rgba(255,255,255,.3), 2px 1px 1px rgba(255,255,255,.3), -2px 1px 1px rgba(255,255,255,.3), 2px -1px 1px rgba(255,255,255,.3), -2px -1px 1px rgba(255,255,255,.3), 1px 1px 1px rgba(255,255,255,.3), -1px 1px 1px rgba(255,255,255,.3), 1px -1px 1px rgba(255,255,255,.3), -1px -1px 1px rgba(255,255,255,.3);
    letter-spacing: -.08em;
}
#app_connect_end_2 .note_area {
    margin: 30px 0 40px 0;
    padding: 40px;
    line-height: 1.4;
    color: #003bdf;
    background: url('../img/index/app_connect_end_2/bg_note.png') no-repeat center;
    background-size: 100% 100%;
    font-weight: bold;
    font-size: 20px;
}
#app_connect_end_2 .single {
    width: 100%;
    text-align: center;
}


/*-------------------------------------------------------------------------
	Item
/*-----------------------------------------------------------------------*/
#main-contents .content .item {
	margin-bottom:20px;
	font-size:12px;
}
#main-contents .content .item.bottom {
	margin-bottom:0px;
}
/*-------------------------------------------------------------------------
	Product
/*-----------------------------------------------------------------------*/
#product .item .info {
	bottom:10px;
	right: 28px;
	width:150px;
	min-height:165px;
}

#product .item .info.list02{
	right: 180px;
	min-height:72px;
}
#product .item .info.list03{
	right: 180px;
    height:114px;
    min-height:114px;
}
#product .item .info .button {
	position:absolute;
	left:0;
	bottom:0;
}

#product .item .info .button.bg02{
	left: 170px;
	top: 15px;
}
#product .item .info .button.bg03{
	left: 170px;
	top: 56px;
}
#product .item .info .release.bg03 {
    position: absolute;
    left: 128px;
    top: 94px;
    width: 200px;
}
#product .item .info p.caution{
	width:300px;
	position:absolute;
	top: 58px;
	left: 120px;
}

#product-001 .info {
	height:165px;
}

#product-002 .info,
#product-003 .info {
	height:210px;
}

#product-002 .info.list02{
	height:72px;
}

#product ul.itemList {
    position: relative;
    margin-top: -100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#product li.itemListBox h4 {
	padding: 0 12px;
}
#product li.itemListBox {
	background: url('../img/index/product/detail_adrop_bg.png') no-repeat center center;
	width: 50%;
	position: relative;
	margin: 0 8px 17px;
	height: 335px;
    width: 347px;
}
#product li.itemListBox.bg02{
	background: url('../img/index/product/detail_adrop_bg2.png') no-repeat center center;
}
#product li.itemListBox.bg03{
	background: url('../img/index/product/detail_adrop_bg3.png') no-repeat center center;
    height:371px;
}
#product li.itemListBox.bottom{
    top: -40px;
    margin: 0 8px 0px;
}
#product li.itemListBox.bg04{
	background: url('../img/index/product/detail_adrop_bg4.png') no-repeat center center;
    height:413px;
}
#product li.itemListBox.right{
	margin: 0 10px 17px 6px;
}
#product li.itemListBox .pkg {
	position: relative;
	bottom: 0;
	left: 5px;
}
#product li.itemListBox.bg02 .pkg,
#product li.itemListBox.bg03 .pkg {
	left: 60px;
}
#product li.itemListBox.bg04 .pkg {
	left: 60px;
}
#product li.itemListBox .info {
	right: 10px;
}
#product #product-003 .itemList {
    margin-top: -330px;
}
#product #product-003 li.itemListBox h4 {
    padding: 10px 12px 20px 12px;
}

#product #product-003 li.itemListBox h4.left{
    padding: 20px 12px 10px 12px;
}

#product #product-003 li.itemListBox .pkg {
    position: relative;
    top: 75px;
    left: 3px;
}
#product #product-003 li.itemListBox .pkg2 {
    position: relative;
    top: -20px;
    left: 12px;
}
/*-------------------------------------------------------------------------
	Event
/*-----------------------------------------------------------------------*/
#event .item .info {
	left:35px;
	top:102px;
}

	#event .item .info .text {
		margin-bottom:8px;
	}

	#event .item .info .note {
		margin-left:1em;
		font-size:12px;
	}
     #event .item .info .button {
          margin-top:15px;
	}

		#event .item .info .note li {
			margin-bottom:4px;
			text-indent:-1em;
		}

/*-------------------------------------------------------------------------
	Topics
/*-----------------------------------------------------------------------*/
#topics .item {
	padding:0 20px !important;
}

	#topics .item .text {
		font-size:22px;
	}

/*-------------------------------------------------------------------------
	Copyright
/*-----------------------------------------------------------------------*/
#main-contents .copyright {
	margin-top:240px;
}


/*モーダル部*/
#campaignModal02 .campaign.armordropsppoptop,
#campaignModal02 .campaign.armordropsppopbottom
{
    background:none;
}

#campaignModal02 .campaign.armordropsppoptop
{
    height:155px;
}

#campaignModal02 .campaign.armordropsppoptop
{
    position:relative;
}
#campaignModal02 .campaign.armordropsppoptop h2
{
    position:absolute;
    top:55px;
    left:0;
    right:0;
    margin:0 auto;
    font-size:22px;
    color:#ff6000;
}
#campaignModal02 .campaign.armordropsppopbottom
{
    height:56px;
}
#campaignModal02 .campaign.armordropsp{
    background: url(../img/armordropsp02/popup-bg-middle02.png) repeat-y center center;
    height: auto;
    padding-top: 20px;
    line-height:1.5;
}
.emergencytxt{
    text-align:center;
    margin:20px auto;
    position:relative;
    z-index:100;
    line-height:1.5;
}
.emergencytxt a{
    color:#ff0000;
    font-size:28px;
    font-weight:bold;
}
.textarea{
    padding:10px 0;
}
.textarea h2{
    width:600px;
    text-align:left;
    margin:20px auto 0 auto;
    font-weight:bold;
    font-size:20px;
}
.textarea p{
    width:600px;
    text-align:left;
    margin:20px auto;
}
.textarea span.redtxt{
    color:#ff0000;
}
.textarea p.last{
    margin:0px auto;
}
.waku{
    border: 2px solid #000000;
    width: 600px;
    margin: 0 auto;
    padding:0 20px;
}
.cautionarea .textarea p.fbtn{
    text-align:center;
    margin:20px auto;
}

/*-------------------------------------------------------------------------
    change_bg
/*-----------------------------------------------------------------------*/


.change_bg{
}

.change_img{
    text-align:center;
    margin-right: 20px;
}

.change_ttl{
    margin-bottom: 30px;
}

.change_txt{
    color: #000;
    font-size: 20px;
    line-height:1.5;
    margin: 0 0 30px 0;
    padding: 20px 40px;
}