@charset "utf-8";


.sp-logo {
	text-align: left;
	padding: 24px 0 0 1px;
}

/* advertiser/publisher -------------------------------------------------------------*/
.contact_box {
    text-align:center;
}

.form_btn {
    background:#fff;
    color:#e95513;
}

.regist_btn {
    background:#e95513;
    color:#fff;
}

.regist_btn,.form_btn {
    border: 2px solid #e95513;
    border-radius: 5px;
    height: 80px;
    font-size:12px;
	margin: 10px auto;
    position:relative;
}

.regist_btn a,.form_btn a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.regist_btn p:first-child,.form_btn p:first-child {
    font-weight:bold;
    font-size:30px;
	margin:5px 0 0 0;
}

.icon {
    margin: 40px 0 25px 0;
    text-align: left;
    overflow: hidden;
	font-size: 20px;
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.animated {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.icon, .icon-body {
    overflow: hidden;
    zoom: 1;
}
.icon .icon-body h4 {
    color: #333;
    text-transform: uppercase;
	margin-top: 20px
}
.icon a.pull-left {
    margin-right: 20px;
}
.icon a {
    text-decoration: none;
}
.icon.right {
    text-align: right;
}
.icon a.pull-right {
    margin-left: 20px;
}
.icon-head {
    margin: 5px 0 5px;
    font-size:24px;
    font-weight:bold;
}
.icon .icon-body p {
    color: #4d4d4d;
}
.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}
.icon a .icon-object {
    background: #fff;
    color: #333;
    border: 3px solid #333;
    padding: 14px 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    display: block;
    height: 65px;
    width: 65px;
    text-align: center;
    text-decoration: none;
	font-size: 35px;
}

.icon:hover .icon-object {
    background: #333;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.icon h4 {
	font-size: 25px;
}


/* ▼SP：advertiser/publisher */
@media screen and (max-width: 992px) {

.icon .icon-body h4 {
    color: #333;
	margin-top: 0px;
}

.icon a .icon-object {
    background: #fff;
    color: #333;
    border: 3px solid #333;
    padding: 9px 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    display: block;
    height: 45px;
    width: 45px;
    text-align: center;
    text-decoration: none;
	font-size: 25px;
}

.icon h4 {
	font-size: 18px;
	padding: 13px;
}

.icon {
    margin: 15px 0 0 0;
    text-align: left;
    overflow: hidden;
	font-size: 15px;
}

	.sub_main h2 {
		padding-bottom:40px;
	}
}

/*サブページ--------------------------------------------------*/
.sub_bg{
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../img/bg.png) no-repeat center center;
    background-size: cover;
	}

.sub_main h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 2.5em;
	font-weight: bold;
	width: 100%;
}

.sub_main .h2_s{
	font-size: 0.5em;
	letter-spacing: 0.05em;
}

.sub_main{
	display: block;
	padding: 120px 80px 60px 80px;
	background-size: cover;
	background-repeat: no-repeat;
	line-height: 2.5em;
	font-size: 1em;
}

.sub_main p{
	padding: 0;
	margin: 0;
}

.sub_main_text{
	width: 100%;
	float: right;
	margin: 40px 0 0px 0;
	padding: 0 0 0 60%;
}

/* ▼SP：サービスの特徴 */
@media screen and (max-width: 992px) {
.sub_main{
	padding: 4em 1.5em 0em;
	line-height: 2em;
}

.sub_main h2{
	font-size: 1.5em;
}

.sub_main_text{
	padding: 0 0 0 0;
}

.sub_main{
	padding: 4em 1.5em;
	line-height: 2em;
	background-image: url(../img/chara_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
}
}

/*--------------------------------------------------*/
ul, p {
  margin: 0;
  padding: 0;
}
footer {
  height: 110px;
  width: 100%;
  background-color: #1a1a1a;
  text-align: center;
  padding-top: 10px;
}
footer p {
  color: #c7c7c7;
  font-size: 12px;
}
ul.sns li {
  display: inline-block;
  margin: 10px 0 0 0;
}
ul.sns li + li {
  margin-left: 10px;
}

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

*{
	padding: 0px;
	margin: 0px;
}

.font04{font-size: 0.4em;}
.font06{font-size: 0.6em;}
.font08{font-size: 0.8em;}
.font10{font-size: 1em;}
.font12{font-size: 1.2em;}
.font14{font-size: 1.4em;}
.font16{font-size: 1.6em;}
.font18{font-size: 1.8em;}
.font20{font-size: 2em;}

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

/* ▼旧CSS */
body {
    font-size: 100%;
    line-height: 140%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
    color: #333;
    background-color:#FFF;
    -webkit-text-size-adjust: 100%;
	}

a:link { text-decoration:none; color: #333;}
a:visited { text-decoration:none; color: #333;}
a:active { text-decoration:none; color: #333;}
a:hover { text-decoration:none; color: #333;}

/*  carousel カルーセル
-------------------------------------------------------------*/

.inner_box {
    margin:30px auto 0;
    width:1000px;
}
.item_box {
    width:1000px;
    margin:0 auto;
    position:relative;
}
.item_txt {
    width:880px;
    color:#4d4d4d;
    text-align:left;
    margin:25px 0 0 49px;
    font-size:20px;
    line-height:1.5;
    position:relative;
}
.item_txt h3 {
    font-size:32px;
    margin-bottom:15px;
    padding-left:15px;
    border-left:#e7574a 5px solid;
    color:#333;
}

.chara_thumb_box {
    width:900px;
    margin:0 auto;
}
.ad_item{
    float: left;
    margin: 0 12px 0 0;
}
.ad_item:last-child { margin:0;}
.ad_item .ad_item_img{
    background-repeat: no-repeat;
    background-position: 0;
    cursor: pointer;
}
.ad_item .ad_item_img img{
    opacity: 0;
    vertical-align: bottom;
    transition: all linear 0.3s;
}
.ad_item.active .ad_item_img img{
    opacity: 1;
}
.ad_item[data-slide-to="0"] .ad_item_img{ background-image: url(../img/btn_off_01.jpg); }
.ad_item[data-slide-to="1"] .ad_item_img{ background-image: url(../img/btn_off_02.jpg); }
.ad_item[data-slide-to="2"] .ad_item_img{ background-image: url(../img/btn_off_03.jpg); }
.ad_item[data-slide-to="3"] .ad_item_img{ background-image: url(../img/btn_off_04.jpg); }
.ad_item[data-slide-to="4"] .ad_item_img{ background-image: url(../img/btn_off_05.jpg); }
.ad_item[data-slide-to="5"] .ad_item_img{ background-image: url(../img/btn_off_06.jpg); }
.ad_item[data-slide-to="6"] .ad_item_img{ background-image: url(../img/btn_off_07.jpg); }

span.red { color:#ff1d25; }
.m-btm00 p { margin-bottom:00px; margin-top:50px }
.m-btm30 p { margin-bottom:30px; margin-top:50px }
.m-btm60 p { margin-bottom:60px; margin-top:50px }

.item_undertxt {
    text-align:center;
    font-size:18px;
    margin-top:30px;
}
.item_undertxt_02 {
    text-align:center;
    font-size:18px;
    margin-top:25px;
}

/*　End　旧CSS
-------------------------------------------------------------*/


/* ▼新CSS */
body{}

/* ▼PC：ヘッダーメニューの設定 */
@media screen and (min-width: 992px) {
	header{
		width: 100%;
		padding: 0.5em 1em 0.8em;
		background-color: #FFFFFF;
		position: fixed;
		z-index: 999;
		font-weight:600;
		}

	header ul{
		list-style: none;
		margin: 8px 10px 0 10px;
		}

	header li{
		display: inline-block;
		padding: 0em 0.6em;
		line-height: 2em;
		}

	header li a {
		position: relative;
		display: inline-block;
		transition: .3s;
		}

	header li a:hover{
		text-decoration: none;
		}

	header li a::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 2px;
		background-color: #E7574A;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		}

	header .list_border_none a::after {
		height: 0;
	}

	header li a:hover::after {
		width: 100%;
		}

	.menu_icon img{
		width: 30px;
		margin-top: -5px;
		margin-right: -10px;
	}

	.cp_menu{
		text-align: right;
		z-index: 999!important;
		position: relative;
		font-size: 0.9em;
		letter-spacing: 0.05em;
	}

	.menu_login{
		color: #e95513;
		border-radius: 5px;
		border: solid 1px #e95513;
		margin: 0 10px 0 10px;
		padding: 0;
	}

	.menu_login a{
		color: #e95513;
		padding-right: 30px;
		padding-left: 30px;
	}

	.menu_login a:hover{
		background-color: #e95513;
		color: #FFFFFF;
	}

	header .menu_login a::after {
		height: 0;
	}
}

/* ▼スマホ：メニュー */
@media screen and (max-width: 992px) {
*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	}
ol, ul {
	list-style: none;
	}
a {
	text-decoration: none;
	color: inherit;
	}
.cp_cont {
	height: 80px;
	}
.cp_offcm01 {
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-block;
	z-index: 100;
	}
/* menu */
.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #EA5515;
	opacity: 0.95;
	}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
	}
.cp_offcm01 .cp_menu li {
	width: 100%;
	list-style: none;
	border-bottom: 1px solid #ffffff;
	}
.cp_offcm01 .cp_menu li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #ffffff;
	/*border-bottom: 1px solid #ffffff;*/
	}
.cp_offcm01 .cp_menu li a:hover{
	background-color: #FFFFFF;
	color: #EA5515;
	}
.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
	}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
	}

/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #FFFFFF;
	}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-250px);
	}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: "FontAwesome";
	content: "\f0c9";
	font-size: 2em;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	font-family: "FontAwesome";
	content: "\f00d";
	}
/* contents */
.cp_contents {
	color: #FFFFFF;
	text-align: center;
	}
}

/* ▼PC：ヘッダーロゴ */
.top_logo{
	float: left;
	margin: 0px 0px 0px;
	}

.top_logo img{
	width: 180px;
	margin-top: -8px;
}

/* ▼PC：メイン背景 */
#bg {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../img/bg.jpg) no-repeat center center;
    background-size: cover;
	}

.main_text{
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

.main_text img{
	width: 90%;
	max-width: 920px;
	margin-top: 90px;
	position: relative;
	z-index: -1;
}

.main_icon{
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

.main_icon img{
	width: 70%;
	max-width: 355px;
	margin-top: 8%;
	position: relative;
	z-index: -1;
	-webkit-transform: translate3d(0,0,0);
}

/* ▼スマホ：メイン背景 */
@media screen and (max-width: 992px) {
.main_text img{
	margin-top: 30px;
	}
}

/* ▼PC：メイン */
#main{
	position: relative;
}

#main a{
	width: 35%;
	margin: 4% auto;
	display: block;
	color: #FFFFFF;
	transition: .3s;
}

#main a:hover{
	color: #E73828;
	text-decoration: none;
	background-color: #FFFFFF;
}

.main_login_bt{
	border: solid 1px #FFFFFF;
	text-align: center;
	padding: 5px 0;
	position: relative;
}

.main_login{
		-webkit-transform: translate3d(0,0,0);
}

/* ▼スマホ：メイン */
@media screen and (max-width: 992px) {
#main a{
	width: 60%;
	margin-top: 30px;
	}

.main_login_bt{
	z-index: -1;
}

#main a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: rgb(255,255,255,0);
}
}

/* ▼PC：サービスの特徴 */
#characteristics h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 2.5em;
	font-weight: bold;
}

#characteristics .h2_s{
	font-size: 0.5em;
	letter-spacing: 0.05em;
}

.orange_line{
	border-bottom: 5px solid #E73828;
}

#characteristics{
	display: block;
	background-color: #FFFFFF;
	padding: 80px 80px;
	background-image: url(../img/chara_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	line-height: 2.5em;
	font-size: 1em;
	border-bottom: 60px solid #F29600;
}

#characteristics p{
	padding: 0;
	margin: 0;
}

#characteristics_text{
	width: 100%;
	float: right;
	margin: 40px 0 0px 0;
	padding: 0 0 0 60%;
}

/* ▼SP：サービスの特徴 */
@media screen and (max-width: 992px) {
	#characteristics{
		padding: 4em 1.5em 0em;
		line-height: 2em;
	}

	#characteristics p{
		margin-bottom: 1.5em;
	}

	#characteristics h2{
		font-size: 1.5em;
	}

	#characteristics_text{
		padding: 0 0 0 0;
	}

#characteristics{
	padding: 4em 1.5em;
	line-height: 2em;
	background-image: url(../img/chara_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
}
}

/* ▼PC：掲載イメージ */
#AdFormats{
	display: block;
	background-color: #FFFFFF;
	padding: 80px 80px 60px 80px;
	background-size: contain;
	line-height: 2.5em;
	font-size: 1em;
}

#AdFormats h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 2.5em;
	font-weight: bold;
	width: 800px;
}

#AdFormats .h2_s{
	font-size: 0.5em;
	letter-spacing: 0.05em;

}

#AdFormats p{
	padding: 0;
	margin: 0 0 20px 0;
}

#AdFormats_text{
	width: 100%;
	float: right;
	margin: 40px 0 0 0;
	padding: 0 0 0 45%;
}

.orange_line{
	border-bottom: 5px solid #E73828;
}


/* ▼スマホ：掲載イメージ */
@media screen and (max-width: 992px) {
#AdFormats{
	padding: 4em 1.5em;
	line-height: 2em;
	background-image: url(../img/chara_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
}

#AdFormats h2{
	font-size: 1.5em;
}

#AdFormatssp{
	display: block;
	background-color: #FFFFFF;
	line-height: 2.5em;
	font-size: 1em;
}

#AdFormatssp h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 2.8em;
	font-weight: bold;
}

#AdFormatssp .h2_s{
	font-size: 0.5em;
	letter-spacing: 0.05em;

}


#AdFormatssp p{
	padding: 0;
	margin: 0;
}

#AdFormatssp_text{
	width: 100%;
	float: right;
	margin: 40px 0 0 0;
	padding: 0 0 0 45%;
}

.orange_line{
	border-bottom: 5px solid #E73828;
}




/* ▼スマホ：掲載イメージ ＞　カルーセル*/
.inner_box {
    margin:30px auto 0;
    width:100%;
}
.item_box {
    width:98%;
    margin:0 auto;
    position:relative;
}
.item_txt {
    width:98%;
    color:#4d4d4d;
    text-align:left;
    margin:0px 0 0 0px;
    font-size:15px;
    line-height:2em;
    position:relative;
}
.item_txt h3 {
    font-size:20px;
    margin-bottom:15px;
    border-left:#e7574a 5px solid;
	padding-left:10px;
    color:#333;
}


.chara_thumb_box {
    width:98%;
    margin:0 auto;
}
.ad_item{
    float: left;
}
.ad_item:last-child { margin:0;}
.ad_item .ad_item_img{
    background-repeat: no-repeat;
    background-position: 0;
    cursor: pointer;
}
.ad_item .ad_item_img img{
    opacity: 0;
    vertical-align: bottom;
    transition: all linear 0.3s;
}
.ad_item.active .ad_item_img img{
    opacity: 1;
}
.ad_item[data-slide-to="0"] .ad_item_img{ background-image: url(../img/btn_off_01.jpg); }
.ad_item[data-slide-to="1"] .ad_item_img{ background-image: url(../img/btn_off_02.jpg); }
.ad_item[data-slide-to="2"] .ad_item_img{ background-image: url(../img/btn_off_03.jpg); }
.ad_item[data-slide-to="3"] .ad_item_img{ background-image: url(../img/btn_off_04.jpg); }
.ad_item[data-slide-to="4"] .ad_item_img{ background-image: url(../img/btn_off_05.jpg); }
.ad_item[data-slide-to="5"] .ad_item_img{ background-image: url(../img/btn_off_06.jpg); }
.ad_item[data-slide-to="6"] .ad_item_img{ background-image: url(../img/btn_off_06.jpg); }

span.red { color:#ff1d25; }
.m-btm00 p { margin-bottom:00px; margin-top:50px }
.m-btm30 p { margin-bottom:30px; margin-top:50px }
.m-btm60 p { margin-bottom:60px; margin-top:50px }

.item_undertxt {
    text-align:center;
    font-size:10px;
    margin-top:10px;
	height: 80px
}
.item_undertxt_02 {
    text-align:center;
    font-size:10px;
    margin-top:5px;
	height: 80px
}
.item_undertxt_03 {
    text-align:center;
    font-size:10px;
    margin-top:5px;
}