@charset "utf-8";

#pagewrap * , #pagewrap *:before, #pagewrap *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
		box-sizing: border-box;
}

#pagewrap .pc-hide	{ display:none; }					/* PCでは隠したい要素に追記 */
#pagewrap .sp-hide	{ display:block; }					/* スマホで隠した要素を表示 */

#mbs_common_headerwrap2014, #mbs_common_footerwrap	{ display:block; }	/* PC用共通ヘッダ＆フッタを表示 */
#globalsp_navigation, #globalsp_footer	{ display:none; }			/* SP用共通ヘッダ＆フッタを非表示 */

#pagewrap h1,#pagewrap h2,#pagewrap h3,#pagewrap h4,#pagewrap h5,#pagewrap h6,#pagewrap p,#pagewrap div,#pagewrap ul,#pagewrap ol,#pagewrap li,#pagewrap dl,#pagewrap dt,#pagewrap dd,#pagewrap table,#pagewrap tr,#pagewrap td {
	padding:0;
	margin:0;
	/*font-family: 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;	明朝体フォントセット*/
	font-family:MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 		/*ゴシック体フォントセット*/
	color:#2a2a2a;
	font-feature-settings: 'pkna' 1;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

#pagewrap {
	/*background:url(/res/pc/img/common/bg.png);*/
	text-decoration: none;
	list-style: none;
	height:auto;
	margin:0 auto;
	display: flex; justify-content:center;
	min-width:100%;
}

#pagewrap A:active	{ color:#d000cb; cursor: hand;}
#pagewrap A:hover	{ color:#d000cb; text-decoration: none; cursor: hand;}
#pagewrap A			{ color:#ec006f; text-decoration: none;}

#pagewrap #main	{ width:100%; min-width:660px; max-width:880px; background:#ffffff; padding:10px; }

#pagewrap #main .head	{ text-align:center; }
#pagewrap #main .head h1	{ position: relative; margin-bottom:15px; padding:5px 0; font-size:24px; line-height:125%; text-align:left; font-weight: 400; color:#f86683; }
#pagewrap #main .head h1:before	{ content: "■"; font-size:16px; margin:5px; }
#pagewrap #main .head h1:after	{ background:#f86683; height:3px; width:100px; content: ""; position: absolute; left: 0; bottom: 0; }
#pagewrap #main .head .flex	{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
#pagewrap #main .head p		{ width:100%; text-align:left; }
#pagewrap #main .head .flex p		{ width:50%; }
#pagewrap #main .head img	{ width:100%; border:1px solid #b91e19; }
#pagewrap #main .head img.no-border	{ border:0; }
#pagewrap #main .head .flex img	{ max-width:415px; }
#pagewrap #main .head .img	{ text-align:center; }
#pagewrap #main .head .txt	{ padding:10px; line-height:180%; }
#pagewrap #main .head .closing	{ padding:15px 10px; text-align:right; font-size:20px; color:#b91e19; }
#pagewrap #main .head .closing:before	{ content: "締め切り："; font-size:16px; color:#2a2a2a; }
#pagewrap #main .head .winner	{ padding:15px 10px; text-align:right; font-size:20px; color:#b91e19; }
#pagewrap #main .head .winner:before	{ content: "当選者数："; font-size:16px; color:#2a2a2a; padding-right:5px; }
#pagewrap #main .head .winner:after	{  font-size:16px; color:#b91e19; padding-left:5px; }
#pagewrap #main .head .only:after	{ content: "人"; }
#pagewrap #main .head .plural:after	{ content: "組"; }


#pagewrap #main .contents	{ margin:20px 0px; }
#pagewrap #main .contents ul	{ display: flex; flex-wrap: wrap; justify-content: flex-start; width:100%; max-width:880px; margin:0 auto; }
#pagewrap #main .contents li	{ width:31%; margin:10px 1%; border:1px solid #cccccc; }
#pagewrap #main .contents li:nth-child(3n+2)	{ width:32%; }
#pagewrap #main .contents li dl	{  }
#pagewrap #main .contents li dt	{ padding:5px; }
#pagewrap #main .contents li dt img	{ width: 100%; max-width:400px; }

#pagewrap #main .contents dd	{ padding:5px 10px; font-size:14px; }
#pagewrap #main .contents dd.title	{ font-size:16px; }
#pagewrap #main .contents dd.people,
#pagewrap #main .contents dd.group	{ text-align:right; }

#pagewrap #main .contents .people:before,
#pagewrap #main .contents .group:before	{ content: "当選者数："; }
#pagewrap #main .contents .people:after	{ content: "人"; }
#pagewrap #main .contents .group:after	{ content: "組"; }

#pagewrap #main .apply	{ text-align:center; }
#pagewrap #main .apply img	{ width:600px; max-width:100%; }
#pagewrap #main .apply-pc	{ display:block; width:80%; max-width:700px; margin:10px auto; border:3px double #eb2d05; padding:5px; }
#pagewrap #main .apply-pc p	{ background:#f8e966; padding:10px 5px; text-align:center; }

#pagewrap #main .tap-button	{ border:1px solid #009fff; border-radius: 8px; width:75%; max-width:500px; margin:10px auto; margin-bottom:30px; font-weight:400; }
#pagewrap #main .tap-button a	{ padding:20px; display: block; color:#009fff; }

#pagewrap #main .apply-sp	{ display: none; }

#pagewrap #main .attention	{ width:100%; margin:20px auto; }
#pagewrap #main .attention h2	{ position: relative; margin-bottom:10px; padding:5px 0; font-size:16px; text-align:left; font-weight: 400; }
#pagewrap #main .attention h2:after	{ background:#2a2a2a; height:3px; width:80px; content: ""; position: absolute; left: 0; bottom: 0; }
#pagewrap #main .attention p	{ border:1px solid #555555; padding:10px; font-size:12px; line-height:160%; }
#pagewrap #main .contents .attention ul	{ display:block; width:100%; max-width:880px; padding:10px; border:1px solid #555555; margin:0px auto; }
#pagewrap #main .contents .attention li	{ width:100%; padding:2px 5px; font-size:12px; line-height:160%; }

#pagewrap #sub	{ width:320px; background:#bfd500; padding:10px; }

#pagewrap #sub .tap-button	{ max-width:500px; margin:20px auto; font-weight:400; text-align:right; }
#pagewrap #sub .tap-button a	{ background:url(../../images/arrow_more.png) 100% 50% no-repeat; padding:5px 25px 5px 15px; display: inline-block; color:#f86683; border-bottom:2px solid #f86683; }
#pagewrap #sub .tap-button a:hover	{ background-color:#feebef; }

#pagewrap #sub h2	{ color: #75C258; font-size: 18px; font-weight: bold; padding: 0.5em 0 0.5em 0; margin: 7px 0 14px 0; position: relative; }
#pagewrap #sub h2:after { content: ""; width: 56px; height: 2px; background-color: #75C258; position: absolute; left: 0; bottom: 0; }

#pagewrap #sub .more	{ width:300px; background:#ffffff; padding: 1px 7px; margin:10px auto; }

#pagewrap #sub .bnr300	{ display:display; padding: 0 10px 14px 10px; }
#pagewrap #sub .sp-bnr300 { display: none; }


#pagewrap #present-list li	{ border:1px solid #cccccc; padding:5px; margin:5px 0; }
#pagewrap #present-list li:nth-child(n+7)	{ display:none; }
#pagewrap #present-list dl	{  }
#pagewrap #present-list dt img	{ width:100%; }
#pagewrap #present-list dd.closing	{ text-align:right; font-size:14px; color:#b91e19; padding:5px; }
#pagewrap #present-list dd.spacer	{ display:none; }

#pagewrap .font-s	{ font-size:12px; }

/* ▼Smartphone▼ */
@media screen and (max-width: 767px) {
	body	{ max-width:100%; min-width:100% !important; }
	#mbs_common_headerwrap2014, #mbs_common_footerwrap	{ display:none; }	/* PC用共通ヘッダ＆フッタを非表示 */
	#globalsp_navigation, #globalsp_footer	{ display:block; }			/* SP用共通ヘッダ＆フッタを表示 */
	#globalsp_footer .opinion a	{ text-decoration:none; }			/* SP用共通フッタのリンク下線削除 */

	#pagewrap	{ width:100%; display: block; }

	#pagewrap #main	{ width:100%; min-width:100%; max-width:100%; }

	#pagewrap #main .head h1	{ font-size:20px; }

	#pagewrap #main .head div,
	#pagewrap #main .head div.flex	{ display: block; }
	#pagewrap #main .head p,
	#pagewrap #main .head .flex p	{ width:100%; text-align:left; }


	#pagewrap #main .head .closing	{ font-size:18px; }
	#pagewrap #main .head .closing:before	{ font-size:14px; }

	#pagewrap #main .contents ul	{ width:100%; max-width:880px; margin:0 auto; }
	#pagewrap #main .contents li	{ width:90%; max-width:400px; margin:10px auto; }
	#pagewrap #main .contents li:nth-child(3n+2)	{ width:90%; }
	#pagewrap #main .contents .attention li	{  max-width:100%; }


	#pagewrap #main .apply-pc	{ display:none; }
	#pagewrap #main .apply-sp	{ display: block; width:100%; font-size:12px;  text-align: center; }

	#pagewrap #main .apply-sp h3	{
		width:80%; margin:10px auto; font-size:20px; border:1px solid #f86683; border-bottom-width: 3px;
		border-radius: 8px;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 75%, #e1e1e1 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 75%,#e1e1e1 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 75%,#e1e1e1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
	}
	#pagewrap #main .apply-sp h3 a	{ display: block; padding:10px; }
	#pagewrap #main .apply-sp h3:after	{ display:none; }

	#pagewrap #main .attention ul	{ margin:0px; padding:10px 5px; }

	#pagewrap #sub	{ width:100%; background-color: #ffffff; padding:0; }
	#pagewrap #sub .inner	{ border: solid 5px #ffffff;padding: 10px 0px; }

	#pagewrap #sub .more	{ width:100%; background:#ffffff; padding: 1px 7px; }

	#pagewrap #present-list	{ display:flex; flex-wrap: wrap; margin-top:10px; }
	#pagewrap #present-list li	{ width:48%; margin:5px 1%; }
	#pagewrap #present-list dt img	{ width:100%; }
	#pagewrap #present-list dd.closing	{ font-size:12px; }

	#pagewrap #sub .bnr300	{ display:none; }
	#pagewrap #sub .sp-bnr300 { padding: 10px; text-align: center; display: block; }

	#pagewrap .pc-hide	{ display:block; }					/* PCで隠した要素を表示 */
	#pagewrap .sp-hide	{ display:none; }					/* スマホでは隠したい要素に追記 */
	
}