@charset "utf-8";


/*=============================================
	
	タイトル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#title_wrap {
		color: #FFF;
	}
	#title_wrap .short_border {
		width: 8%;
		margin: 2.4em auto;
	}
	#title_wrap h5 {
	}
 
}

@media print, screen and (min-width: 769px) {
	#title_wrap {
		color: #FFF;
		padding: 80px 0 60px !important;
	}
	#title_wrap .short_border {
		width: 2%;
		margin: 4.0em auto;
	}
	#title_wrap h4 {
		font-size: 32px;
	}
	#title_wrap h5 {
	}
 
}

/*=============================================
	
	PC時の2カラム
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.two_wrap {
	}
 
}

@media print, screen and (min-width: 769px) {
	.two_wrap {
		width: 100%;
		height: 480px;
	}
}

/*=============================================
	
	メッセージ01
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#top_message {
	}
	#top_message p.body_text {
		color: #333;
		font-size: 1.1em;
		line-height: 2.2em;
		text-align: center;
	}
 
}

@media print, screen and (min-width: 769px) {
	#top_message {
		float: right;
		width: 50%;
		height: 100%;
		padding: 0;
		position: relative;	
	}
	#top_message p.body_text {
		position: absolute;
		left: 0;
		top: 100px;
		width: 100%;
		color: #333;
		font-size: 1.1em;
		line-height: 2.2em;
		margin: 0 0 1.6em;
		text-align: center;
	}
}


/*=============================================
	
	ビジュアル01
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#vis01 {
		padding-top: 100%;
	}
 
}

@media print, screen and (min-width: 769px) {
	#vis01 {
		float: left;
		width: 50%;
		height: 100%;
		background-position: center 60%;
	}
}

/*=============================================
	
	メッセージ02
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#second_message {
	}
	#second_message p.body_text {
		color: #666;
		font-size: 1.1em;
		line-height: 2.2em;
		margin: 0 0 1.6em;
		text-align: center;
	}
}

@media print, screen and (min-width: 769px) {
	#second_message {
		float: left;
		width: 50%;
		height: 100%;
		padding: 0;
		position: relative;	
	}
	#second_message p.body_text {
		position: absolute;
		left: 0;
		top: 140px;
		width: 100%;
		color: #666;
		font-size: 1.1em;
		line-height: 2.2em;
		margin: 0 0 1.6em;
		text-align: center;
	}
}

/*=============================================
	
	ビジュアル02
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#vis02 {
		padding-top: 100%;
	}
 
}

@media print, screen and (min-width: 769px) {
	#vis02 {
		float: right;
		width: 50%;
		height: 100%;
		background-position: center 60%;
	}
}

/*=============================================
	
	ビジュアル02
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#season_wrap {
		width: 100%;
		margin: 0 auto 2.0em;
	}
 
}

@media print, screen and (min-width: 769px) {
	#season_wrap {
		width: 960px;
		margin: 0 auto 40px;
	}
}



/*=============================================
	
	ポイントのレイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.point_wrap {
		padding: 5.6em 0 10.0em;
	}
	.point_wrap p.number{
		position: relative;
		text-align: center;
		font-size: 1.2em;
		padding: 0.5em 0;
		margin: 0 0 2.6em;
		color: #b7a26d;
	}
	.point_wrap p.number:before{
		content: "";
		width: 20%;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -18%;
	}
	.point_wrap p.number:after{
		content: "";
		width: 20%;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -2%;
	}
	.point_wrap .pointimg01 {
		padding-top: 75%;
		margin: 0 0 1.6em;
	}
	
	
}

@media print, screen and (min-width: 769px) {
	.point_wrap {
		padding: 60px 0 120px;
	}
	.point_wrap:first-of-type {
		padding: 20px 0;
	}
	.point_wrap p.number{
		position: relative;
		text-align: center;
		font-size: 1.8em;
		padding: 0.5em 0;
		margin: 0 0 2.6em;
		color: #b7a26d;
	}
	.point_wrap p.number:before{
		content: "";
		width: 80px;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -80px;
	}
	.point_wrap p.number:after{
		content: "";
		width: 80px;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: 0;
	}
	.point_wrap .pointimg01 {
		width: 720px;
		padding-top: 30%;
		margin: 0 auto 1.6em;
	}

}

/*=============================================
	
	ポイントの詳細レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.point_detail_wrap {
		padding: 0 0 3.0em;
	}
	.point_detail_wrap .set {
		margin: 0 0 10.0em;
		position: relative;
	}
	.point_detail_wrap .set:nth-of-type(3) {
		margin: 0 0 3.0em;
	}
	.point_detail_wrap .set .pointmainimg {
		padding-top: 75%;
		margin: 0 0 1.6em;
	}
	.point_detail_wrap .set div.cube {
		width: 120px;
		height: 120px;
		background: #FFF;
        -webkit-transform:
            rotate(-45deg);
        margin: 0 auto;
		position: absolute;
		left: 50%;
		top: -60px;
		margin-left: -60px;

	}
	.point_detail_wrap .set div.cube h3 {
        position: absolute;
        left: 0;
        top: 30px;
        -webkit-transform:
            rotate(45deg);
        text-align: center;
        width: 100%;
        line-height: 2.4em;
	}
	.point_detail_wrap .set .pointimg01 {
		padding-top: 75%;
		margin:  0 0 2.8em;
	}
	.point_detail_wrap .set p {
		width: 70%;
		margin: 0 auto 2.8em;
		line-height: 2.0em;
	}
	.point_detail_wrap .set .img_list {
		
	}
	.point_detail_wrap .set .img_list li {
		padding-top: 56.25%;
	}
	.point_detail_wrap .award {
		width: 80%;
		color: #98836d;
		border: 3px double #98836d;
		text-align: center;
		font-size: 1.1em;
		margin: 0 auto 0;
		line-height: 2.2em;
		padding: 1.5em 0;
	}
}

@media print, screen and (min-width: 769px) {
	.point_detail_wrap {
		padding: 0 0 3.0em;
	}
	.point_detail_wrap .set {
		margin: 0 0 10.0em;
		position: relative;
	}
	.point_detail_wrap .set:nth-of-type(3) {
		margin: 0 0 3.0em;
	}
	.point_detail_wrap .set div.cube {
		width: 120px;
		height: 120px;
		background: #FFF;
        -webkit-transform:
            rotate(-45deg);
        margin: 0 auto;
		position: absolute;
		left: 50%;
		top: -60px;
		margin-left: -60px;

	}
	.point_detail_wrap .set div.cube h3 {
        position: absolute;
        left: 0;
        top: 30px;
        -webkit-transform:
            rotate(45deg);
        text-align: center;
        width: 100%;
        line-height: 2.4em;
	}
	.point_detail_wrap .set .pointimg01 {
		width: 720px;
		padding-top: 30%;
		margin:  0 auto 2.8em;
	}
	.point_detail_wrap .set p {
		width: 640px;
		margin: 0 auto 2.8em;
		line-height: 2.0em;
	}
	.point_detail_wrap .set .img_list {
		width: 720px;
		margin: 0 auto;
	}
	.point_detail_wrap .set .img_list li {
		float: left;
		width: 50%;
		padding-top: 30%;
	}
	.point_detail_wrap .award {
		width: 720px;
		color: #98836d;
		border: 3px double #98836d;
		text-align: center;
		font-size: 1.1em;
		margin: 0 auto 0;
		line-height: 2.2em;
		padding: 1.5em 0;
	}
}