@charset "utf-8";
.page_title{
	text-align : center;
}
.content_center{
	text-align : center;
}
section p{
	margin : 20px;
}
#PERIOD{
	background :linear-gradient(-359deg, rgba(234, 187, 0, .8), rgba(246, 209, 0, .8));
	padding : 25px;
	border-radius: 5px;
	letter-spacing: 0.2rem;
	width: 50%;
    margin: 50px auto;
}
#PERIOD span{
	background-color : #ffffff;
	padding : 15px;
	margin-left : 10px;
	border-radius: 5px;
	letter-spacing: 0.2rem;
}
#ENTRY{
	margin-top : 75px;
}
.special_text {
	padding : 10px;
	margin-top : 20px;
	margin-bottom : 50px;
	background-image :
		linear-gradient(to right, #F1CE33, #F1CE33 3px, transparent 3px, transparent 8px),  /* 上の線 */
		linear-gradient(to left, #F1CE33, #F1CE33 3px, transparent 3px, transparent 8px);  /* 下の線 */

	background-size:
		8px 2px,  /* 上の線 */
		8px 2px;  /* 下の線 */
	background-position:
		left top,  /* 上の線 */
		right bottom;  /* 下の線 */
	background-repeat:
		repeat-x,  /* 上の線 */
		repeat-x;  /* 下の線 */
}
.special_text span{
	letter-spacing: 0.1rem;
	font-size : 2rem;
	color :#BF0000; 
}
.special_text img{
		width : calc(100% / 2 - 50px);
		border-radius : 10px;
}
.fukidashi{
	position: relative;
	padding: 20px;
	background-color: #107b5e;
	color: #ffffff;
	border-radius: 10px;
	width : 350px;
	margin : 20px auto;
}
.fukidashi:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	transform: rotate(45deg);
	left: 20px;
	top: -15px;
	border-left: 20px solid #107b5e;
	border-top: 20px solid #107b5e;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.fukidashi:after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	transform: rotate(45deg);
	left: 35px;
	top: -20px;
	border-left: 20px solid #ffffff;
	border-top: 20px solid #ffffff;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.eyecatch{
	margin : 0px auto 30px auto;
	width : 80%;
}
.private_information input.zipcode{
    float: left;
	width : 50%;
	margin-bottom : 10px;
}
.private_information input.button_search_zip{
	display: inline-block;
    border-radius: 3px;
    background-color: #bb2d2d;
    color: #ffffff;
	width: 120px;
    margin: 0px 10px;
    float: left;
    font-size: 14px;
	cursor : pointer;
}
@media screen and (max-width: 960px){
	#PERIOD {
		width : 100%;
	}
}
@media screen and (max-width: 750px){
	#PERIOD{
		display : flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		padding : 15px;
	}
	.special_text img{
		width : 100%;
	}
	#PERIOD span{
		letter-spacing: 0rem;
		margin-top : 10px;
	}
}
@media screen and (max-width: 450px){
	main>article {
		padding : 0px;
	}
	#ENTRY{
		padding : 0px 5px;
	}
}