@charset "utf-8";

#contents{
	background: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 1.4;
	color: #000;
	text-align: center;
	padding-top: 0;
}

#contents .inner {
	width: 100%;
	max-width: 980px;
}

.container-wrap {
	min-width: auto;
}

.display-sp {
	display: none;
}
.display-pc {
	display: block;
}

.mv{
	text-align: center;
}

a {
    color: #4d9de0;
    text-decoration: underline;
}

/* ============== 全体背景色 =================== */
.content-wrap {
	padding-bottom: 50px;
}

.hp-att-area {
	margin: 0px auto;
	width: 90%;
	max-width: 750px;
    padding: 30px;
    font-size: 14px;
    box-sizing: border-box;
	text-align: left;
}

/* ================= 期間＆開催中のキャンペーンタイトル ====================== */
.tt-2 {
    margin: 30px 0 3px;
    font-size: 130%;
    font-weight: 600;
	color: #1e445b;
	vertical-align: middle;
	text-align: center;
}

.app-dl .tt-2:before,
.app-dl .tt-2:after{
	display: inline;
	padding: 0 15px;
}

.app-dl .tt-2:before {
	content: "＼";
}
.app-dl .tt-2:after {
	content: "／";
}

.cp-entry .tt-2,
.hp-att-area .tt-2 {
	margin-bottom: 20px;
	border-bottom: 2px solid #1e445b;
	padding: 0 10px 0px;
}

.cp-entry .tt-2 {
    max-width: 690px;
    margin: 30px auto 3px;
    box-sizing: border-box;
}
/* ================= テキスト ====================== */

.hp-att-area h3 img {
	margin: 0 auto;
}
.hp-att-area p {
    margin: 7px 7px 0 7px;
}

.hp-att-area .cp-detail-att-text {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0px;
}

.off-txt {
    margin: 35px auto;
    text-align: center;
    color: #e60012;
    font-size: 18px;
    font-weight: 700;
}

/* ================= ボタン周り ====================== */

.btn-entry {
    margin: 50px auto;
	display: inline-block;
    background: #fff;
}

.btn-entry a:hover {
	opacity: 0.8;
}

.entry-fin-text {
	margin-top: 5px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: block;
}

.app-dl ul li,
.cp-tenpo li {
	display: inline-block;
	margin: 10px;
}

.cp-tenpo {
	text-align: center;
}
.cp-tenpo li {
	width: 23%;
	margin: 1%;
}
.cp-entry {
	text-align: center;
	padding: 0 20px;
	margin: 0 auto;
	display: inline-block;
}

.hp-att-area .list-notes {
    padding: 0 20px;
	text-indent: -1em
}

@media screen and (max-width: 767px) {
	
	.display-pc {
		display: none;
	}
	
	.display-sp {
		display: block;
	}
	
	.content-wrap {
		padding: 0 0 30px 0;
	}
	
	.hp-entry-area {
		margin: 0;
		padding: 10px 10px 5px 10px;
	
	}
	
	.hp-att-area {
		padding: 20px 10px;
		width: 96%;
		border-radius: 10px;
	}
	
	.hp-att-area .tt-2 {
		margin-bottom: 10px;
	}
	.app-dl ul li{
		width: 44%;
	}
	.cp-tenpo li {
		width: 48%;
		margin: 0px 1% 15px;
		vertical-align: top;
	}
	.btn-entry {
		width: 96%;
		background-color: #a8e0ff;
		margin: 30px auto;
	}
}

.mT20 {
	margin-top: 20px;
}

.mT25 {
	margin-top: 25px;
}

.mT30 {
	margin-top: 30px;
}