@charset "utf-8";
/*
	special.css
*/

/* ==========================================================
	PC表示 @media screen and (min-width: 641px)
========================================================== */

@media screen and (min-width:641px) {
	#special #contents .inner {
		width: 940px;
		padding: 30px 0 80px;
		margin: 0 auto;
	}
	#special h3 {
		background: url(/tv/precure_alamode/images/shared/icon.png) no-repeat 230px center,
		url(/tv/precure_alamode/images/shared/icon.png) no-repeat 570px center;
		border-bottom: 2px dotted #ef8cb6;
	  width: 860px;
	  text-align: center;
	  color: #ff5f78;
	  font-size: 28px;
	  font-weight: bold;
	  word-wrap : break-word;
	  overflow-wrap : break-word;
	  padding: 15px 80px 20px;
	  margin: 0 auto;
	  position: relative;
	  z-index: 2;
	}
	#special section {
		width: 860px;
		margin: 0 auto 45px;
		position: relative;
		z-index: 1;
	}
	#special section .wallpaper {
		background: url(../images/special/flame_l.png) no-repeat center 0;
		width: 860px;
		height: 500px;
		padding: 20px;
		margin: 0 auto;
	}
	#special section ul {
		width: 720px;
		margin: 15px auto 0;
		clear: both;
		overflow: hidden;
	}
	#special section ul li {
		width: 350px;
		color: #ff5f78;
		margin: 0 0 0 20px;
		float: left;
	}
	#special section ul li:first-child {
		margin: 0;
	}
	#special section dl dt {
		border-bottom: 2px dotted #ea659d;
		font-size: 22px;
		color: #ff5f78;
		text-align: center;
		margin: 0 10px 10px;
	}
	#special section dl dd {
		font-size: 0;
		text-align: center;
	}
	#special section dl dd > p {
		margin: 0 0 0 6px;
		display: inline-block;
	}
	#special section dl dd > p:first-child {
		margin: 0;
	}

	/* RECIPE LIST
	-------------------- */
	#special .wallpaper_list {
		width: 940px;
		margin: 30px auto 0;
		overflow: hidden;
	}
	#special .wallpaper_list > div {
		background: url(../images/special/flame_m.png);
		width: 308px;
		height: 420px;
		text-align: center;
		padding: 16px;
		margin: 0 6px 6px 0;
		float: left;
	}
	#special .wallpaper_list > div:nth-child(3n) {
		margin: 0 0 6px;
	}
	#special .wallpaper_list dl {
		margin: 15px 0 0;
	}
	#special .wallpaper_list dl dt {
		border-bottom: 2px dotted #ea659d;
		font-size: 22px;
		color: #fff;
		text-align: center;
		margin: 0 10px 10px;
	}
	#special .wallpaper_list dl dd {
		font-size: 0;
		text-align: center;
	}
	#special .wallpaper_list dl dd > p {
		margin: 0 0 0 6px;
		display: inline-block;
	}
	#special .wallpaper_list dl dd > p:first-child {
		margin: 0;
	}
}

/* ==========================================================
  SP表示 @media screen and (max-width: 640px)
========================================================== */

@media screen and (max-width:640px) {
	.h2_area h2 {
		width: 640px;
	}
	#special #contents .inner {
		width: 100%;
		padding: 35px 4% 40px;
		margin: 0 auto;
	}
	#special h3 {
		background: url(/tv/precure_alamode/images/shared/icon.png) no-repeat 4% center,
		url(/tv/precure_alamode/images/shared/icon.png) no-repeat 95% center;
		background-size: 30px;
		border-bottom: 2px dotted #ef8cb6;
		width: 100%;
		color: #ff5f78;
		font-size: 2.2rem;
		text-align: center;
		font-weight: bold;
  	word-wrap : break-word;
		overflow-wrap : break-word;
		padding: 10px 5%;
		position: relative;
		z-index: 2;
	}
	#special section {
		position: relative;
		z-index: 1;
	}
	#special section .wallpaper {
		background: url(/tv/precure_alamode/images/special/flame_l.png) no-repeat center 0;
		background-size: 100% auto;
		padding: 3% 4%;
		margin: 15px auto;
	}
	#special section ul {
		width: 100%;
		padding: 0 10%;
		margin: 15px auto 0;
	}
	#special section ul li {
		color: #ff5f78;
		margin: 0 0 15px;
	}
	#special section dl dt {
		border-bottom: 2px dotted #ea659d;
		font-size: 22px;
		color: #ff5f78;
		text-align: center;
		margin: 0 10px 10px;
	}
	#special section dl dd {
		font-size: 0;
		text-align: center;
	}
	#special section dl dd > p {
		width: 49%;
		margin: 0 0 0 2%;
		display: inline-block;
	}
	#special section dl dd > p:first-child {
		margin: 0;
	}

	/* RECIPE LIST
	-------------------- */
	#special .wallpaper_list {
		width: 100%;
		margin: 15px auto 0;
		overflow: hidden;
	}
	#special .wallpaper_list > div {
		background: url(../images/special/flame_m.png) no-repeat center 0;
		background-size: 100% ;
		width: 49%;
		text-align: center;
		padding: 4% 3% 5%;
		margin: 0 0 2% 2%;
		float: left;
	}
	#special .wallpaper_list > div:nth-child(odd) {
		margin: 0 0 2%;
	}
	#special .wallpaper_list dl {
		margin: 4px 0 0;
	}
	#special .wallpaper_list dl dt {
		border-bottom: 2px dotted #ea659d;
		font-size: 14px;
		color: #fff;
		text-align: center;
		margin: 0 2% 2px;
	}
	#special .wallpaper_list dl dd {
		font-size: 0;
		text-align: center;
	}
	#special .wallpaper_list dl dd > p {
		width: 49%;
		display: inline-block;
	}
}