@charset "utf-8";
/*////////////// 100wariCSS Document //////////////*/

/* ===============================================
 mainArea（基本部分/100個割共通）
=============================================== */

.indexContsTop {
	margin: 0;
}

#mainArea.easymode .titleArea.images,
#mainArea.normalmode .titleArea.images,
#mainArea.hardmode .titleArea.images {
	margin-bottom: 5%;
}



/* ===============================================
 bannerArea（バナー表示部分/100個割共通）
=============================================== */

.bannerArea {
	margin: 0 3.1% 8%;
}



/* ===============================================
 discountList（割引内容の紹介/100個割共通）
=============================================== */

.discountList {
}
.discountList li {
	margin: 5px 0;
	padding: 0 4% 10px 5%;
	background-image: url("/cmn/img/kanto/student/2017/common/line_dot_001.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 8px 2px;
}
.discountList li+li {
}
.discountList .discountBox {
	min-height: 75px;
	position: relative;
}
.discountList .discountBox .title {
	padding: 10px 120px 0 0;
}
.discountList .discountBox .title img {
	max-width: 300px;
}
.discountList .discountBox .note {
	padding: 5px 110px 0 0;
	font-size: 1.1rem;
}
.discountList .discountBox .note .attenText {
	padding-left: 5%;
	color: #F00;
	font-weight: bold;
	text-indent: -1em;
}
.discountList .discountBox .note .codeText {
	display: block;
}
.discountList .discountBox .note .codeText span {
	display: inline-block;
}
.discountList .discountBox .icon {
	width: 110px;
	height: 70px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

/* descArea（割引説明）------------------*/
.indexContsTop .descArea {
	margin: 15px 4% 7.8%;
	font-size: 1.3rem;
	text-align: center;
	background: none;
	padding: 0;
}
.descArea {
	margin: 3% 3%;
	padding: 2.5%;
	font-size: 100%;
	background: -webkit-repeating-linear-gradient(135deg, #7BCDF4, #7BCDF4 2px, #97D8F6 1px, #97D8F6 10px);
	background: repeating-linear-gradient(135deg, #7BCDF4, #7BCDF4 2px, #97D8F6 1px, #97D8F6 10px);
	text-align: center;
}
.descArea dd {
	margin: 0 0 14px;
}
.descArea .starLank {
	margin: 0 5px 0 0;
	font-size: 1.7rem;
	letter-spacing: -3px;
	font-weight: bold;
	display: inline-block;
}
.descArea .markerText {
	margin: 0 0 5px 0;
}
.descArea .discountText {
	margin: 0 0 0 5px;
	font-size: 1.7rem;
	color: #E4007F;
	font-weight: bold;
	display: inline-block;
}
.descArea .interArea {
	background-color: #FFF;
	padding: 5% 0 1%;
}
.descArea .domeArea {
	background-color: #FFF;
	padding: 5% 0 3%;
	position: relative;
}
.descArea .descTitle .interText {
	color: #004BB0;
}
.descArea .descTitle .domeText {
	color: #376B10;
}
.descArea .descTitle span {
	font-size: 1.7rem;
	font-weight: bold;
	background: -webkit-linear-gradient( #FFF 50%, #FE0 100%);
	background: linear-gradient( #FFF 50%, #FE0 100%);
}
.descArea dl+dl:before {
	content: "";
	position: absolute;
	width: 92%;
	height: 8px;
	top: 0;
	left: 4%;
	background-image: url("/cmn/img/kanto/student/2017/common/line_dot_001.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 8px 2px;
}
.descArea dd {
	margin: 0 0 8px;
}
.descArea .descTitle {
    padding-bottom: 3%;
}



/* ===============================================
 discountList（割引内容の紹介/100割TOPのみ）
=============================================== */

.indexContsTop .discountList {
}
.indexContsTop .discountList .discountBox {
	min-height: 80px;
}
.indexContsTop .discountList .discountBox dt {
	margin: 10px 0 0;
	padding: 25px 120px 0 0;
	background-image: url("/cmn/img/kanto/student/2017/100wari/icon_star_001.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 20px;
}
.indexContsTop .discountList .discountBox .icon {
	top: 5px;
}

/* listArea.indexContsTop.discountList.discountBox.●（★アイコン）------------------*/
.indexContsTop .discountList .discountBox .star5 {
	background-image: url("/cmn/img/kanto/student/2017/100wari/icon_star_005.png");
}
.indexContsTop .discountList .discountBox .star4 {
	background-image: url("/cmn/img/kanto/student/2017/100wari/icon_star_004.png");
}
.indexContsTop .discountList .discountBox .star3 {
	background-image: url("/cmn/img/kanto/student/2017/100wari/icon_star_003.png");
}
.indexContsTop .discountList .discountBox .star2 {
	background-image: url("/cmn/img/kanto/student/2017/100wari/icon_star_002.png");
}
.indexContsTop .discountList .discountBox .star1 {
	background-image: url("/cmn/img/kanto/student/2017/100wari/icon_star_001.png");
}
.indexContsTop .discountList .discountBox .star0 {
	background-image: none;
}

/* listArea.indexContsTop（indexのみ適用部分）------------------*/
.indexContsTop .descArea {
	font-size: inherit;
	text-align: inherit;
}
.indexContsTop .descArea .discountText {
	font-size: 100%;
}
.indexContsTop .descArea .interText {
    color: #004BB0;
    font-weight: bold;
}
.indexContsTop .descArea .domeText {
    color: #376B10;
    font-weight: bold;
}



/* ===============================================
 easyModeArea（低難度部分）
=============================================== */

#easyModeArea {
}
#easyModeArea .descriptionArea dt {
	display: inline-block;
}
#easyModeArea .descriptionArea dd {
	margin: 0;
	display: inline-block;
}
#easyModeArea .descriptionArea .discountText {
	margin: 0;
}
#easyModeArea .descriptionArea dd+dt {
	margin: 0 0 0 5px;
}




/* ===============================================
 collabArea（チア☆ダンコラボ企画部分）
=============================================== */

#collabArea {
}
#collabArea .mvArea {
	margin-top: 3%;
}

/* titleArea.headlines（大見出し/アイコン+テキスト）------------------*/
#collabArea .titleArea.headlines {
	margin-bottom: -10px;
	background-color: inherit;
}
#collabArea .titleArea.headlines .titleText {
	color: #E71A1C;
}
/* titleArea.headlines.●（大見出し/アイコン設定）*/
#collabArea .titleArea.headlines.firstIcon {
	background-image: url("/cmn/img/kanto/student/2017/100wari/collab/icon_first.png");
}
#collabArea .titleArea.headlines.secondIcon {
	background-image: url("/cmn/img/kanto/student/2017/100wari/collab/icon_second.png");
}

/* linkArea.tonly（テキストリンク）------------------*/
#collabArea .linkArea.tonly {
	width: auto;
	margin-top: 1%;
	margin-right: 1%;
	text-decoration: underline;
}
#collabArea .linkArea.tonly .linkText {
	text-align: right;
}
#collabArea .linkArea.tonly .linkText a {
	color: #999;
	font-size: 1.3rem;
}

/* dl.descArea（スターランク）------------------*/
#collabArea .descArea {
	/* clear: both; */
	/* overflow: hidden; */
}
#collabArea .descArea dt {
	width: 30%;
	display: inline-block;
}
#collabArea .descArea dd {
	width: 60%;
	margin: 0;
	display: inline-block;
}
#collabArea .descArea .starLank {
}
#collabArea .descArea .discountText {
}

/* attenText（注意事項）------------------*/
#collabArea .attenText {
	margin-top: -5%;
	color: #E71A1C;
}
#collabArea .attenText span {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}



/* ===============================================
 attenArea（注意事項部分）
=============================================== */

.attenArea {
	margin: 8% 5%;
	padding: 3% 2.5% 4%;
	font-size: 1.1rem;
	background: #EBEBEB;
}
.attenArea .titleArea {
	margin: 0 0 2px;
	font-size: 1.2rem;
}
.attenList li {
	clear: both;
	overflow: hidden;
}
.attenList li:before {
	content:"※";
	float: left;
}
.attenList span {
	margin: 0 0 0 12px;
	display: block;
}
.attenList .specialText {
	display: none;
}

/* normalmode.attenList.specialText（normalmodeのみ適用部分）------------------*/
.normalmode .attenList .specialText {
	display: inherit;
}




/* ===============================================
 fNavArea（その他の難易度を見る部分）
=============================================== */

#fNavArea {
}
#fNavArea .linkArea.list a span {
	padding: 0 5px;
	font-size: 1.8rem;
	color: #FFB300;
}