@charset "UTF-8";
/* CSS Document */


#wapper{
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	
	/*footer最下部
	
	min-height: 100vh;
    position: relative;/*←相対位置
    padding-bottom: 100px;/*←footerの高さ
    box-sizing: border-box;/*←全て含めてmin-height:100vhに
*/

}

header{
	width: 100%;
	
}




/* お知らせ */

#container{
	padding: 0;
	margin: 50px 0 100px;
}

#important{
	width: 800px;
	margin: 0 auto;
	padding: 70px 0 0;
	
}

h3{
	font-size: 1.5em;
	text-align: center;
}

.notes{
	padding: 40px 80px 0;
	text-align:justify;  /*両端揃え*/ 
	text-justify: inter-ideograph;  /*両端揃えの種類*/ 
	margin-bottom: 30px;
}


/*対象商品*/
/*.applicable dl {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	
}

.applicable dt {
	width: 20%;
	background: #fff;
	border: solid 1px #222; 
	float:left;
	padding: 5px 20px 0 20px;
}

.applicable dd { 
	padding: 5px 20px 0 200px;
	border: solid 1px #222; 
}

.applicable dd p{
	text-align: left;
}

.applicable dd.indentback{
  text-indent: -1em;
  padding-left: 1em;
}*/


.applicable {
	/*width: 700px;*/
	text-align: left;
	padding: 0px 80px 0px;
}


.applicable table{
	/*margin: 0 auto;*/
	border-collapse: collapse;
	border-spacing: 0;
}

.applicable th,
.applicable td {
	border: 1px solid #ccc;
	padding: 5px 15px;
}

.applicable th{
	font-weight: normal;
}

.applicable td {
	padding: 5px 15px;

}

@media screen and (max-width: 767px) {
.applicable,
.applicable tr,
.applicable td,
.applicable th, /*{display:block;}*/
.applicable th {width:auto;}
}

.applicable p{
	/*display: block;*/
	padding: 10px 10px;
	/*margin: 0 auto;*/
	
	
}

.notescenter{
	text-align:left;  
	margin-bottom: 10px;
	padding: 20px 80px 0px;
}

.notesend{
	text-align:right;  
	margin: 50px 0;
}

/* お知らせここまで */


.btn{
	text-align: center;
	padding: 50px 0;
	width: 900px;
	margin: 0 auto;
}

.jump_btn li{
	float: left;
	width: 50%
	
}

.jump_btn img{
	width: 80%;
	box-shadow: 2px 2px 4px gray;
}

.jump_btn a :hover {
　opacity: 0.7;
　color: white;
}


/*global*/