/* CSS Document */

/* Xmasコンテンツ全体 */
#xmas { margin:0 0 0 17px;text-align: justify;text-justify: inter-ideograph;}
body{
	font-size: 15px;
}
/* パンくずリスト */
.bread-crumb {
    margin-top: 109px;
    margin-inline: auto;
    padding: 17px 24px;
	max-width: none;
    background: #fff;
}
.breadcrumb {
    max-width: calc(1056px + (24px * 2));
    margin: 0 auto;
}
.mainContents{
	margin-top: 0!important;
}

/* メインビジュアル */
h1 img{
	margin: 0 auto;
}

/* キャッチコピー上部 */
#xmas #catchTop{
	background:#fff url(/present/xmas2025/img/catch_top.jpg) no-repeat top left;
	width:1000px;
	padding:80px 15px 5px 15px;
	color:#000;
	line-height:1.5em;
	margin: 10px auto 0;
	}
#xmas #catchTop strong{ font-size:20px; font-weight:bold; letter-spacing:0.5em; color:#CB2125; display:block; padding:10px 0 5px 0 ;}
#xmas #catchTop h2{ background:none!important; margin:0; display:none;}
/*#xmas #catchTop p{ width: 80%;}*/

/* キャッチコピー下部 */
#xmas #catchBottom{background: url(/present/xmas2025/img/catch_bottom.jpg) no-repeat bottom left;
width:1000px;padding:0 15px 40px 15px;
font-size:medium; color:#CB2125; line-height:1.5em;margin: 0 auto;}

.red{color: #FF0004;}
.present-area{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
}
.present {
	width:47%;/*250*/
/*	background: #c5d3db;*/
	border: solid #c90 3px;
	border-radius: 8px;
	padding:10px;
	margin:15px;
}

.present h2 {
	font-size: 125%;
    /* font-size: 1em; */
    font-weight: normal;
    padding: 0.5em 0;
}

.present div.gift{
	font-size: 118%;
    line-height: 1.5;
    text-align: center;
    background-color: #fff8dd;
    padding: 0.5em 0;
}

.present div.num{
	font-size: 120%;
	text-align: right;
}

.present p {
	line-height: 1.5;
}

.present a {
	font-size:12px;
    margin: 0.5em 0 0 0;
    padding: 0.2em 0.2em 0.2em 1.5em;
    background: url(/img/allow/blue.gif) no-repeat 0.5em 0.5em;
}

.icon {
	float: left;
	width: 40px;
	height: 40px;
	margin-right:8px;
}
.imgCenter {
	width: auto;
	margin: 5px auto;
	text-align: center;
}
.imgCenter img{
	margin: 0 auto;
}
.oubo p{
	margin: 10px;
	text-align: center;
}

.oubo a{
	display:block;
	width:238px;
	height:52px;
	margin:10px auto;
}

.oubo a:hover{
	top:1px;
	left:1px;
	position:relative;
}

.boxBlue{
	width: 1000px;
	margin: 0 auto;
	border: #003399 solid 1px;
    background: #ebf1fe;
	padding: 10px;
	margin-bottom: 50px;
}

/**
 * 1080
 * ----------------------------------------------------------------------------
 */
@media screen and (max-width:1080px){
	.bread-crumb{
		margin-top: 70px;
	}
	#xmas{
		margin: 0;
	}
	#xmas #catchTop,#xmas #catchBottom,.present-area,.boxBlue,h1 img{
		width: 95%;
	}
	#xmas #catchTop,#xmas #catchBottom{
		background-size: contain;
	}
	#xmas #catchBottom{
	padding: 0 15px 75px 15px;
	}
	.present{
		margin: 15px 10px;
		
	}
	.pre-a,.pre-b{
		min-height: 650px;
	}
	.pre-c,.pre-d{
		min-height: 780px;
	}
}


/**
 * 767
 * ----------------------------------------------------------------------------
 */
@media screen and (max-width:767px){
	#xmas #catchTop{
		    padding: 25px 15px 5px 15px; 
	}
	#xmas #catchTop strong{
		letter-spacing: 0.2em;
		margin: 15px 0;
	}
	    #xmas #catchBottom {
        padding: 0 15px 20px 15px;
    }
	.present{
		width: 100%;
	}
}