@charset "utf-8";

/* SP （画面480px以下）
=================================================*/
.sp_top{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
}
.sp_bnr{
	width: 95%;
	height: auto;
	padding: 0;
	margin: 0 auto 15px auto;
	display: block;
}

.sp_bnr img{
	width: 100%;
	height: auto;
}
.pc_top{
		display: none;
	}



.home_pc_bottom{
	width: 100%;
	margin: -1em 0 0;
	padding: 0 0 2em;
	background-image: url(../home/sp_home_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	}




.home_txt_box{
		width: 95%;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
	.home_txt_box .left,
	.home_txt_box .right{
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	
	.home_txt_box img{
		width: 100%;
		height: auto;
	}
	
	.home_txt_box p{
		font-size: 100%;
		line-height: 160%;
		padding: 0 0 1em 0;
	}


.M_B20{
	margin-bottom: 20px;
}

.home_txt_box table{
	border: none;
	width: auto;
	text-align: center;
	font-size: 80%;
	margin: 0 auto;
	padding: 0;
}
.home_txt_box th{
	border: none;
	
}
.home_txt_box td{
	border: none;
}

.home_txt_box td.td_right{
	text-align: right;
}
.home_txt_box td.td_right,
.home_txt_box td.td_left{
	width: auto !important;
	margin: 0;
	padding: 2px;
}

.home_txt_box td.td_left{
	text-align: left;
}

.center{
	text-align: center !important;
}

.spec_box{
	width: 100%;
	margin: -20px 0 0px;
	position: relative;
}
.spec_box .top{
	background-image: url(../home/h2_bar_news_01.png);
	background-position: center top;
	background-repeat: none;
	height: 20px;
	
}
.spec_box .middle{
	background-image: url(../home/h2_bar_news_02.png);
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0 20px;
}
.spec_box .bottom{
	background-image: url(../home/h2_bar_news_03.png);
	background-position: center top;
	background-repeat: none;
	height: 20px;
}
.spec_box dl{
	margin: 0;
	padding: 10px 0 10px;
	border-bottom: #c1b7b1 solid 1px;
	clear: both;
}
.spec_box dt{
	float: none;
	clear : both;
	width: 7.5em;
	height: auto;
	display: block;
	max-width:7.5em;
	line-height: 140%;/* IE11対策 */
	font-size: 90%;
	letter-spacing: 0.2em;
}
.spec_box dd{
	margin-left : 0;
	width: auto;
	padding: 0 0 0 2em;
	line-height: 140%;/* IE11対策 */
	font-size: 80%;
}

.hard_box{
	width: 100%;
}
.hard_box .top{
	width: 100%;
	height: auto;
}

.hard_box .top img{
	width: 100%;
	height: auto;
}

.hard_box .bottom{
	text-align: center;
	width: 100%;
	height: auto;
}

.hard_box .bottom img{
	width: 29%;
	height: auto;
	padding: 0;
	margin: 0.5em 0;
	border: 2px solid rgba(255,255,255,1);
	filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.6));
	-webkit-filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.6));
	-moz-filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.6));
	-o-filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.6));
	-ms-filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.6));
	}



.news_box{
	width: 100%;
	margin: -20px 0 50px;
	position: relative;
}
.news_box .top{
	background-image: url(../home/h2_bar_news_01.png);
	background-position: center top;
	background-repeat: none;
	height: 20px;
	
}
.news_box .middle{
	background-image: url(../home/h2_bar_news_02.png);
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0 20px;
}
.news_box .bottom{
	background-image: url(../home/h2_bar_news_03.png);
	background-position: center top;
	background-repeat: none;
	height: auto;
	text-align: center;
}
.news_box dl{
	margin: 0;
	padding: 5px 0 10px;
	border-bottom: #c1b7b1 solid 1px;
	clear: both;
}
.news_box dt{
	float: none;
	clear : both;
	width: 6.2em;
	height: auto;
	display: block;
	max-width:6.2em;
	line-height: 120%;/* IE11対策 */
}
.news_box dd{
	margin-left : 0;
	width: auto;
	background-image: url(../home/h2_bar_news_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 0 0 20px;
	line-height: 120%;/* IE11対策 */

}

.news_box label {
	cursor: pointer;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.news_box label:after {
	content: url(../home/btn_news_open.png);
	position: absolute;
	bottom: -20px;/* Openボタンの位置 */
	right: 20px;/* Openボタンの位置 */
	width: 140px;
	height: 50px;

}
.news_box label:before {

}
.news_box input {
	display: none;
}
.news_box .middle {
	overflow: hidden;
	height: 100px; /* デフォルトのボックスの高さ */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_box input:checked + label {
}
.news_box input:checked + label:after {
	content: url(../home/btn_news_close.png);
}
.news_box input:checked + label:before {
}
.news_box input:checked ~ .middle {
    height: auto;
	padding-bottom: 10px;/* Closeボタンの位置 */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


/* Tablet （画面481px以上1023以下）
=================================================*/
@media screen and (min-width:481px) {
	.pc_top{
		display: none;
	}
	
	
	
	.home_txt_box p{
		font-size: 120%;
		line-height: 160%;
		padding: 0 0 1em 0;
	}
	

	
}



/* PC 画面サイズ1024px以上
=================================================*/
@media screen and (min-width: 1024px) { 
	body.home {
	background-image: url(../home/home_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-size: calc(120%);
	background-attachment:scroll;

 }
	

	
	.pc_top{
		display: block;
		height: 778px;/*778px*/
		position: relative;
	}
	
	.pc_logo{
		width: 400px;
		height: auto;
		position: absolute;
		top:100px;
		left:8px;
	}
	
	.pc_releasedate{
		width: 420px;
		height: auto;
		position: absolute;
		top:620px;
		left:10px;
		
	}
	
	.pc_bnr_tw{
		width: 300px;
		height: auto;
		position: absolute;
		top:660px;
		left:0px;
		text-indent: -9999px;
		background-image: url(../home/pc_btn_tw.png);
		background-position: bottom left;
	}
	
	.pc_bnr_tw a img{
		display: block;
		width: 300px;
		height: 113px;
		-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
	}
	
	.pc_bnr_tw a:hover img{
		opacity: 0.2;
		filter: alpha(opacity=20);
	}
	

	
	.sp_top,
	.sp_bnr{
		display: none;
	}
	
	.home_pc_bottom{
		width: 100%;
		margin: 0;
		padding: 0 0 2em;
		background-image: none;
	}
	
	.main_pc_bottom{
		width: 1000px;
		margin: 0 auto;
		padding: 0;
	}
	

	

	
	
	.home_txt_box{
		width: 940px;
		margin: 0 auto 30px;
	}
	.home_txt_box .left{
		width: 460px;
		float: left;
		margin: 0 10px 0 0;
	}
	.home_txt_box .right{
		width: 460px;
		float: right;
		margin: 0 0 0 10px;
	}
	
	.home_txt_box p{
		font-size: 19px;
		line-height: 160%;
		padding: 0 0 1em 0;
	}
	.home_txt_box ul li{
		font-size: 19px;
		line-height: 160%;
		padding: 0;
	}
	.home_txt_box table{
	font-size: 100%;
		
}
	.home_txt_box td.td_right,
	.home_txt_box td.td_left{
	width: auto !important;
	margin: 0;
	padding: 5px;
}
	
	.news_box dt{
		float: left;
		font-size: 16px;

}
	.news_box dd{
		margin :0 0 0 6.2em;
		font-size: 16px;


}
	.spec_box dt{
		float: left;
		font-size: 16px;
		text-align: justify;/* 両端揃え */
		text-justify: inter-ideograph;/* 両端揃え */
		-moz-text-align-last: justify;/* 両端揃え */
		text-align-last: justify;/* 両端揃え */

}
	.spec_box dd{
		margin :0 0 0 7.2em;
		font-size: 16px;
}
	
.hard_box .top{
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
}
	
.hard_box .bottom{
	background-image: url(../home/bar_hard_bg.png);
	width: 968px;
	height: auto;
	border-right: 1px #000 solid;
	border-left: 1px #000 solid;
	border-bottom: 1px #000 solid;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	text-align: center !important;
	margin: 0 0 2em 0;
	padding: 5px 15px;
}

	
.hard_box .bottom img{
	width: 280px;
	height: auto;
	padding: 0;
	margin: 0.5em 0;
	border: 3px solid rgba(255,255,255,0);
	filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.6));
	-webkit-filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.6));
	-moz-filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.6));
	-o-filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.6));
	-ms-filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.6));
	}
	
.hard_box a:hover img {
  opacity: .7;
  -webkit-opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);	/* IE lt 8 */
  -ms-filter: "alpha(opacity=70)"; /* IE 8 */
  background-color: #fff;
	border: 3px #fff solid;
}
	
.hard_box a img {
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
	
}