@charset "utf-8";
/* CSS Document */
/*p{
	margin: 0;
}
ul{
	padding: 0;
	margin: 0;
	overflow: hidden;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #000000;
}*/

/* CSS Document */


/*#wrapper a:link { text-decoration: none; }
#wrapper a:visited { color: #000000; }
#wrapper a:hover { color: #000000; }
#wrapper a:active { color: #000000; }*/

#EZ_wrapper{
	/*max-width: 985px;*/
	width: 100%;
	text-align: center;
	margin: 2% auto;
	font-family: "Arial","游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'メイリオ', Meiryo, sans-serif;
	font-size: 16px;
	color: #000000;
    padding-bottom: 20px;
}

.EZ_main{
	display: inline-block;
	text-align: center;
	width: 100%;
	height: auto;
	margin:2% auto;
	position:relative;
	text-align: center;
}

.EZ_box{
    max-width: 985px;
    width: 100%;
    display: inline-block;
	margin: 2% auto 0;
	text-align: center;
    
}

.Title{
    text-align: center;
    margin: 2% auto;
    font-size: 20px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    letter-spacing: 0.1em;
    line-height: 1.6em;
    font-weight: bold;
    color: #d49204;

}

.sub_Title{
    font-family: 'Lato', sans-serif;
    text-align: center;
    margin: 1% auto;
    font-size: 17px;
    font-weight: bold;
    
}
.txt{
	font-size: 13px;
	width: 50%;
	text-align: center;
	margin: 0% auto 5%;
}
.lead_p{
    width: 100%;
    color: #000000;
	display: block;
	margin: 2% auto;
	font-size: 15px;
	line-height: 1.8em;
	letter-spacing: 0.08em;
	text-align: center;
    
	
}
.lead_s{
	display: none;
}

.hr{
    border-bottom: #8F8F8F 1px solid;
    margin: 1% auto;
}
.cp_hr {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#ec5140 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#ec5140 50%,transparent 100%);
}

.small{
	font-size:80%;
}
.clear {
	clear: both;
}
.pc{
	display: block;
}
.sp{
	display: none;
}



/*Item*/
#EZ_wrapper h2{
	margin: 1% auto 2%;
	font-size: 1.2em;
	text-align: center;
}
#EZ_wrapper .item_box{
	width: 90%;
	overflow: hidden;
	margin: 2% auto 10%;
}

#EZ_wrapper .main_item{
	width: 45.5%;
	display: block;
	margin: 1% auto 1%;
	/*float: left;*/
	padding: 2%;
}

#EZ_wrapper .main_item img{
	width: 100%;
	/*display: block;
	margin: 0 auto 3%;*/
}
#EZ_wrapper .main_item2{
	width: 100%;
	display: block;
	margin: 1% auto 1%;
	/*float: left;*/
	padding: 2%;
}

#EZ_wrapper .item_img{
    width: 50%;
    float:left;
    text-align: center;
    margin: 2% auto 15%;
    box-sizing: border-box;
    padding: 1%;
}
#EZ_wrapper .item_ttl{
    font-size: 14px;
    text-align:left;
    margin: 2% auto 1%;
    line-height: 1.6em;
    font-weight: bold;
    
}

#EZ_wrapper .credit{
	width:100%;
	overflow: hidden;
	margin: 0 auto 2%;
}

#EZ_wrapper .item_name{
	width: 100%;
    text-align: center;
    font-size: 1.1em;
    margin: 1% auto 0;
    line-height: 1.6em;
    font-weight:bold;
    color: #000000;
	/*float: left;*/
	/*vertical-align: middle;*/
}

#EZ_wrapper .item_p{
	width: 100%;
    text-align: center;
    font-size: 1em;
    margin: 1% auto 3%;
    line-height: 1.6em;
    font-weight:bold;
    color: #000000;
	/*float: left;*/
	/*vertical-align: middle;*/
}


a.btn{
    width: 40%;
	min-width: 80px;
	overflow: visible;
    text-align: center;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	margin: 0 auto;
	 padding: 0.7%;
	background-color: #000000 ;
    color: #FFFFFF;
	/*display: inline-block;*/
   /* float: right;*/
   /* border: #000000 1px solid;*/
    /*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
}
/*
a.btn {
    display: block;
    color:#FFFFFF;
    padding: 1% 0;
    font-size: 12px;

	}*/

a.btn_all{
    width: 80%;
	/*min-width: 80px;*/
	overflow: visible;
    text-align: center;
	text-decoration: none;
	font-size: 1em;
	display: block;
	margin: 0 auto;
	 padding: 2% 0;
	background-color: #000000 ;
    color: #FFFFFF;
	/*display: inline-block;*/
   /* float: right;*/
   /* border: #000000 1px solid;*/
    /*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
}

.cmt{
    width: 98%;
    text-align: left;
    color: #000000;
    font-size: 0.9rem;
    letter-spacing: 0.03em;
    line-height: 1.7em;
    margin: 4% auto 0%;
    /*display: inline-block;*/
}

.clear{
		clear: both;
	}

.bold{
	font-weight: bold;
	text-align: center;
	font-size: 120%;
}


.kyoryoku{
	font-size: 11px;
	text-align: right;
}

@media only screen and (max-width:750px){
	#EZ_wrapper {
		width: 100%;
		text-align: center;
		margin: 5% auto;
		color: #000000;
	}
	
	.EZ_main{
		width: 100%;
		
	}
    .Title{
        letter-spacing: 0.09em;
    }
    .sub_Title{
        margin: 5% auto;
    }
    
	.txt{
		width: 100%;
	}

	.pc {
		display:none;
	}
	.sp {
		display:block;
		width: 100%;
	}
	.lead_p{
		display: none;
	}
	.lead_s{
        width: 96%;
        color: #000000;
        display: block;
        margin: 5% auto;
        font-size: 13px;
        line-height: 1.8em;
        letter-spacing: 0.08em;
        text-align:left;
	}
	
	#EZ_box{
		width: 99%;
        margin: 2% auto 0;
        text-align: center;
        float: none;
	}
	
	#EZ_wrapper .item_box{
		width: 100%;
		overflow: hidden;
		margin: 2% auto 10%;
		padding: 0;
	}
	
	#EZ_wrapper .main_item{
		width: 70.5%;
		display: block;
		margin: 1% auto 1%;
		/*float: left;
		padding: 1%;*/
	}
	
	#EZ_wrapper .main_item2{
		width: 100%;
		display: block;
		margin: 1% auto 1%;
		/*float: left;*/
		padding: 0;
	}
	
	/*#EZ_box .main_item{
		width: 100%;
		display: block;
		margin: 5% auto 10%;
	}

    #EZ_box .item_img{
        width: 85%;
        text-align: center;
        margin: 5% auto;
        box-sizing: border-box;
        float: none;
        padding: 1% 1% 8%;
    }
	
	*/
	#EZ_wrapper .item_name{
		text-align: center;
		font-size: 0.9em;
		margin: 2% auto 1%;
		line-height: 1.6em;
		float: none;
		width: 100%;
	}

    .hr{
        margin: 0% auto 0%;
    }
	
    a.btn{
        width: 45%;
		float: none;
		margin: 2% auto 3%;
		display: block;
		/*padding: 1%;*/
	}
	/*a.btn {
		display: block;
		color:#FFFFFF;
		padding: 3% 0;
		font-size: 8px;

	}*/
    .cmt{
        width: 90%;
    }

	
	.bold{
	font-weight: bold;
	text-align: left;
	}
    

	

}