@charset "utf-8";
/* CSS Document */
@import url('../common.css');

#topimage{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}



/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
    #topimage{
	position:relative;
	width:980px;
	height:350px;
    }
    #topimage .btn{
            position:absolute;
            bottom:13px;
            left:13px;
    }
    .concept{
            padding-bottom: 20px;
            padding-left: 2px;
            padding-top: 20px;
    }
    #section1{
            overflow: hidden;
            padding: 2px;
    }
    #section1 p{
            float: left;
            padding-left: 2px;
            padding-right: 40px;
            width: 740px;
    }
    #section1 .pic{
            float: left;
    }
    #section2{
            overflow: hidden;
            padding: 2px;
    }
    .kodawari_text{
            padding-bottom: 7px;
            text-align: center;
    }
    .item{
            background-color: #400a0b;
            color: #fff;
            float: left;
            height: 220px;
            margin-right: 18px;
            margin-top: 10px;
            padding: 10px;
            width: 210px;
    }
    .item .number{
            float: left;
            margin-right: 9px;
            width: 16px;
    }
    .item .gold{
            float: left;
            margin-bottom: 5px;
            margin-top: 8px;
    }
    .item .txt{
            clear: both;
            line-height: 145%;
    }
    #item4{
            margin-right: 0;
            padding: 0;
            width: 213px;
            background-color: #fff;
    }
}

/*Tab&Phone
--------------------------------------------------*/
@media screen and (max-width:1080px),print{
    #section1 p{
            float: left;
            padding-left: 2px;
            padding-right: 40px;
            width: 68%;
    }
    #section1 .pic{
            float: left;
            width: 23%;
    }
    #item4{
            background-color: #fff;
            margin-right: 0;
            padding: 0;
            width: 24%;
    }    
    
	.concept{
		margin: 5% 0;
	}
	#section1 p{
		margin-bottom: 5%;
		width: 100%;
	}
	#section1 .pic{
		float: none;
		margin: 0 auto 5%;
		width: 50%;
	}
	.kodawari_text{
		padding-bottom: 5%;
	}
	.section img{
		width:100%;
		height:auto;
	}
	.item{
		background-color: #400a0b;
		margin-bottom: 3%;
		overflow: hidden;
		padding: 2%;
	}
	.item .number{
		float: left;
		width: 8%;
	}
	.item .gold{
		float: left;
		padding-left: 5%;
		padding-top: 4%;
		width: 70%;
	}
	.item .txt{
		clear: both;
		color: #fff;
		margin-bottom: 3%;
	}
	#item4{
		margin: 3% auto 2%;
		width: 60%;
	}
	#topimage{
		position:relative;
	}
	#topimage .btn{
		bottom: 5px;
		left: 6px;
		position: absolute;
		width: 18%;
	}
    
    
}