@charset "utf-8";

/*-------------------------------------

　キャンペーン名記載

---------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/

.column2R #main {
	float: none;
	width: auto;
}

#lp_page {
	width: 900px;
	color: #333333;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#FFF;
	margin: 30px auto;
}

#lp_page h2 {
	background: url(./img/windows10/midasi_bg.jpg) no-repeat;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: 50px;
	line-height: 34px;
	height: 40px;
	text-align: left;
	font-size: 18px;
	color: #0062B0;
}

/*-------------------------------------
　見出し設定
---------------------------------------*/

/*-- h3、h4は依頼内容に合わせて変更してください --*/
h3 {
	background-color: #0078D7;
	border-bottom: 5px solid #00bcf2;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 15px;
}



/*-- タイトル画像部分 --*/
#title {
	margin-bottom: 15px;
}

#title img {
	margin-bottom: 10px;
}

/*-------------------------------------
　バナーの下にテキストを設置する場合は
　sectionBox_b を使ってください
　通常はsectionBoxを使用
---------------------------------------*/

.sectionBox,
.sectionBox_b {
	margin-bottom: 60px;
}
.sectionBox img,
.sectionBox_b img {
	margin-bottom: 15px;
}
.sectionBox_b p {
	margin-bottom: 30px;
}

/*-------------------------------------
　ml：　margin-left
　mr：　margin-right
　mb：　margin-bottom
　mt：　margin-top
---------------------------------------*/

.ml20 {
	margin-left: 20px;
}
.ml13 {
	margin-left: 13px;
}
.ml7 {
	margin-left: 7px;
}
.ml6 {
	margin-left: 6px;
}

/*-------------------------------------
　罫線
---------------------------------------*/

.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 20px;
}


/*-------------------------------------
　内容装飾
---------------------------------------*/

#lp_page h2 span {
	color: #ff1a00;
	margin-left: 10px;
}

#lp_page .content {
	text-align: left;
	width: 860px;
	padding-left: 25px;
	margin-bottom: 30px;
}


#lp_page #content-block2 h3 {
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	width: 900px;
}


#lp_page #content-block2 h3 a {
	display: block;
	height: 60px;
}

#lp_page #content-block2 h4 {
	text-align: center;
	font-size: 16px;
	margin: 0 0 -1px 0;
	width: 900px;
	/width: 902px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

#lp_page #content-block2 h4 span {
	background: #eeeeee;
	margin: 1px;
	padding: 3px 0 3px 0;
	display: block;
}

#lp_page #content-block2 .flow_sp {
	display: none;
}

#lp_page #content-block3 ul {
	width: 900px;
}

#lp_page #content-block3 li {
	display: inline;
	margin-right: 15px;
}

#lp_page #content-block3 li img {
	margin-bottom: 15px;
}

#lp_page #content-block4 ul,
#lp_page #content-block5 ul {
	list-style: none;
}

#lp_page #content-block4 li,
#lp_page #content-block5 li {
	background: url(./img/dsp_win/list_bg.gif) no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}

#lp_page #content-block4 a,
#lp_page #content-block5 a {
	color: #0066ff;
	text-decoration: underline;
	font-size: 14px;
	font-family: Osaka,"ＭＳ Ｐゴシック";
}

#lp_page #content-block5 ul {
	margin-bottom: 15px;
}

#lp_page #content-block5 img {
	border: 1px solid #cccccc;
}

/*ボックスが伸びるおまじない*/
.cl {
	display: inline-block;
}

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


/*-------------------------------------
　ページTOPへ
---------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}


/*-------------------------------------
こっからしたはclearfix
---------------------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------
装飾
---------------------------------------*/
.floatL {
	float: left;
}
.ml4 {
	margin-left: 4px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml80 {
	margin-left: 80px;
}
.ml15 {
	padding-left: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}

.mt10 {
	margin-top: 10px;
}
.redTxt {
	color: #F00;
}
.txt12 {
	font-size: 12px;
}

/*オススメセット*/
.osusumetit {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 10px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 40px;
	background:#0089d1;
}
.osusumeBox {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}
.osusumeBox320 {
	float: left;
	width: 280px;
	border: 5px solid #C1C1C1;
	padding: 20px;
}
.osusumeBoxSp {
	display: none;
}



/*-------------------------------------
CLIPSTUDIOキャンペーン
---------------------------------------*/
.clipBox {
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}

.clipBox .boxL {
	float: left;
	width: 245px;
}

.clipBox .boxR {
	float: right;
	width: 655px;
}

.clipBox .boxR p {
	margin-bottom: 1.0em;
	font-size: 135%;
}

.clipBox .boxR strong {
	color: #0089d0;
	font-size: 140%;
	line-height: 110%;
}

.clipBox li {
	margin-left: 1.0em;
	margin-bottom: 0.75em;
	text-indent: -1.0em;
}

.clipBox .boxR .pdf {
	text-align: right;
	font-size: 100%;
}

/*-------------------------------------
20170724改修
---------------------------------------*/

#content-block1 p {
	font-weight:bold;
	font-size:16px;
}
#content-block1 p span {
	color:red;
	font-size:18px;
}
.osusumeSet {
		width: 900px;
}
.setItem {
		float: left;
		width: 200px;
		border: 5px solid #C1C1C1;
		padding: 20px;
		text-align:center;
}
.itemList {
	width:790px;
	margin:0 auto;
}
h4 a {
	padding: 18px 90px;
	border: 1px solid;
	border-radius: 5px;
	text-decoration:none !important;
	background: #4183ff;
	color: #FFF !important;
	font-size:24px !important;
}
li:nth-child(4),li:nth-child(8),li:nth-child(12) {
	margin-right:0 !important;
}
#lp_page #content-block3 ul {
	width:870px;
	margin:0 auto;
}
#lp_page #content-block2 h4 {
	margin:0 0 40px 0;
}
.osusumeBox320 span {
	color:red;
	font-weight:bold;
}
.osusumeTxt {
	font-weight:bold;
}
.price {
	color:red;
	font-weight:bold;
}
.cartBtn {
}
.cartBtn {
	display:block;
	background-image:-moz-linear-gradient(
	top,
	#ffa035 0%,
	#ff8300);

	background-image:-webkit-gradient(
	linear,left top,left bottom,
	from(#ffa035),
	to(#ff8300));

	width: 200px;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	margin: 10px auto 14px;
}
.setItem a {
	text-decoration:none !important;
}
.PC {
	display:block;
}
.SP {
	display:none;
}
.titleName {
	width: 900px;
	padding: 20px 0px 12px;
	background: #0089d0;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	color: #FFF;
	line-height:34px;
	margin:80px 0 50px;
}
.titleName span {
	font-size:18px;
	color: #ffff00;
}
.pointBox {
	float:right;
	margin-top:20px;
}
.pointBox a {
	padding: 10px;
	border: 1px solid;
}
.sectionBox a {
	text-decoration:underline;
}

.partBtn {
	display: inline;
	background-image: -moz-linear-gradient( top, #ffa035 0%, #ff8300);
	background-image: -webkit-gradient( linear,left top,left bottom, from(#ffa035), to(#ff8300));
	width: 200px;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	margin: 10px auto 14px;
}
.faq {
	font-size:15px;
	font-weight:bold;
}
.faq_Q {
	padding: 0 0 30px;
	border-bottom: 1px solid #CCC;
}
.faq_Q span {
	color: #FFF;
	background: #ff8400;
	padding: 2px 8px;
	font-size: 20px;
	border-radius: 5px;
	margin-right:10px;
}
.faq_A span {
	color: #FFF;
	background: #0089d0;
	padding: 2px 6px;
	font-size: 20px;
	border-radius: 5px;
	margin-right:10px;
}
.supportBox {
	border: 6px solid #0089d0;
	padding: 20px 0;
	border-radius: 8px;
	text-align:center;
	margin:0 auto;
	width:600px
}
.supportTitle {
	font-weight:bold;
	font-size:18px;
}
.supportDetail {
	padding: 10px;
	background: #0089d0;
	width: 440px;
	color: #FFF;
	border-radius: 8px;
	margin: 22px auto;
	font-size: 18px;
}
#content-block4 p {
	font-weight:bold;
	font-size:16px;
}
#content-block4 p span {
	color:red;
	font-size:18px;
}
.supportBox2 {
	margin-left:50px;
}
.rankBadge {
	float:left;
}

		/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
		@media screen and (max-width:479px){

			#lp_page {
				width: 98%;
				margin: 0% 1%;
			}

			#lp_page img {
				width: 100%;
				height: 100%;
			}

			#lp_page h2 {
				padding: 0 0 10px 50px;
				text-indent: 0;
				line-height: 1.2em;
				background-position: left bottom;
				height: inherit;
				min-height: 40px;
			}
			#lp_page .osusumetit {
				width: 94%;
			}

			#lp_page .osusumeBox {
				display: none;
			}

			#lp_page .osusumeBoxSp {
				display: block;
			}

			#lp_page .osusumeBox320 {
				margin-bottom: 20px;
				float: none;
				width: 84%;
			}

			#content-block3 ul {
				width: 100% !important;
			}

			#lp_page #content-block2 h4 {
				width: 100%;
			}

			#lp_page #content-block2 .flow_pc {
				display: none;
			}

			#lp_page #content-block2 .flow_sp {
				display: block;
				text-align: center;
			}

			#lp_page #content-block2 .flow_sp img {
				margin-bottom: 0;
			}

			#lp_page #content-block2 .flow_sp .dsp_buy_yaji {
				margin-bottom: 15px;
			}

			#lp_page #content-block2 .flow_sp .dsp_buy_yaji img {
				width: 50%;
			}

			/*-------------------------------------
			20170724改修
			---------------------------------------*/

			.win10Camp_170411 .textBlock,
			.win10Camp_170411 .imgBlock {
				float: none;
				width: 100%;
			}
			.win10Camp_170411 .textBlock .mainHead {
				font-size: 20px;
			}
			#content-block3 ul li img {
				width:100%;
			}
			.osusume_link_list>li:nth-child(odd) {
				float:left;
			}
			.osusume_link_list>li:nth-child(even) {
				float:right;
			}
			#lp_page #content-block3 li {
				margin-right:0;
				width:50%;
			}
			#lp_page #content-block3 li img {
				margin-bottom:0;
			}
			#lp_page h2 {
				padding: 10px 0 0px 50px;
				text-indent: 0;
				line-height: 1.2em;
				background-position: left bottom;
				height: inherit;
				min-height: 30px;
			}
			#lp_page .osusumeBox320 {
				margin-bottom: 20px;
				float: none;
				width: 100%;
			}
			.setItem {
				float:none;
				width:100%;
				margin:0 auto;
			}
			.osusumeSet {
				width:100%;
			}
			.itemList {
				width:100%;
			}
			.osusumeBox320 {
				border:none;
				padding:0;
				text-align:center;
			}
			.osusumeBox320 img {
				width:60% !important;
			}
			.setItem {
				border:none;
				padding:0;
				text-align:center;
				margin-bottom:20px;
			}
			.setItem img {
				width:60% !important;
			}
			.supportImg {
				width:50%;
				margin:0 auto;
			}
			.supportBox p {
				width:100%;
				padding-top:10px;
			}
			.supportBox {
				width:100%;
			}
			.supportBox img {
				margin-left:0;
			}
			.supportBtn {
				width:100%;
			}
			h4 a {
				padding:18px 30px;
			}
			#footerLinks {
				display:none;
			}
			#footer {
				height:160px;
			}
			#container {
				margin:0 auto 24px;
			}
			.supportBtn h4 {
				margin:60px 0;
			}
			.spImg {
				width:70% !important;
			}
			.spArrow img{
				width:20% !important;
			}
			.spArrow img{
				width:20% !important;
			}
			.supportBtn a {
				box-shadow:2px 2px 2px #555;
				border:none;
			}
			.cartBtn {
				display:block;
				background-image:-moz-linear-gradient(
				top,
				#ffa035 0%,
				#ff8300);

				background-image:-webkit-gradient(
				linear,left top,left bottom,
				from(#ffa035),
				to(#ff8300));

				width: 200px;
				padding: 10px 0;
				color: #fff;
				font-weight: bold;
				border-radius: 3px;
				margin: 10px auto 40px;
				text-decoration:none;
			}
			.pointBox {
				width:100%;
				text-align:center;
			}
			.PC {
				display:none !important;
			}
			.SP {
				display:block;
			}
			#pointTitle {
				width:100%;
			}
			.spImg {
				padding: 10px;
				border: 1px solid #ccc;
				margin-top: 16px;
			}
			.setItem .rankBadge {
				width:51px !important;
			}
			.supportBox2 {
				margin:0;
			}
			.supportBox {
				border:none;
			}
			.supportDetail {
				padding:10px 0;
			}
			.supportTxt {
				text-align:left;
			}
			.titleName {
				font-size:210%;
			}
			.rankBadge {
				float:none;
			}

		}