@charset "UTF-8";
/*!
 *       ⠀⠀⣀⡴⣶⣻⣟⣿⣻⣻⣟⣟⣿⣻⢟⠇⠀⠀⠀⣰⢐⢌⠢⡀⢀
 *       ⠀⣴⢯⡿⣯⣷⣟⣷⢿⣽⣾⢯⢛⢌⠢⡡⠀⠀⠀⢾⣷⣦⣑⢌⣿⡢
 *       ⢸⢯⣿⣻⣽⣾⣻⡾⣟⠗⢍⠢⠡⠢⢷⡯⠀⠀⠀⣰⣽⢾⣟⣿⣅⡪
 *       ⡿⣯⣷⢿⣳⣟⣷⢿⣧⠑⠁⠀⠀⠀⠀⠈⠀⠀⠀⢽⣾⡟⢝⢙⢯⣿⢮
 *       ⣿⣻⡾⣟⣯⣿⣽⡑⠍⠀⠀⠀⠀⡀⠀⠀⠀⠀⠀⣌⡾⣷⣥⢦⣿⢝⢋
 *       ⣯⣷⢿⣻⣽⣾⣻⠌⠀⠀⠀⡐⢿⣮⣬⡀⠀⠀⠀⢺⣿⣻⡾⢫⠑⢌⢂
 *       ⣿⢾⣟⣯⣷⢿⣽⠅⠀⠀⠀⢌⠢⡨⢓⢗⠀⠀⠀⢂⠪⡈⡢⢑⢌⣶⢿
 *       ⣿⡽⣯⡿⣾⣻⣽⢅⠀⠀⠀⠐⠡⠌⠢⠁⠀⠀⠀⢮⣌⣢⣪⡾⡟⢍⠢
 *       ⣷⢿⣯⢿⡯⣿⣽⠢⡂⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠹⣿⣽⠫⡨⢂⠅⡊
 *       ⣟⣯⣿⡽⣿⣽⣾⡑⢌⠢⣢⣀⢀⠀⢀⢀⠄⡪⢐⠅⣺⡧⡑⡐⢅⠪⣰
 *       ⣿⣽⢾⣻⣽⣾⣽⢌⠢⠡⣻⣟⣿⣟⣷⡐⡡⢂⠕⡨⣸⡗⢌⠌⡢⢹⣯
 *       ⡿⣞⣿⣯⣷⡿⣾⠢⡑⠅⣿⣽⣾⢯⣷⣿⣄⠕⡨⡐⢼⣏⠢⡑⡐⣽⣻
 *       ⣿⣅⣀⢀⡀⢸⣉⠁⡈⠌⠾⠾⠀⢟⠌⡀⡁⢈⠂⠀⢽⣗⢀⠀⢀⠀⣿
 *       ⣯⣷⠇⢈⣠⣿⣻⣗⣌⢊⠤⠀⠀⠑⡨⠂⠀⠢⡁⠠⣠⣀⠪⠀⡀⢴⣿
 *       ⢸⣃⣴⣿⣽⢦⣠⣄⣤⣤⣠⡐⡑⠔⡀⢄⠕⡀⢄⢀⢾⡗⡁⡐⢌⢚⡁
 *       ⠀⠻⣽⢾⣽⣟⣯⡿⣯⡿⣽⢷⣧⣑⠌⡂⡪⢈⠢⡂⢵⣏⠢⡊⠔⠐
 *       ⠀⠀⠈⠫⠷⣟⣷⢿⣯⢿⣻⣯⢿⣽⢷⣎⡔⠡⡑⢌⢺⡧⠑⠌
 *
 * © NTT docomo Anime Store inc, All Right Reserved.
 */
html {
	background: #fff !important;
}
body {
	background: none !important;
}



strong {
	color: #eb5528;
}

.contentsArea {
	max-width: 860px;
	margin: 0 auto;
	padding: 30px 3.75%;
	overflow: hidden;
}
.offerArea {
	padding: 20px 0;
}
	.offerArea .offer {
		padding: 0;
	}

@media screen and (min-width: 960px) {
	.contentsArea {
		padding-top: 60px;
		padding-bottom: 0;
	}
	.offerArea {
		padding: 20px 0;
	}
}


.link:link, .link:active, .link:visited, html.mouseDevice .link:hover {
	color: #eb5528;
}

.dotList li {
	display: block;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.dotList li:before {
	content: "・";
	padding-right: 0.5em;
}




html.enableJs .onlyDisableJs {
	display: none !important;
}
html:not(.enableJs) .onlyEnableJs {
	display: none !important;
}




/***************************************
		ヘッダー部分
****************************************/

#header {
	background: #eb5528;
}
/*@media screen and (min-width: 1380px) {
	#header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
}*/

#header .headerInner {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
		-ms-flex-direction: row;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
	        flex-direction: row;
	-webkit-align-items: center;
	  -webkit-box-align: center;
		 -ms-flex-align: center;
			align-items: center;
				  -webkit-box-pack: justify;
	-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
	    justify-content: space-between;
	max-width: 960px;
}

#header .headerInner h1 {
	margin: 16px;
	z-index: 10;
	width: 30%;
	min-width: 100px;
}
@media screen and (min-width: 768px) {
	#header .headerInner h1 {
		width: 30%;
		max-width: 240px;
	}
}

#header .headerInner h1 a img {
	width: 100%;
	margin-top: -3%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
		-ms-flex-direction: row;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
	        flex-direction: row;
	-webkit-align-items: center;
	  -webkit-box-align: center;
		 -ms-flex-align: center;
			align-items: center;
	   -webkit-box-pack: center;
	-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
	    justify-content: space-between;
}

html.mouseDevice #header .headerInner h1 a:hover {
	opacity: 0.6;
}

#header .headerInner h1 a,
#header .headerInner h1 a img {
	display: block;
}
#header .search .search-button {
	margin: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
		-ms-flex-direction: row;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
	        flex-direction: row;
	-webkit-align-items: center;
	  -webkit-box-align: center;
		 -ms-flex-align: center;
			align-items: center;
	   -webkit-box-pack: center;
	-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
	    justify-content: space-between;
}
html.mouseDevice #header .search .search-button:hover {
	text-decoration: none;
	opacity: .6;
}
#header .search .icon {
	width: 20px;
	height: 20px;
	fill: #fff;
}
#header .search .text {
	color: #fff;
	font-size: 14px;
	margin-left: 4px;
}
#header .search {
	display: none;
	position: relative;
	z-index: 11;
}
html.ABTEST_1 #header .search.ABTEST_1,
html.ABTEST_2 #header .search.ABTEST_2,
html.ABTEST_3 #header .search.ABTEST_3 {
	display: block;
}

#header .search #search-button-toggle {
	-webkit-transition: opacity .3s linear .16s;
	transition: opacity .3s linear .16s;
}

#header .search.on #search-button-toggle {
	pointer-events: none;
	opacity: 0;
}

#header .search .searchWrapper {
	display: table;
	height: 44px;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6px;
	margin: auto;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .3s linear .16s;
	transition: opacity .3s linear .16s;
}
#header .search.on .searchWrapper {
	pointer-events: all;
	opacity: 1;
}

#header .search .searchWrapper input {
	display: table-cell;
	width: 47px;
	padding: 13px 10px;
	font-size: 1.2rem;
	background: 0;
	border: 0;
	-webkit-transition: width .3s linear .16s;
	transition: width .3s linear .16s;
}
#header .search.on .searchWrapper input {
	width: 210px;
}
#header .search .searchWrapper .btnSearch {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	cursor: pointer;
}
#header .search .searchWrapper .btnSearch a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	  -webkit-box-align: center;
		 -ms-flex-align: center;
			align-items: center;
	   -webkit-box-pack: center;
	-webkit-justify-content: center;
			-ms-flex-pack: center;
	    justify-content: center;
	padding: 10px;
	text-align: center;
}
html.mouseDevice #header .search .searchWrapper .btnSearch a:hover {
	opacity: 0.6;
}
#header .search .searchWrapper .btnSearch a .icon {
	fill: #eb5528;
}

/***************************************
		ヘッダー部分ここまで
****************************************/





/***************************************
		ファーストビュー部分
****************************************/
#firstView {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.7);
	overflow: hidden;
	position: relative;
}
html:not(.enableJs) #firstView:before {
	content: "";
	display: block;
	padding-top: 100%;
}
html:not(.enableJs) #firstView:before {
	padding-top: 78%;
}

@media screen and (min-width: 960px) {
	html:not(.enableJs) #firstView:before {
		padding-top: 660px;
	}
	html:not(.enableJs) #firstView #firstViewVideoArea {
		max-width: 960px;
	}
}



.firstViewVideo {
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 1;
/*	-webkit-filter: blur(3px);
			filter: blur(3px);*/
	background: #ddd;
}
html:not(.enableJs) .firstViewVideo {
	background: #fff;
}
.firstViewVideo .video {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
	width: 100%;
}
.firstViewVideo,
.firstViewVideo .video {
	overflow: hidden;
	position: absolute;
}
.firstViewVideo .video.kv {
	width: 100%;
	overflow: hidden;
}
.firstViewVideo .video.kv:after {
	content: "";
	display: block;
	padding-top: 100%;
}
.firstViewVideo .video.kv #keyVisual {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
}
.firstViewVideo .video.kv #keyVisual img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-style:none;
	border: 0;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
}
.firstViewVideo .video.kv #keyVisual img:not([src]) {
	display: none;
}

.firstViewContents {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		   -webkit-box-pack: center;
	-webkit-justify-content: center;
			-ms-flex-pack: center;
	    justify-content: center;
	-webkit-align-items: center;
	  -webkit-box-align: center;
		 -ms-flex-align: center;
			align-items: center;
	-webkit-box-orient: vertical;
			box-orient: vertical;
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
}
html:not(.enableJs) .firstViewContents {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}


.firstViewContentsImg {
	width: 100%;
	text-align: center;
	padding: 40px 0 20px;
}




	.firstViewContentsImg .clicheImage {
		display: inline-block;
		position: relative;
		max-width: 471px;
		width: 92%;
		margin-bottom: 20px;
	}
	.firstViewContentsImg .clicheImage:before {
		content: "";
		display: block;
		padding-top: 24.8407643%;
		background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/lp_img_catchcopy.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.firstViewContentsImg .offer .btnArea > small {
		display: none;
	}

	.firstViewContentsImg .youtubeArea {
		position: relative;
		margin: 0 auto;
		max-width: 960px;
		width: 70%;
	}
		.firstViewContentsImg .youtubeArea:after {
			content: "";
			display: block;
			width: 100%;
			top: 0;
			left: 0;
			padding-bottom: 53.1894934%;
		}
		.firstViewContentsImg .youtubeArea .youtubeWrap {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/lp_img_phone_gray_landscape.png);
			background-repeat: no-repeat;
			background-size: 100%;
			padding: 3% 7% 3% 9%;
		}

.firstViewOffer {
	display: none;
}
.firstViewOffer .offer .btnArea > small {
	display: none;
}
@media screen and (max-width: 959px) {
	.firstViewContentsImg .youtubeArea {
		max-width: 660px;
		width: auto;
	}
}
@media screen and (max-width: 699px) {
	.firstViewContentsImg .offer {
		display: none;
	}
	.firstViewOffer {
		display: block;
	}
	.firstViewContentsImg .youtubeArea {
		margin: 10px;
	}
}

@media screen and (min-width: 960px) {
	.firstViewContentsImg .offer {
		padding-bottom: 20px;
	}
}
/***************************************
		ファーストビュー部分ここまで
****************************************/

/***************************************
		ナビゲーション部分
****************************************/
.navigation {
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
	max-width: 450px;
}

html:not(.enableJs) .navigation {
	display: none;
}

.firstViewNav {
	display: none;
}
@media screen and (max-width: 959px) {
	.firstViewContentsImg .navigation {
		display: none;
	}
	.firstViewNav {
		display: block;
	}
}
.navigation ul {
	font-size: 0;
}

.navigation ul li {
	font-size: 1.5rem;
	display: inline-block;
	width: 31%;
}
.navigation ul li:nth-child(2) {
	margin: 0 3.5%;
}
.navigation ul li a {
	display: block;
}
.navigation ul li a:link,
.navigation ul li a:active,
.navigation ul li a:visited,
html.mouseDevice .navigation ul li a:hover {
	text-decoration: none;
}
.navigation ul li a .outline {
	padding: 22px 0;
	border: 2px solid #eb5528;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	color: #eb5528;
	text-decoration: none;
}
.navigation ul li a:hover .outline {
	opacity: 0.6;
}

@media screen and (max-width: 639px) {
	.navigation {
		padding: 30px 3.75%;
		margin: 0;
		max-width: none;
		width: auto;
	}
	.navigation ul li {
		font-size: 1.2rem;
	}
}

html[class*="nav-"] #firstView {
	/*padding-bottom: 30px;*/
}
@media screen and (max-width: 959px) {
	html[class*="nav-"] #firstView,
	html[class*="nav-"] .firstViewOffer {
		display: none !important;
	}
}



@media screen and (max-width: 959px) {
	html:not(.nav-about) #about,
	html:not(.nav-lineup) #lineup,
	html:not(.nav-feature) #feature {
		display: none !important;
	}
}
@media screen and (min-width: 960px) {
	html:not(.nav-about) #about:not(.default),
	html:not(.nav-lineup) #lineup:not(.default),
	html:not(.nav-feature) #feature:not(.default) {
		display: none !important;
	}

	html[class*="nav-"]:not(.nav-about) #about.default,
	html[class*="nav-"]:not(.nav-lineup) #lineup.default,
	html[class*="nav-"]:not(.nav-feature) #feature.default {
		display: none !important;
	}
}

html.nav-about .navigation ul li a[href="#about"],
html.nav-lineup .navigation ul li a[href="#lineup"],
html.nav-feature .navigation ul li a[href="#feature"] {
	pointer-events: none;
}
html.nav-about .navigation ul li a[href="#about"] .outline,
html.nav-lineup .navigation ul li a[href="#lineup"] .outline,
html.nav-feature .navigation ul li a[href="#feature"] .outline {
	background-color: #eb5528;
	color: #fff;
	opacity: 1;
}
@media screen and (min-width: 960px) {
	html:not([class*="nav-"]) .navigation ul li a[href="#about"].default,
	html:not([class*="nav-"]) .navigation ul li a[href="#lineup"].default,
	html:not([class*="nav-"]) .navigation ul li a[href="#feature"].default {
		pointer-events: none;
	}
	html:not([class*="nav-"]) .navigation ul li a[href="#about"].default .outline,
	html:not([class*="nav-"]) .navigation ul li a[href="#lineup"].default .outline,
	html:not([class*="nav-"]) .navigation ul li a[href="#feature"].default .outline {
		background-color: #eb5528;
		color: #fff;
	}
}

html:not(.enableJs) #about,
html:not(.enableJs) #feature {
	display: block !important;
}
html:not(.enableJs) #lineup {
	display: none !important;
}

/***************************************
		ナビゲーション部分ここまで
****************************************/

/***************************************
		入会ボタン
****************************************/
.offer {
	text-align: center;
	padding: 20px 0 0;
}

.offer span {
	display: inline-block;
	line-height: 1.2;
}

.offer .btnArea {
	cursor: default;
}

.offer .btnArea small {
	display: block;
	font-size: 0.6em;
	color: #ffcc00;
}
.offer .btnArea .btnDetermine {
	max-width: 450px;
	margin: 0 auto;
	padding: 14px 0;
	font-size: 2rem;
}
@media screen and (max-width: 639px) {
	.offer .btnArea .btnDetermine {
		margin: 0;
		max-width: none;
		width: auto;
	}
}
@media screen and (min-width: 960px) {
	.offer {
		padding: 40px 0 0;
	}
	.offer span {
		font-size: 2.8rem;
	}
	.offer .btnArea {
		margin: 0 auto;
		max-width: 640px;
	}
}



.benefit .btnArea {
	cursor: default;
}
.benefit .btnArea .btnPageLink {
	max-width: 450px;
	margin: 0 auto 0;
	font-size: 1.5rem;
	line-height: 1;
	background-color: #000;
	color: #fff;
}
html.mouseDevice .benefit .btnArea .btnPageLink:hover {
	background-color: #000;
	opacity: 0.6;
}

@media screen and (min-width: 960px) {
	.benefit .btnArea .btnPageLink {
		font-size: 1.8rem;
	}
}

/***************************************
		入会ボタンここまで
****************************************/




/***************************************
		スワイパー部分
****************************************/
.swiperWrapper {
	width: 100%;
	margin-bottom: 0;
	padding: 30px 0 0;
	height: 203px;
}
	.swiperWrapper .contentsWrapperIn section {
		overflow: hidden;
		position: relative;
	}
	.swiperWrapper .contentsWrapperIn section .contentsTitle {
		padding: 0 3.75%;
		margin-bottom: 10px;
		position: relative;
		z-index: 11;
	}
	.swiperWrapper .contentsWrapperIn section .contentsTitle a {
		display: block;
	}
	.swiperWrapper .contentsWrapperIn section .contentsTitle span {
		line-height: 30px;
		border-left: 6px solid #ffcc00;
		padding-left: 6px;
		font-size: 1.5em;
	}
	.swiperWrapper .contentsWrapperIn section .swiper2x4 {
		padding: 0 3.75%;
		height: 169px;
	}
	.swiperWrapper .contentsWrapperIn section .swiper2x4 .itemWrapper {
		padding: 0;
	}
		.swiperWrapper .contentsWrapperIn section .swiper2x4 .itemModule {
			width: 209px;
			margin: 0;
			padding: 0;
			-webkit-box-shadow: none;
			        box-shadow: none;
		}
			.swiperWrapper .contentsWrapperIn section .swiper2x4 .itemModule section {
				padding: 3px;
				margin: 3px;
				-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
				        box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
			}

	.swiperWrapper .contentsWrapperIn section a .line2 {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		padding-top: 3px;
	}

	.swiperWrapper .btnSwiperPrevWrap,
	.swiperWrapper .btnSwiperNextWrap {
		position: absolute;
		top: 40px;
		bottom: 0;
		width: 36px;
		height: 130px;
		margin: auto;
		z-index: 10;
		cursor: pointer;
	}
	@media screen and (min-width: 460px) {
		.swiperWrapper .btnSwiperPrevWrap,
		.swiperWrapper .btnSwiperNextWrap {
			height: 169px;
		}
	}
	.swiperWrapper .btnSwiperPrevWrap {
		right: auto;
		left: 0;
		background-image: -webkit-gradient(linear, right top, left top, from(rgba(241, 241, 241, 0)), color-stop(0.5, #fff), to(#fff));
		background-image: -webkit-linear-gradient(right, rgba(241, 241, 241, 0) 0, #fff 50%, #fff 100%);
		background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(241, 241, 241, 0)), color-stop(50%, #fff), to(#fff));
		background-image: linear-gradient(to left, rgba(241, 241, 241, 0) 0, #fff 50%, #fff 100%);
	}
	.swiperWrapper .btnSwiperNextWrap {
		right: 0;
		left: auto;
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 241, 241, 0)), color-stop(0.5, #fff), to(#fff));
		background-image: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0, #fff 50%, #fff 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(241, 241, 241, 0)), color-stop(50%, #fff), to(#fff));
		background-image: linear-gradient(to right, rgba(241, 241, 241, 0) 0, #fff 50%, #fff 100%);
	}
	.swiperWrapper .btnSwiperPrevWrap .btnSwiperPrev,
	.swiperWrapper .btnSwiperNextWrap .btnSwiperNext {
		top: 50%;
		margin-top: -15px;

	}
	.swiperWrapper .btnSwiperPrevWrap.swiper-button-disabled,
	.swiperWrapper .btnSwiperNextWrap.swiper-button-disabled {
		display: none;
	}


@media screen and (max-width: 459px) {
	.swiperWrapper {
		height: 165px;
	}
	.swiperWrapper .contentsWrapperIn section .swiper2x4 {
		height: 130px;
	}
	.swiperWrapper .contentsWrapperIn section .swiper2x4 .itemModule {
		width: 140px;
	}
}

@media screen and (max-width: 959px) {
	.btnSwiperPrev,
	.btnSwiperNext {
		position: absolute;
		width: 18px;
		height: 30px;
		right: 10px;
		left: auto;
		z-index: 10;
		cursor: pointer;
		background: url(/img/sprite.png) no-repeat;
		background-size: 540px 1000px;
		background-position: -170px -246px;
	}
	.btnSwiperPrev {
		background-position: -170px -212px;
		right: auto;
		left: 10px;
	}
}
@media screen and (min-width: 960px) {
	.swiperWrapper {
		padding-top: 38px;
	}
	.swiperWrapper .contentsWrapperIn section .contentsTitle .btnTheme {
		vertical-align: middle;
		display: table-cell;
	}
	.swiperWrapper .contentsWrapperIn section .swiper2x4 {
		width: 860px;
		height: 168px;
		padding: 0;
	}
}
/***************************************
		スワイパー部分ここまで
****************************************/



/*******************************************************************************
		おためしとは？
********************************************************************************/

#about .about .sectionTitle {
	margin: 0 0 4px;
	text-align: center;
}
#about .about .sectionTitle h3 {
	white-space: nowrap;
}
#about .about .sectionTitle h3 {
	font-weight: bold;
	font-size: 2.25em;
	line-height: 1.2;
}
#about .about .sectionTitle h3 .text {
	white-space: nowrap;
	vertical-align: middle;
}

@media screen and (min-width: 480px) {
	#about .about .sectionTitle h3 {
		font-size: 3.8em;
		font-size: 6.4vw;
	}
}
@media screen and (min-width: 640px) {
	#about .about .sectionTitle h3 {
		font-size: 5em;
		font-size: 6.4vw;
	}
}
@media screen and (min-width: 960px) {
	#about .about .sectionTitle h3 {
		font-size: 5em;
	}
}

#about .about .aboutWrap {
	border: 4px solid #ffcc00;
	padding: 16px 0 0;
	margin-bottom: 30px;
}
#about .about .aboutWrap .limit {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
#about .about .aboutWrap .limit div:first-child {
	display: inline-block;
	padding-right: 50%;
}
#about .about .aboutWrap .limit div:nth-child(2) {
	font-size: 3.2rem;
	padding: 14px 0 0;
	white-space: nowrap;
}
#about .about .aboutWrap .limit div:nth-child(2) span {
	font-size: 2em;
	line-height: 1;
}
#about .about .aboutWrap .limit div:nth-child(2) span.day {
	padding-left: 10px;
}
#about .about .aboutWrap .limit div:last-child {
	display: inline-block;
	padding-left: 50%;
}
#about .about .aboutWrap .notice {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}
@media screen and (min-width: 640px) {
	#about .about .aboutWrap {
		padding: 40px 0 30px;
		max-width: 600px;
		margin: auto auto 30px;
	}
	#about .about .aboutWrap .limit {
		font-size: 2.5rem;
	}
	#about .about .aboutWrap .limit div:first-child,
	#about .about .aboutWrap .limit div:last-child {
		padding: 0;
	}
	#about .about .aboutWrap .limit div:nth-child(2) {
		display: inline-block;
		font-size: inherit;
		padding: 0;
	}
	#about .about .aboutWrap .limit div:nth-child(2) span {
		font-size: inherit;
		line-height: normal;
	}
	#about .about .aboutWrap .limit div:nth-child(2) span.day {
		padding-left: 0;
	}
}
@media screen and (min-width: 960px) {
	#about .about .aboutWrap .limit {
		font-size: 3.2rem;
		font-weight: bold;
	}
}

#about .about .offerText {
	font-size: 1.6em;
	text-align: center;
	line-height: 1.2;
}
#about .about .offerText .nowrap {
	display: inline-block;
}
#about .about .offerImage {
	max-width: 252px;
	margin: 15px auto 30px;
}
#about .about .offerArea {
	padding: 10px 0 40px;
}
#about .benefit {
	padding: 10px 0 20px;
}

/*******************************************************************************
		おためしとは？ここまで
********************************************************************************/

/***************************************
		ラインナップ
****************************************/
#lineup .btnArea .btnMore {
	background: none;
	border: none;
}
#lineup .offerArea {
	padding: 60px 0 40px;
}
@media screen and (min-width: 960px) {
	#lineup {
		margin-top: 22px;
	}
}
/***************************************
		ラインナップここまで
****************************************/


/***************************************
		特徴
****************************************/
#feature .contents .contentsWrap .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
			box-orient: vertical;
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 36px;
}
#feature .contents .contentsWrap .item:before,
#feature .contents .contentsWrap .item:after {
	content: " ";
	display: table;
}
#feature .contents .contentsWrap .item:after {
	clear: both;
}
#feature .contents .contentsWrap .item .description {
	font-size: 1.6em;
	-webkit-box-ordinal-group: 1;
			box-ordinal-group: 1;
	-webkit-order: 1;
			-ms-flex-order: 1;
	    order: 1;
	line-height: 1.2;
	margin-bottom: 20px;
}
#feature .contents .contentsWrap .item .description h2 {
	border-bottom: 4px solid #ffcc00;
	padding-bottom: .2em;
	margin-bottom: .6em;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3;
}
#feature .contents .contentsWrap .item .description span {
	display: inline-block;
	text-align: left;
}

#feature .contents .contentsWrap.list .item .image img {
	max-width: 424px;
}
#feature .contents .contentsWrap.list .item:nth-child(1) .image img {
	margin-top: -4%;
	margin-bottom: -3%;
}


#feature .contents .contentsWrap .item .image {
	width: 100%;
	-webkit-box-ordinal-group: 3;
			box-ordinal-group: 3;
	-webkit-order: 3;
			-ms-flex-order: 3;
	    order: 3;
	overflow: visible;
}
	#feature .contents .contentsWrap .item .image .imageWrap {
		position: relative;
		width: 100%;
	}
	#feature .contents .contentsWrap .item .image .imageWrap:before {
		content: "";
		display: block;
		padding-top: 70%;
	}
		#feature .contents .contentsWrap .item .image .imageWrap .imageInner {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
		}
#feature .offerArea {
	padding: 0 0 40px;
}

@media screen and (min-width: 640px) {
	#feature .contents .contentsWrap .item .description {
		/*font-size: 1.6vw;*/
	}
	#feature .contents .contentsWrap.list .item {
		display: block;
		padding-bottom: 0;
	}
	#feature .contents .contentsWrap.list .item > div {
		width: 45%;
	}
	#feature .contents .contentsWrap.list .item .image {
		width: 53%;
	}
	#feature .contents .contentsWrap.list .item:nth-child(1) > div,
	#feature .contents .contentsWrap.list .item:nth-child(2) .image,
	#feature .contents .contentsWrap.list .item:nth-child(3) > div,
	#feature .contents .contentsWrap.list .item:nth-child(4) .image {
		float: left;
	}
	#feature .contents .contentsWrap.list .item:nth-child(1) .image,
	#feature .contents .contentsWrap.list .item:nth-child(2) > div,
	#feature .contents .contentsWrap.list .item:nth-child(3) .image,
	#feature .contents .contentsWrap.list .item:nth-child(4) > div {
		float: right;
	}


	/*バランス調整*/
	#feature .contents .contentsWrap.list .item:nth-child(1) .description {
		margin-top: 6.6%;
	}
	#feature .contents .contentsWrap.list .item:nth-child(1) .image img {
		margin-left: -6%;
	}
	#feature .contents .contentsWrap.list .item:nth-child(2) .description {
		margin-top: 8.2%;
		margin-right: 2%;
		margin-left: -2%;
	}

	#feature .contents .contentsWrap.list .item:nth-child(2) .image img {
		margin-left: -18%;
		margin-top: -5%;
		margin-bottom: 5%;
	}
	#feature .contents .contentsWrap.list .item:nth-child(3) .description {
		margin-top: 15%;
	}
	#feature .contents .contentsWrap.list .item:nth-child(3) .image img {
		margin-right: -8%;
	}
	#feature .offerArea {
		padding: 70px 0 40px;
	}
}

@media screen and (min-width: 960px) {

	#feature .contents .contentsWrap .item .description {
		font-size: 1.6em;
	}
}
/***************************************
		特徴ここまで
****************************************/








/***************************************
	ご注意事項
****************************************/
.modalDialog.attentionDialog {
	/*height: 100%;*/
}
.attentionDialog .generalModal {
	width: 90%;
	max-width: 480px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
			box-orient: vertical;
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
	max-height: 80%;
}

.attentionDialog .attention {
	padding: 15px 10px;
	font-size: 1.2rem;
	text-align: left;
	overflow-y: auto;
	position: relative;
	-webkit-box-flex: 1;
			box-flex: 1;
	-webkit-flex-shrink: 1;
			-ms-flex-negative: 1;
	    flex-shrink: 1;
}
.attentionDialog .titleArea,
.attentionDialog .btnSingleArea {
	position: relative;
}
.attentionDialog .titleArea:before {
	content: "";
	display: block;
	position: absolute;
	width: auto;
	height: 20px;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 1px 10px 0;
	background-image: -webkit-gradient(linear, right bottom, right top, from(rgba(241, 241, 241, 0)), to(#fff));
	background-image: -webkit-linear-gradient(bottom, rgba(241, 241, 241, 0) 0, #fff 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(241, 241, 241, 0)), to(#fff));
	background-image: linear-gradient(to top, rgba(241, 241, 241, 0) 0, #fff 100%);
}
.attentionDialog .btnSingleArea:after {
	content: "";
	display: block;
	position: absolute;
	width: auto;
	height: 20px;
	bottom: 100%;
	left: 0;
	right: 0;
	margin: 0 10px;
	background-image: -webkit-gradient(linear, right top, right bottom, from(rgba(241, 241, 241, 0)), to(#fff));
	background-image: -webkit-linear-gradient(top, rgba(241, 241, 241, 0) 0, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(241, 241, 241, 0)), to(#fff));
	background-image: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0, #fff 100%);
}


.attentionArea .attention {
	border: 1px solid #8C9C9B;
	border-top-width: 0;
	padding: 10px;
	background: #fff;
	margin: 50px 0;
	font-size: 1.2rem;
	border-radius: 6px;
}
.attentionArea .attention .areaTitle {
	background-color: #8C9C9B;
	margin: -10px -10px 10px;
	text-align: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
}
.attentionArea .attention .areaTitle h3 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 2em;
}

.attentionArea .attention.notice {
	border-color: #eb5528;
}
.attentionArea .attention.notice .areaTitle {
	background-color: #eb5528;
}

.attentionArea .attention .areaWrap .areaLeft li.margin {
	margin-top: 1em;
	font-weight: bold;
}
.attentionArea .attention .areaWrap .areaLeft li.indent {
	padding-left: 1em;
}
.attentionArea .attention .areaWrap .areaRight img {
	max-width: 385px;
	margin: 10px auto 0;
	display: block;
}
@media screen and (min-width: 960px) {
	.attentionArea .attention .areaTitle h3 {
		font-size: 1.5em;
	}
	.attentionArea .attention .areaWrap {
		display: table;
	}
	.attentionArea .attention .areaWrap .areaLeft {
		display: table-cell;
		vertical-align: top;
	}
	.attentionArea .attention .areaWrap .areaRight {
		display: table-cell;
		width: 46%;
		padding: 10px 10px 10px 20px;
	}
	.attentionArea .attention .areaWrap .areaRight img {
		margin: 0;
	}
}

/***************************************
	ご注意事項ここまで
****************************************/





#footer .pageFooterIn {
	text-align: center;
}
html:not(.enableJs) #footer .pageFooterIn .footerMenu2 li a {
	border-right: 1px solid #333;
}
html:not(.enableJs) #footer .footerPageTop {
	display: none;
}